#1F989F

#1F989F

Color Values

HEX

#1F989F

RGB

31, 152, 159

HSL

183.3, 67.4%, 37.3%

HSV

183.3, 80.5%, 62.4%

CMYK

80.5%, 4.4%, 0.0%, 37.6%

OKLCH

0.6212 0.0992 201.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#1F989F

#9F261F

Analogous

#1F9F66

#1F589F

#1F989F

Triadic

#1F989F

#9F1F98

#989F1F

Split Complementary

#1F989F

#9F1F58

#9F661F

Tetradic

#1F989F

#661F9F

#9F261F

#589F1F

Color Blindness Simulation

Original

#1F989F

Protanopia

#53549D

Deuteranopia

#4C439D

Tritanopia

#259C9C

Achromatopsia

#7F7F7F

CSS Usage

background-color: #1F989F;
color: #1F989F;
border-color: #1F989F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C3F1F3
300
#99E7EB
400
#61D9E0
500
#2ACCD5
600
#21A3AB
700
#1B8389
800
#15666B
900
#134B4E
950
#0C2F31

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.05:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026