#5aaaaf HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5aaaaf | RGB(90, 170, 175) |
Created at 02/27/2023 05:21
RGB values are RGB(90, 170, 175)
#5aaaaf color contains Red 35.29%, Green 66.67% and Blue 68.63%.
oklch(68.93% 0.0788 200.82)
#5aaaaf color contains Red 35.29%, Green 66.67% and Blue 68.63%.
oklch(68.93% 0.0788 200.82)
Color Names of #5aaaaf HEX code
≈ Tradewind
Classification of #5aaaaf color
#5aaaaf is Light and Cool Color Saturation 35%, lightness 52%.
Tint of Cadet Blue
Alternative colors of #5aaaaf
Opposite Color for #5aaaaf is #af5f5a
#5aaaaf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5aaaaf
cmyk
CMYK(49%, 3%, 0%, 31%)
Decimal
5941935
HEX
#5aaaaf
HSL
hsl(184, 35%, 52%)
HSLA
hsla(184, 35%, 52%, 1)
RGB
RGB(90, 170, 175)
RGBA
RGBA(90, 170, 175, 1)
Palettes for #5aaaaf color:
Below are examples of color palettes with the #5aaaaf HEX color
darkest color is #091111 from shades and lightest color is #eff7f7 from tints
Shades palette of #5aaaaf:
#51999e
#48888c
#3f777a
#366669
#2d5558
#244446
#1b3335
#122223
#091111
#000000
Tints palette of #5aaaaf:
#6bb3b7
#7bbbbf
#8cc4c7
#9ccccf
#add5d7
#bddddf
#cee6e7
#deeeef
#eff7f7
#ffffff
Complementary palette of #5aaaaf:
#5aaaaf
#af5f5a
Triadic palette of #5aaaaf:
#5aaaaf
#af5aaa
#aaaf5a
Square palette of #5aaaaf:
#5aaaaf
#8a5aaf
#af5f5a
#7faf5a
Analogous palette of #5aaaaf:
#5aaf8a
#5aaaaf
#5a80af
Split-Complementary palette of #5aaaaf:
#5aaaaf
#af5a80
#af8a5a
Rectangle (tetradic) palette of #5aaaaf:
#5aaaaf
#5f5aaf
#af5f5a
#aaaf5a
Suggested color palettes for #5aaaaf HEX:
Color palette with color #5aaaaf #1:
Color palette with color #5aaaaf #2:
Color palette with color #5aaaaf #3:
Color palette with color #5aaaaf #4:
Color palette with color #5aaaaf #5:
Color #5aaaaf used in palettes (1)
Color Contrast
Color pairings of #5aaaaf with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5aaaaf
#5aaaafContrast Ratio
2.69:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5aaaaf
#5aaaafContrast Ratio
7.8:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5aaaaf color png
Visit the popular colors list for more colors