#5f97a0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5f97a0 | RGB(95, 151, 160) |
Created at 03/03/2023 13:12
RGB values are RGB(95, 151, 160)
#5f97a0 color contains Red 37.25%, Green 59.22% and Blue 62.75%.
oklch(64.10% 0.0603 208.65)
#5f97a0 color contains Red 37.25%, Green 59.22% and Blue 62.75%.
oklch(64.10% 0.0603 208.65)
Color Names of #5f97a0 HEX code
≈ Breaker Bay
Classification of #5f97a0 color
#5f97a0 is Light and Cool Color Saturation 25%, lightness 50%.
Shade of Cadet Blue
Alternative colors of #5f97a0
Opposite Color for #5f97a0 is #a0685f
#5f97a0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5f97a0
cmyk
CMYK(41%, 6%, 0%, 37%)
Decimal
6264736
HEX
#5f97a0
HSL
hsl(188, 25%, 50%)
HSLA
hsla(188, 25%, 50%, 1)
RGB
RGB(95, 151, 160)
RGBA
RGBA(95, 151, 160, 1)
Palettes for #5f97a0 color:
Below are examples of color palettes with the #5f97a0 HEX color
darkest color is #090f10 from shades and lightest color is #eff5f6 from tints
Shades palette of #5f97a0:
#568890
#4c7980
#436a70
#395b60
#304c50
#263c40
#1d2d30
#131e20
#090f10
#000000
Tints palette of #5f97a0:
#6fa1aa
#7facb3
#8fb6bd
#9fc1c6
#afcbd0
#bfd5d9
#cfe0e3
#dfeaec
#eff5f6
#ffffff
Complementary palette of #5f97a0:
#5f97a0
#a0685f
Triadic palette of #5f97a0:
#5f97a0
#a05f97
#97a05f
Square palette of #5f97a0:
#5f97a0
#895fa0
#a0685f
#76a05f
Analogous palette of #5f97a0:
#5fa089
#5f97a0
#5f76a0
Split-Complementary palette of #5f97a0:
#5f97a0
#a05f76
#a0895f
Rectangle (tetradic) palette of #5f97a0:
#5f97a0
#685fa0
#a0685f
#97a05f
Suggested color palettes for #5f97a0 HEX:
Color palette with color #5f97a0 #1:
Color palette with color #5f97a0 #2:
Color palette with color #5f97a0 #3:
Color palette with color #5f97a0 #4:
Color palette with color #5f97a0 #5:
Color #5f97a0 used in palettes (1)
Color Contrast
Color pairings of #5f97a0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5f97a0
#5f97a0Contrast Ratio
3.27:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5f97a0
#5f97a0Contrast Ratio
6.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5f97a0 color png
Visit the popular colors list for more colors