Created at 03/02/2023 00:49
#549cd4 HEX Color information
| Color | HEX | RGB |
| #549cd4 | RGB(84, 156, 212) |
RGB values are RGB(84, 156, 212)
#549cd4 color contain Red 32.94%, Green 61.18% and Blue 83.14%.
Alternative colors of #549cd4
Opposite Color for #549cd4 is #d48b54
#549cd4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #549cd4
Decimal
5545172
HEX
#549cd4
HSL
hsl(206, 60%, 58%)
HSLA
hsla(206, 60%, 58%, 1)
RGB
RGB(84, 156, 212)
RGBA
RGBA(84, 156, 212, 1)
Palettes for #549cd4 color:
Below examples of color palettes for #549cd4 HEX color
darkest color is #081015 from shades and lightest color is #eef5fb from tints
Shades palette of #549cd4:
Tints palette of #549cd4:
Complementary palette of #549cd4:
Triadic palette of #549cd4:
Square palette of #549cd4:
Analogous palette of #549cd4:
Split-Complementary palette of #549cd4:
Rectangle (tetradic) palette of #549cd4:
Suggested colors palettes for #549cd4 HEX:
Colors palette with color #549cd4 #1:
Colors palette with color #549cd4 #2:
Colors palette with color #549cd4 #3:
Colors palette with color #549cd4 #4:
Colors palette with color #549cd4 #5:
Color #549cd4 used in palettes (9)
Logo icon branding design logos bussiness colours Typography vector type illustration Ux mockup irsyadadl parsinta colours Pattern art doodle graphic modern colors Pattern art doodle graphic colors palette Hand lettering packaging illustration Ux design ui dailyui colors Camp emblem branding sticker colors palette Logo design open book simple hex colors
Color Contrast
Color pairings #549cd4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#549cd4
#549cd4 Contrast Ratio
2.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#549cd4
#549cd4 Contrast Ratio
7.08:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
