#186F6F

#186F6F

Color Values

HEX

#186F6F

RGB

24, 111, 111

HSL

180.0, 64.4%, 26.5%

HSV

180.0, 78.4%, 43.5%

CMYK

78.4%, 0.0%, 0.0%, 56.5%

OKLCH

0.4938 0.0775 194.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#186F6F

#6F1818

Analogous

#186F44

#18446F

#186F6F

Triadic

#186F6F

#6F186F

#6F6F18

Split Complementary

#186F6F

#6F1844

#6F4418

Tetradic

#186F6F

#44186F

#6F1818

#446F18

Color Blindness Simulation

Original

#186F6F

Protanopia

#3E3E6F

Deuteranopia

#39326F

Tritanopia

#1C6F6F

Achromatopsia

#5D5D5D

CSS Usage

background-color: #186F6F;
color: #186F6F;
border-color: #186F6F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C4F2F2
300
#9AE9E9
400
#64DDDD
500
#2DD2D2
600
#24A8A8
700
#1D8686
800
#176969
900
#144D4D
950
#0D3030

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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