Created at 02/25/2023 21:59
#54ccf4 HEX Color information
Color | HEX | RGB |
#54ccf4 | RGB(84, 204, 244) |
RGB values are RGB(84, 204, 244)
#54ccf4 color contain Red 32.94%, Green 80% and Blue 95.69%.
Alternative colors of #54ccf4
Opposite Color for #54ccf4 is #f47b52
#54ccf4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #54ccf4
Decimal
5557492
HEX
#54ccf4
HSL
hsl(195, 88%, 64%)
HSLA
hsla(195, 88%, 64%, 1)
RGB
RGB(84, 204, 244)
RGBA
RGBA(84, 204, 244, 1)
Palettes for #54ccf4 color:
Below examples of color palettes for #54ccf4 HEX color
darkest color is #081418 from shades and lightest color is #eefafe from tints
Shades palette of #54ccf4:
Tints palette of #54ccf4:
Complementary palette of #54ccf4:
Triadic palette of #54ccf4:
Square palette of #54ccf4:
Analogous palette of #54ccf4:
Split-Complementary palette of #54ccf4:
Rectangle (tetradic) palette of #54ccf4:
Suggested colors palettes for #54ccf4 HEX:
Color #54ccf4 used in palettes (9)
Polygon header light blue interface about us page services Adobe illustrator illustration flat character design colors Illustrator vector texture illustration palette App design colors palette Basketball graphicdesign nebraska perspective colors palette Promotion 3d text style adobe illustrator Illustration sticker halftone lips Ux web design illustration Design typography advertising social media post colours
Color Contrast
Color pairings #54ccf4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#54ccf4
#54ccf4 Contrast Ratio
1.85:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#54ccf4
#54ccf4 Contrast Ratio
11.32:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |