#229fa5

Color #229fa5

A moderately saturated dark cyan.

Closest named color Dark Cyan #008b8b · ΔE 8.36 Nearest Tailwind class teal-600 #009689 · ΔE 8.4

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

Conversions

HEX

#229fa5

RGB

rgb(34, 159, 165)

HSL

hsl(182.7, 65.8%, 39%)

HSV / HSB

hsv(182.7, 79.4%, 64.7%)

CMYK

cmyk(79.4%, 3.6%, 0%, 35.3%)

LAB

lab(59.75, -29.89, -12.53)

LCH

lch(59.75, 32.41, 202.74)

OKLCH

oklch(64.2%, 0.102, 199.94)

HWB

hwb(182.7, 13.3%, 35.3%)

Harmony colors

Complementary

#a52822

Analogous

#22a569

#229fa5

#225ea5

Triadic

#229fa5

#a5229f

#9fa522

Split-complementary

#229fa5

#a5225e

#a56922

Tetradic

#229fa5

#2822a5

#a52822

#9fa522

Square

#229fa5

#6922a5

#a52822

#5ea522

Shades

Color #229fa5 mixed toward black.

#1c8489

#176a6e

#114f52

#0b3537

#061a1b

Tints

Color #229fa5 mixed toward white.

#2bc8d0

#53d5dc

#7ee0e4

#a9eaed

#d4f5f6

Tones

Color #229fa5 mixed toward gray.

#2d959a

#388b8f

#438184

#4e7779

#596d6e

Accessibility

Aa White text on this color

3.2:1

Aa Black text on this color

6.57:1

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

Under color vision deficiencies

Protanopia

#6f70a4 · ΔE 29.8

Deuteranopia

#695fa3 · ΔE 34.6

Tritanopia

#33a2a2 · ΔE 2.5

Achromatopsia

#909090 · ΔE 22

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

Code

CSS

background-color: #229fa5;

Tailwind (arbitrary value)

bg-[#229fa5]

Related colors

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Frequently asked questions

#229fa5 (#229fa5) is rgb(34, 159, 165) in RGB.

No, #229fa5 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 #229fa5, or check how it holds up for accessibility.

Generate a palette → Check contrast