#12474F

#12474F

Color Values

HEX

#12474F

RGB

18, 71, 79

HSL

187.9, 62.9%, 19.0%

HSV

187.9, 77.2%, 31.0%

CMYK

77.2%, 10.1%, 0.0%, 69.0%

OKLCH

0.3678 0.0552 209.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#12474F

#4F1A12

Analogous

#124F38

#12284F

#12474F

Triadic

#12474F

#4F1247

#474F12

Split Complementary

#12474F

#4F1228

#4F3812

Tetradic

#12474F

#38124F

#4F1A12

#284F12

Color Blindness Simulation

Original

#12474F

Protanopia

#29294D

Deuteranopia

#26224D

Tritanopia

#154C4B

Achromatopsia

#3C3C3C

CSS Usage

background-color: #12474F;
color: #12474F;
border-color: #12474F;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F3FAFB
100
#E4F4F7
200
#C5ECF2
300
#9BDEE8
400
#65CCDC
500
#2FBBD0
600
#2695A6
700
#1E7785
800
#185D68
900
#15454C
950
#0D2B30

Contrast Checker

Text on white

10.29: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

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026