Codes & values
- Color Name
Cadet Blue - Color ID
KDF-C-06266528 - HEX
#5F9EA0 - RGB
rgb(95, 158, 160) - RGBA
rgba(95, 158, 160, 1) - HSL
hsl(182, 25%, 50%) - HSLA
hsla(182, 25%, 50%, 1) - HSV / HSB
hsv(182, 41%, 63%) - CMYK
cmyk(41%, 1%, 0%, 37%) - Light / Dark
mid
Quick answers
- What is the HEX code for Cadet Blue?
- #5F9EA0
- What is Cadet Blue RGB?
- rgb(95, 158, 160)
- What is Cadet Blue HSL?
- hsl(182, 25%, 50%)
- What is Cadet Blue CMYK?
- cmyk(41%, 1%, 0%, 37%)
What is Cadet Blue?
Cadet Blue is a curated cyan family color at #5F9EA0. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Cadet Blue HEX code
The HEX code for Cadet Blue is #5F9EA0. Paste it into CSS as color: #5F9EA0; or background-color: #5F9EA0;. Design tools accept the same six-digit value without the # prefix (5f9ea0).
Cadet Blue RGB
Cadet Blue in RGB is rgb(95, 158, 160) (channels R 95, G 158, B 160). Use RGB when you need opacity via rgba(95, 158, 160, 1).
Cadet Blue HSL & HSV
HSL is hsl(182, 25%, 50%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(182, 41%, 63%), closer to how many digital pickers expose hue, saturation, and brightness.
Cadet Blue CMYK
Approximate CMYK for Cadet Blue is cmyk(41%, 1%, 0%, 37%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Cadet Blue
Darker shades (mixed toward black): #4F8485, #3F696B, #304F50, #203535, #101A1B. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Cadet Blue
Lighter tints (mixed toward white): #7AAEB0, #94BEC0, #AFCFD0, #CADFDF, #E4EFEF. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Cadet Blue
Complementary pairing: #5F9EA0, #A0615F. Analogous neighbors: #5FA081, #5F9EA0, #5F7EA0. Triadic accents: #5F9EA0, #A05F9E, #9EA05F. Always check text contrast when pairing.
Cadet Blue color combinations
A practical combo: primary #5F9EA0, complementary accent #A0615F, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #5F9EA0, #A05F7E, #A0815F.
Cadet Blue in web design
Cyan and teal feel modern and technical. They suit dashboards, SaaS accents, and ocean-inspired branding when balanced with neutrals.
Cadet Blue in branding
Teal brands feel fresh and digital-native — popular with fintech and travel startups. Contrast vs white is 3.05:1 (better as a large accent or background than small body text); vs black 6.88:1.
Cadet Blue earth & muted use
Cadet Blue leans muted or earthy — ideal for interiors, craft brands, and calm UI. Combine with cream, sage, and clay neutrals.
Frequently asked questions
- What is the HEX code for Cadet Blue?
- Cadet Blue: #5F9EA0.
- What is Cadet Blue RGB?
- Cadet Blue: rgb(95, 158, 160).
- What is Cadet Blue HSL?
- Cadet Blue: hsl(182, 25%, 50%).
- What is Cadet Blue CMYK?
- Cadet Blue: cmyk(41%, 1%, 0%, 37%).
- What colors go with Cadet Blue?
- Try complementary #5F9EA0, #A0615F or analogous #5FA081, #5F9EA0, #5F7EA0.
- Is Cadet Blue good for text on white?
- Not ideal for small body text (3.05:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 3.05:1 (prefer large accent or background). Contrast vs black: 6.88:1. Complementary swatch: #5F9EA0, #A0615F.
Explore related
Cyan colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK