#0F8991

#0F8991

Color Values

HEX

#0F8991

RGB

15, 137, 145

HSL

183.7, 81.2%, 31.4%

HSV

183.7, 89.7%, 56.9%

CMYK

89.7%, 5.5%, 0.0%, 43.1%

OKLCH

0.5749 0.0952 202.3

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#0F8991

#91170F

Analogous

#0F9158

#0F4891

#0F8991

Triadic

#0F8991

#910F89

#89910F

Split Complementary

#0F8991

#910F48

#91580F

Tetradic

#0F8991

#580F91

#91170F

#48910F

Color Blindness Simulation

Original

#0F8991

Protanopia

#44458F

Deuteranopia

#3D348F

Tritanopia

#158E8D

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BEF5F8
300
#90EDF3
400
#54E4ED
500
#18DAE7
600
#13AFB9
700
#0F8C94
800
#0C6D74
900
#0D4F54
950
#083235

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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