#5F9EA0
cadetblue
#5F9EA0 is the CSS named color "cadetblue", an exact match. In RGB it breaks down to red 95, green 158, and blue 160 out of 255 each. In HSL terms that's a hue of 182°, 25% saturation, and 50% lightness: a mid-tone — usable as an accent for buttons, links, and icons against either a light or dark background.
Every format
| HEX | #5f9ea0 |
| RGB | rgb(95, 158, 160) |
| HSL | hsl(182° 25% 50%) |
| HSB | hsb(182° 41% 63%) |
| OKLCH | oklch(66% 0.065 198°) |
| OKLAB | oklab(66% -0.062 -0.020) |
| LCH | lch(61% 22.2 201°) |
| CMYK | cmyk(41% 1% 0% 37%) |
Shades (darker)
#5f9ea0 · #4f8e90 · #3f7e80 · #2e6f71 · #1d5f62
Tints (lighter)
#5f9ea0 · #69a9ab · #74b3b5 · #7fbec0 · #89c9cb
Shades mix #5F9EA0 toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 3.05:1 — AA (large text only)
On black: 6.88:1 — AA
Frequently asked
- What is #5F9EA0 in RGB?
- #5F9EA0 is rgb(95, 158, 160) — red 95, green 158, blue 160 out of 255 each.
- Does #5F9EA0 pass WCAG contrast on a white background?
- It has a contrast ratio of 3.05:1 against white, which passes WCAG AA (large text only) for normal text.
- What's a good background color to pair with #5F9EA0?
- Black text or a black background gives better contrast (6.88:1) than white (3.05:1).