Cadet Blue Color Hex Code, RGB & HSL Values

What is the meaning of the Cadet Blue color?

Cadet Blue is a muted, slate-like blue-green color. It represents military utility, industrial precision, and modern engineering, offering a stable neutral accent for tech sites.

How to use the Cadet Blue color hex code in HTML & CSS?

To style elements with Cadet Blue on a website, use the hex code #5F9EA0 in your HTML/CSS. Adding background-color: #5F9EA0; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#5F9EA0] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Cadet Blue?

In the digital sRGB spectrum, the Cadet Blue color code is mapped to RGB values of Red: 95, Green: 158, and Blue: 160. In the HSL system, it registers at hue angle 182°, saturation 25%, and lightness index 50%. It represents a balanced medium tone characterized by a soft, understated pastel shade.

CMYK print profiles for Cadet Blue color

To reproduce the named shade Cadet Blue in print systems, the CMYK ink configuration requires 41% Cyan, 1% Magenta, 0% Yellow, and 37% black. These neutral color boundaries serve as solid structural backgrounds, layouts, and typography grids.

Red Channel 95

Green Channel 158

Blue Channel 160

Luminance 0.294

⇄ Cadet Blue Color Space Conversions

Click to copy format

HEX Color Code #5F9EA0

RGB (Red Green Blue) rgb(95, 158, 160)

HSL (Hue Sat Light) hsl(182°, 25%, 50%)

CMYK (Commercial Print) cmyk(41%, 1%, 0%, 37%)

HSV / HSB Values hsv(182°, 41%, 63%)

Decimal Color Code 6266528

CSS Custom Variable --color-hex: #5F9EA0;

Tailwind CSS Utility bg-[#5F9EA0]

CSS Named Color cadetblue

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #5F9EA0

Small body copy preview

Black Text on Background

Black text readability test with #5F9EA0

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Cadet Blue */
--color-hex: #5F9EA0;
--color-rgb: rgb(95, 158, 160);
--color-hsl: hsl(182deg, 25%, 50%);
--color-name: cadetblue;

Aa Known Color Aliases

✦ Cadet Blue Color Meaning

Representing the teal color family, Cadet Blue carries the intrinsic characteristics of this organic hue. This color group is the color of sophisticated balance, combining blue's emotional depth with green's natural energy. It has strong associations with healing, protection, and spiritual depth across many world cultures. In design, teal performs exceptionally well as an accent color — it's distinctive enough to attract attention without the aggression of more saturated hues. Healthcare institutions use teal because it combines green's association with health with blue's calming effect. Fashion and luxury brands use teal to signal understated sophistication. The color gained widespread recognition as the official color of ovarian cancer awareness, giving it additional cultural depth and meaning.

Emotions & Associations

HealingBalanceGrowthClarity

Industries

HealthcareWellnessTechnology