What does the color CadetBlue mean?

Cyan

CadetBlue

#5f9ea0

#7fb1b3

#9fc5c6

#bfd8d9

#dfecec

#66989a

Meaning

Freshness, clarity, and innovation. Great for tech accents and clean digital products.

History

CadetBlue is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use CadetBlue (#5f9ea0) in CSS as color: cadetblue; or as #5f9ea0.

Preview

CadetBlue

#5f9ea0

Overview

Family: Cyan

Accessibility on this swatch:

(6.88:1)

Contrast vs white: 3.05:1 · vs black: 6.88:1

Formats

HEX

#5f9ea0

RGB

rgb(95, 158, 160)

RGBA

rgba(95, 158, 160, 1)

HSL

hsl(182, 25%, 50%)

HSV

hsv(182, 41%, 63%)

LAB

lab(61.15% -19.68 -7.42)

LCH

lch(61.15% 21.03 200.66)

OKLAB

oklab(0.6577 -0.0617 -0.0204)

OKLCH

oklch(0.6577 0.065 198.3)

XYZ

xyz(23.29, 29.42, 37.70)

CMYK

cmyk(41%, 1%, 0%, 37%)

CSS

color: #5f9ea0;

CSS variable

--color-5f9ea0: #5f9ea0;

SCSS

$color-5f9ea0: #5f9ea0;

Tailwind

cyan-500

Export

Developer code

:root {
  --cadetblue-1: #5f9ea0;
}

Color psychology

Freshness, clarity, and innovation. Great for tech accents and clean digital products.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#7fb1b3

#9fc5c6

#bfd8d9

#dfecec

#66989a

#6c9293

#738c8d

#798686

Similar colors

#44989c

#61a8b3

#499c98

#3799a0

#449cab

#4aabb0

#70b4bd

#40878c

Browse more in the color name library.