#1F7F84

#1F7F84

Color Values

HEX

#1F7F84

RGB

31, 127, 132

HSL

183.0, 62.0%, 32.0%

HSV

183.0, 76.5%, 51.8%

CMYK

76.5%, 3.8%, 0.0%, 48.2%

OKLCH

0.5461 0.0845 200.3

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#1F7F84

#84241F

Analogous

#1F8457

#1F4D84

#1F7F84

Triadic

#1F7F84

#841F7F

#7F841F

Split Complementary

#1F7F84

#841F4D

#84571F

Tetradic

#1F7F84

#571F84

#84241F

#4D841F

Color Blindness Simulation

Original

#1F7F84

Protanopia

#494983

Deuteranopia

#433C82

Tritanopia

#248282

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F7
200
#C5EFF1
300
#9CE4E8
400
#66D5DB
500
#30C7CF
600
#279FA5
700
#1F7F84
800
#186367
900
#15494B
950
#0E2E30

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