#1F7F85

#1F7F85

Color Values

HEX

#1F7F85

RGB

31, 127, 133

HSL

183.5, 62.2%, 32.2%

HSV

183.5, 76.7%, 52.2%

CMYK

76.7%, 4.5%, 0.0%, 47.8%

OKLCH

0.5464 0.0846 201.3

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#1F7F85

#85251F

Analogous

#1F8558

#1F4C85

#1F7F85

Triadic

#1F7F85

#851F7F

#7F851F

Split Complementary

#1F7F85

#851F4C

#85581F

Tetradic

#1F7F85

#581F85

#85251F

#4C851F

Color Blindness Simulation

Original

#1F7F85

Protanopia

#494984

Deuteranopia

#433C83

Tritanopia

#248282

Achromatopsia

#6B6B6B

CSS Usage

background-color: #1F7F85;
color: #1F7F85;
border-color: #1F7F85;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FBFB
100
#E4F5F7
200
#C5EFF2
300
#9CE3E8
400
#66D4DB
500
#30C6CF
600
#279EA5
700
#1F7E84
800
#186367
900
#15484C
950
#0D2E30

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

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