#186F71

#186F71

Color Values

HEX

#186F71

RGB

24, 111, 113

HSL

181.3, 65.0%, 26.9%

HSV

181.3, 78.8%, 44.3%

CMYK

78.8%, 1.8%, 0.0%, 55.7%

OKLCH

0.4945 0.0774 197.3

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#186F71

#711A18

Analogous

#187147

#184371

#186F71

Triadic

#186F71

#71186F

#6F7118

Split Complementary

#186F71

#711843

#714718

Tetradic

#186F71

#471871

#711A18

#437118

Color Blindness Simulation

Original

#186F71

Protanopia

#3E3E71

Deuteranopia

#393270

Tritanopia

#1C7070

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F7F7
200
#C4F1F3
300
#9AE8EA
400
#63DBDE
500
#2DCFD2
600
#24A5A8
700
#1D8487
800
#166769
900
#144C4D
950
#0D3031

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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