#14474D

#14474D

Color Values

HEX

#14474D

RGB

20, 71, 77

HSL

186.3, 58.8%, 19.0%

HSV

186.3, 74.0%, 30.2%

CMYK

74.0%, 7.8%, 0.0%, 69.8%

OKLCH

0.3675 0.0534 206.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#14474D

#4D1A14

Analogous

#144D36

#142A4D

#14474D

Triadic

#14474D

#4D1447

#474D14

Split Complementary

#14474D

#4D142A

#4D3614

Tetradic

#14474D

#36144D

#4D1A14

#2A4D14

Color Blindness Simulation

Original

#14474D

Protanopia

#2A2B4C

Deuteranopia

#27234B

Tritanopia

#174A4A

Achromatopsia

#3D3D3D

CSS Usage

background-color: #14474D;
color: #14474D;
border-color: #14474D;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F4FAFB
100
#E4F4F6
200
#C6ECF0
300
#9EDEE6
400
#69CCD8
500
#35BBCA
600
#2A95A2
700
#227882
800
#1A5D65
900
#17454A
950
#0E2B2F

Contrast Checker

Text on white

10.3:1

AA Pass AAA Pass

Text on black

2.04:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026