#5aa2a8 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5aa2a8 | RGB(90, 162, 168) |
Created at 02/18/2023 20:58
RGB values are RGB(90, 162, 168)
#5aa2a8 color contains Red 35.29%, Green 63.53% and Blue 65.88%.
oklch(66.77% 0.0727 202.56)
#5aa2a8 color contains Red 35.29%, Green 63.53% and Blue 65.88%.
oklch(66.77% 0.0727 202.56)
Color Names of #5aa2a8 HEX code
≈ Breaker Bay
Classification of #5aa2a8 color
#5aa2a8 is Light and Cool Color Saturation 31%, lightness 51%.
Tint of Cadet Blue
Alternative colors of #5aa2a8
Opposite Color for #5aa2a8 is #a8605a
#5aa2a8 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5aa2a8
cmyk
CMYK(46%, 4%, 0%, 34%)
Decimal
5939880
HEX
#5aa2a8
HSL
hsl(185, 31%, 51%)
HSLA
hsla(185, 31%, 51%, 1)
RGB
RGB(90, 162, 168)
RGBA
RGBA(90, 162, 168, 1)
Palettes for #5aa2a8 color:
Below are examples of color palettes with the #5aa2a8 HEX color
darkest color is #091011 from shades and lightest color is #eff6f6 from tints
Shades palette of #5aa2a8:
#519297
#488286
#3f7176
#366165
#2d5154
#244143
#1b3132
#122022
#091011
#000000
Tints palette of #5aa2a8:
#6babb1
#7bb5b9
#8cbec2
#9cc7cb
#add1d4
#bddadc
#cee3e5
#deecee
#eff6f6
#ffffff
Complementary palette of #5aa2a8:
#5aa2a8
#a8605a
Triadic palette of #5aa2a8:
#5aa2a8
#a85aa2
#a2a85a
Square palette of #5aa2a8:
#5aa2a8
#875aa8
#a8605a
#7ba85a
Analogous palette of #5aa2a8:
#5aa887
#5aa2a8
#5a7ba8
Split-Complementary palette of #5aa2a8:
#5aa2a8
#a85a7b
#a8875a
Rectangle (tetradic) palette of #5aa2a8:
#5aa2a8
#605aa8
#a8605a
#a2a85a
Suggested color palettes for #5aa2a8 HEX:
Color palette with color #5aa2a8 #1:
Color palette with color #5aa2a8 #2:
Color palette with color #5aa2a8 #3:
Color palette with color #5aa2a8 #4:
Color palette with color #5aa2a8 #5:
Color #5aa2a8 used in palettes (1)
Color Contrast
Color pairings of #5aa2a8 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5aa2a8
#5aa2a8Contrast Ratio
2.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5aa2a8
#5aa2a8Contrast Ratio
7.16:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5aa2a8 color png
Visit the popular colors list for more colors