cyancoolCC0 survey name

Dark Teal #014D4E

Dark Teal is a dark, vivid cool color (#014D4E; HSL 181° 97% 15%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “dark teal”.

Use cases: Fresh accents · Aquatic themes

Open in generator →

Families: Cyans · Teals

Color values

FormatValue
HEX#014D4E
RGBrgb(1, 77, 78)
HSLhsl(181, 97%, 15%)
HSVhsv(181, 99%, 31%)
OKLCHoklch(38.11% 0.065 196.3)
OKLaboklab(38.11% -0.0619 -0.0181)
CMYKcmyk(98.7%, 1.3%, 0%, 69.4%)
XYZxyz(4.0409, 5.8637, 8.1251)
CIE-LABlab(29.1, -19.7, -6.5)
CIE-LCHlch(29.1, 20.8, 198.2°)
Luminance0.059 (WCAG relative)
/* Dark Teal */ --dark-teal: #014d4e; color: #014d4e; background-color: #014d4e;

Source: xkcd color survey name (public domain, CC0). CSS keyword: darkteal.

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#064546 #0a3e3f #0d3737 #0e3030 #0e2929 #0e2222 #0d1b1b #091515 #050c0c #000000

Tints (toward white)

#265d5e #3f6e6e #577f7f #6e9090 #85a2a2 #9db4b4 #b5c6c6 #cdd9d9 #e6ecec #ffffff

Tones (toward gray)

#114c4d #1b4c4c #234b4b #294a4a #2f4949 #344848 #384747 #3d4646 #414545 #444444

Color harmonies

Complementary

Edit in generator →
#014D4E
#4E0201
#014d4e #4e0201

Analogous

Edit in generator →
#014E28
#014D4E
#01264E
#014e28 #014d4e #01264e

Triadic

Edit in generator →
#014D4E
#4E014D
#4D4E01
#014d4e #4e014d #4d4e01

Tetradic

Edit in generator →
#014D4E
#28014E
#4E0201
#264E01
#014d4e #28014e #4e0201 #264e01

Square

Edit in generator →
#014D4E
#28014E
#4E0201
#264E01
#014d4e #28014e #4e0201 #264e01

Split Complementary

Edit in generator →
#014D4E
#4E0126
#4E2801
#014d4e #4e0126 #4e2801

Monochromatic

Edit in generator →
#001E1E
#001E1E
#014D4E
#02898A
#03C4C7
#001e1e #001e1e #014d4e #02898a #03c4c7

Accessibility & contrast

9.66
#014D4E on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.17
#014D4E on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on dark teal

9.66
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#47494E
Deuteranopia (green-blind)
#3D414E
Tritanopia (blue-blind)
#00504D

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Deep Teal #00555A3.18
Dark Turquoise #045C5A5.09
Darkslategray #2F4F4F5.95
Petrol #005F6A7.40
Dark Aqua #05696B9.20
Deep Turquoise #01737412.61

Colors that go with dark teal

Top matches by hue harmony, contrast and saturation compatibility.

7.5:1
Same hue family as dark teal (Δh 1°) — guaranteed harmony
8.0:1
Analogous hue (Δh ≈27°) — neighbors on the color wheel
Beige #F5F5DC
8.7:1
Triadic harmony (Δh ≈121°) — balanced three-way contrast
Warm Beige #E9DCC9
7.2:1
Split-complementary angle (Δh ≈145°) — strong but softer than direct complement
Dirty Pink #CA7B80
3.1:1
Complementary hue (Δh ≈175°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.