#556ca2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #556ca2 | RGB(85, 108, 162) |
Created at 11/05/2026 05:57
RGB values are RGB(85, 108, 162)
#556ca2 color contains Red 33.33%, Green 42.35% and Blue 63.53%.
oklch(53.67% 0.0895 265.89)
#556ca2 color contains Red 33.33%, Green 42.35% and Blue 63.53%.
oklch(53.67% 0.0895 265.89)
Color Names of #556ca2 HEX code
≈ Waikawa Gray
Classification of #556ca2 color
#556ca2 is Semi dark and Cool Color Saturation 31%, lightness 48%.
Tint of Royal Blue
Alternative colors of #556ca2
Opposite Color for #556ca2 is #a28b55
#556ca2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #556ca2
cmyk
CMYK(48%, 33%, 0%, 36%)
Decimal
5598370
HEX
#556ca2
HSL
hsl(222, 31%, 48%)
HSLA
hsla(222, 31%, 48%, 1)
RGB
RGB(85, 108, 162)
RGBA
RGBA(85, 108, 162, 1)
Palettes for #556ca2 color:
Below are examples of color palettes with the #556ca2 HEX color
darkest color is #080b10 from shades and lightest color is #eef0f6 from tints
Shades palette of #556ca2:
#4d6192
#445682
#3b4c71
#334161
#2b3651
#222b41
#1a2031
#111620
#080b10
#000000
Tints palette of #556ca2:
#667bab
#7789b5
#8898be
#99a7c7
#aab6d1
#bbc4da
#ccd3e3
#dde2ec
#eef0f6
#ffffff
Complementary palette of #556ca2:
#556ca2
#a28b55
Triadic palette of #556ca2:
#556ca2
#a2556c
#6ca255
Square palette of #556ca2:
#556ca2
#a25593
#a28b55
#55a265
Analogous palette of #556ca2:
#5593a2
#556ca2
#6455a2
Split-Complementary palette of #556ca2:
#556ca2
#a26455
#92a255
Rectangle (tetradic) palette of #556ca2:
#556ca2
#8b55a2
#a28b55
#6ca255
Suggested color palettes for #556ca2 HEX:
Color palette with color #556ca2 #1:
Color palette with color #556ca2 #2:
Color palette with color #556ca2 #3:
Color palette with color #556ca2 #4:
Color palette with color #556ca2 #5:
Color Contrast
Color pairings of #556ca2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#556ca2
#556ca2Contrast Ratio
5.18:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#556ca2
#556ca2Contrast Ratio
4.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #556ca2 color png
Visit the popular colors list for more colors