Created at 02/23/2023 21:09
#5672a2 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #5672a2 | RGB(86, 114, 162) |
RGB values are RGB(86, 114, 162)
#5672a2 color contain Red 33.73%, Green 44.71% and Blue 63.53%.
oklch(55.07% 0.0822 260.84)
#5672a2 color contain Red 33.73%, Green 44.71% and Blue 63.53%.
oklch(55.07% 0.0822 260.84)
Classification of #5672a2 color
#5672a2 is Light and Cool Color Saturation 31%, lightness 49%.
Tint of steelblue
Alternative colors of #5672a2
Opposite Color for #5672a2 is #a48756
#5672a2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5672a2
Decimal
5665442
HEX
#5672a2
HSL
hsl(218, 31%, 49%)
HSLA
hsla(218, 31%, 49%, 1)
RGB
RGB(86, 114, 162)
RGBA
RGBA(86, 114, 162, 1)
Palettes for #5672a2 color:
Below examples of color palettes for #5672a2 HEX color
darkest color is #090b10 from shades and lightest color is #eef1f6 from tints
Shades palette of #5672a2:
#4d6792
#455b82
#3c5071
#344461
#2b3951
#222e41
#1a2231
#111720
#090b10
#000000
Tints palette of #5672a2:
#6780ab
#788eb5
#899cbe
#9aaac7
#abb9d1
#bbc7da
#ccd5e3
#dde3ec
#eef1f6
#ffffff
Complementary palette of #5672a2:
#5673a4
#a48756
Triadic palette of #5672a2:
#5673a4
#a45673
#73a456
Square palette of #5672a2:
#5673a4
#a45699
#56a461
#a48756
Analogous palette of #5672a2:
#5699a4
#5673a4
Split-Complementary palette of #5672a2:
#5673a4
#5699a4
Rectangle (tetradic) palette of #5672a2:
#5673a4
#a45699
#56a461
#a46156
Suggested colors palettes for #5672a2 HEX:
Colors palette with color #5672a2 #1:
Colors palette with color #5672a2 #2:
Colors palette with color #5672a2 #3:
Colors palette with color #5672a2 #4:
Colors palette with color #5672a2 #5:
Color #5672a2 used in palettes (2)
Color Contrast
Color pairings #5672a2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5672a2
#5672a2 Contrast Ratio
4.85:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5672a2
#5672a2 Contrast Ratio
4.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5672a2 color png
Visit the popular colors list for more colors