#5fa299 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5fa299 | RGB(95, 162, 153) |
Created at 10/14/2026 03:44
RGB values are RGB(95, 162, 153)
#5fa299 color contains Red 37.25%, Green 63.53% and Blue 60%.
oklch(66.50% 0.07 184.73)
#5fa299 color contains Red 37.25%, Green 63.53% and Blue 60%.
oklch(66.50% 0.07 184.73)
Color Names of #5fa299 HEX code
≈ Breaker Bay
Classification of #5fa299 color
#5fa299 is Light and Cool Color Saturation 26%, lightness 50%.
Tint of Cadet Blue
Alternative colors of #5fa299
Opposite Color for #5fa299 is #a25f68
#5fa299 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5fa299
cmyk
CMYK(41%, 0%, 6%, 36%)
Decimal
6267545
HEX
#5fa299
HSL
hsl(172, 26%, 50%)
HSLA
hsla(172, 26%, 50%, 1)
RGB
RGB(95, 162, 153)
RGBA
RGBA(95, 162, 153, 1)
Palettes for #5fa299 color:
Below are examples of color palettes with the #5fa299 HEX color
darkest color is #09100f from shades and lightest color is #eff6f5 from tints
Shades palette of #5fa299:
#56928a
#4c827a
#43716b
#39615c
#30514d
#26413d
#1d312e
#13201f
#09100f
#000000
Tints palette of #5fa299:
#6faba3
#7fb5ad
#8fbeb8
#9fc7c2
#afd1cc
#bfdad6
#cfe3e0
#dfeceb
#eff6f5
#ffffff
Complementary palette of #5fa299:
#5fa299
#a25f68
Triadic palette of #5fa299:
#5fa299
#995fa2
#a2995f
Square palette of #5fa299:
#5fa299
#775fa2
#a25f68
#8aa25f
Analogous palette of #5fa299:
#5fa277
#5fa299
#5f8aa2
Split-Complementary palette of #5fa299:
#5fa299
#a25f8a
#a2775f
Rectangle (tetradic) palette of #5fa299:
#5fa299
#5f68a2
#a25f68
#a2995f
Suggested color palettes for #5fa299 HEX:
Color palette with color #5fa299 #1:
Color palette with color #5fa299 #2:
Color palette with color #5fa299 #3:
Color palette with color #5fa299 #4:
Color palette with color #5fa299 #5:
Color Contrast
Color pairings of #5fa299 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5fa299
#5fa299 Contrast Ratio
2.95:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5fa299
#5fa299 Contrast Ratio
7.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5fa299 color png
Visit the popular colors list for more colors