#1F8084

#1F8084

Color Values

HEX

#1F8084

RGB

31, 128, 132

HSL

182.4, 62.0%, 32.0%

HSV

182.4, 76.5%, 51.8%

CMYK

76.5%, 3.0%, 0.0%, 48.2%

OKLCH

0.5487 0.085 199.2

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#1F8084

#84231F

Analogous

#1F8456

#1F4E84

#1F8084

Triadic

#1F8084

#841F80

#80841F

Split Complementary

#1F8084

#841F4E

#84561F

Tetradic

#1F8084

#561F84

#84231F

#4E841F

Color Blindness Simulation

Original

#1F8084

Protanopia

#494A83

Deuteranopia

#433C83

Tritanopia

#248282

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F7
200
#C5F0F1
300
#9CE5E8
400
#66D6DB
500
#30C8CF
600
#27A0A5
700
#1F8084
800
#186467
900
#15494B
950
#0E2E30

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

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