#5c9aa2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5c9aa2 | RGB(92, 154, 162) |
Created at 02/18/2023 16:36
RGB values are RGB(92, 154, 162)
#5c9aa2 color contains Red 36.08%, Green 60.39% and Blue 63.53%.
oklch(64.73% 0.0651 206.23)
#5c9aa2 color contains Red 36.08%, Green 60.39% and Blue 63.53%.
oklch(64.73% 0.0651 206.23)
Color Names of #5c9aa2 HEX code
≈ Breaker Bay
Classification of #5c9aa2 color
#5c9aa2 is Light and Cool Color Saturation 28%, lightness 50%.
Shade of Cadet Blue
Alternative colors of #5c9aa2
Opposite Color for #5c9aa2 is #a2645c
#5c9aa2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5c9aa2
cmyk
CMYK(43%, 5%, 0%, 36%)
Decimal
6068898
HEX
#5c9aa2
HSL
hsl(187, 28%, 50%)
HSLA
hsla(187, 28%, 50%, 1)
RGB
RGB(92, 154, 162)
RGBA
RGBA(92, 154, 162, 1)
Palettes for #5c9aa2 color:
Below are examples of color palettes with the #5c9aa2 HEX color
darkest color is #090f10 from shades and lightest color is #eff5f6 from tints
Shades palette of #5c9aa2:
#538b92
#4a7b82
#406c71
#375c61
#2e4d51
#253e41
#1c2e31
#121f20
#090f10
#000000
Tints palette of #5c9aa2:
#6ca4ab
#7daeb5
#8db8be
#9dc2c7
#aecdd1
#bed7da
#cee1e3
#deebec
#eff5f6
#ffffff
Complementary palette of #5c9aa2:
#5c9aa2
#a2645c
Triadic palette of #5c9aa2:
#5c9aa2
#a25c9a
#9aa25c
Square palette of #5c9aa2:
#5c9aa2
#875ca2
#a2645c
#77a25c
Analogous palette of #5c9aa2:
#5ca287
#5c9aa2
#5c77a2
Split-Complementary palette of #5c9aa2:
#5c9aa2
#a25c77
#a2875c
Rectangle (tetradic) palette of #5c9aa2:
#5c9aa2
#645ca2
#a2645c
#9aa25c
Suggested color palettes for #5c9aa2 HEX:
Color palette with color #5c9aa2 #1:
Color palette with color #5c9aa2 #2:
Color palette with color #5c9aa2 #3:
Color palette with color #5c9aa2 #4:
Color palette with color #5c9aa2 #5:
Color #5c9aa2 used in palettes (1)
Color Contrast
Color pairings of #5c9aa2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5c9aa2
#5c9aa2Contrast Ratio
3.18:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5c9aa2
#5c9aa2Contrast Ratio
6.59:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5c9aa2 color png
Visit the popular colors list for more colors