Cadetblue colour (#5F9EA0)
Cadetblue is medium a cyan with hex code #5F9EA0, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 95, 158, 160; in HSL 182°, 25%, 50%. Use the tool to explore shades and harmonies.
How to use the Cadetblue colour
- The colour is pre-filled; click Explore to see all formats, shades and harmonies.
- Edit the value to try a variation.
- Copy the code you need.
Cadetblue in every format
| Format | Value |
|---|---|
| HEX | #5F9EA0 |
| RGB | rgb(95, 158, 160) |
| RGB (0–1) | 0.373, 0.620, 0.627 |
| HSL | hsl(182, 25%, 50%) |
| CMYK (approx.) | 41%, 1%, 0%, 37% |
| CSS | color: cadetblue; |
Shades and tints of Cadetblue
Same hue and saturation, lightness from 90% to 10%:
#dfebec | #bfd8d9 | #9fc4c6 | #80b1b3 | #609d9f | #4d7e80 | #395e60 | #263f40 | #131f20 |
Colours that go with Cadetblue
| Harmony | Colours | |
|---|---|---|
| Complementary | #9f6260 | |
| Triadic | #9f609d | #9d9f60 |
| Analogous | #607d9f | #609f82 |
Similar named colours
The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:
| Colour | HEX | Difference |
|---|---|---|
| lightslategray | #778899 | close |
| slategray | #708090 | close |
| steelblue | #4682b4 | close |
| mediumaquamarine | #66cdaa | close |
| gray | #808080 | close |
Accessibility
Contrast ratio of Cadetblue against white is 3.05:1 (fails WCAG AA for normal text) and against black 6.88:1 (passes). Use black or very dark text on a Cadetblue background rather than white.
Frequently asked questions
What is the hex code for Cadetblue?
#5F9EA0.
What is Cadetblue in RGB?
rgb(95, 158, 160).
What colour is complementary to Cadetblue?
#9f6260, directly opposite on the colour wheel.
Privacy
This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.
Last updated 2026-09-23.