#40808f

Color #40808f

A muted medium cyan.

Closest named color Cadet Blue #5f9ea0 · ΔE 13.54 Nearest Tailwind class cyan-700 #007595 · ΔE 7.4

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#40808f

RGB

rgb(64, 128, 143)

HSL

hsl(191.4, 38.2%, 40.6%)

HSV / HSB

hsv(191.4, 55.2%, 56.1%)

CMYK

cmyk(55.2%, 10.5%, 0%, 43.9%)

LAB

lab(50.11, -16.02, -14.36)

LCH

lch(50.11, 21.51, 221.87)

OKLCH

oklch(56.4%, 0.0694, 215.02)

HWB

hwb(191.4, 25.1%, 43.9%)

Harmony colors

Complementary

#8f4f40

Analogous

#408f77

#40808f

#40598f

Triadic

#40808f

#8f4080

#808f40

Split-complementary

#40808f

#8f4059

#8f7740

Tetradic

#40808f

#4f408f

#8f4f40

#808f40

Square

#40808f

#77408f

#8f4f40

#598f40

Shades

Color #40808f mixed toward black.

#356b77

#2b555f

#204048

#152b30

#0b1518

Tints

Color #40808f mixed toward white.

#519fb1

#73b2c1

#96c5d0

#b9d8e0

#dcecef

Tones

Color #40808f mixed toward gray.

#477c88

#4d7882

#54747b

#5a7075

#616c6e

Accessibility

Aa White text on this color

4.47:1

Aa Black text on this color

4.7:1

Black text reads better on this background (4.7:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#62638c · ΔE 22.8

Deuteranopia

#5e598b · ΔE 24.6

Tritanopia

#458988 · ΔE 7.9

Achromatopsia

#777777 · ΔE 17

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #40808f;

Tailwind (arbitrary value)

bg-[#40808f]

Related colors

Light Blue #add8e6

Deep Sky Blue #00bfff

Powder Blue #b0e0e6

Sky Blue #87ceeb

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Frequently asked questions

#40808f (#40808f) is rgb(64, 128, 143) in RGB.

No, #40808f is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #40808f, or check how it holds up for accessibility.

Generate a palette → Check contrast