#0F897F

#0F897F

Color Values

HEX

#0F897F

RGB

15, 137, 127

HSL

175.1, 80.3%, 29.8%

HSV

175.1, 89.1%, 53.7%

CMYK

89.1%, 0.0%, 7.3%, 46.3%

OKLCH

0.5682 0.097 185.7

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#0F897F

#890F19

Analogous

#0F8942

#0F5689

#0F897F

Triadic

#0F897F

#7F0F89

#897F0F

Split Complementary

#0F897F

#890F56

#89420F

Tetradic

#0F897F

#420F89

#890F19

#56890F

Color Blindness Simulation

Original

#0F897F

Protanopia

#444581

Deuteranopia

#3D3482

Tritanopia

#158384

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1F9F7
200
#BFF8F3
300
#91F3EB
400
#55ECE0
500
#19E6D5
600
#14B8AB
700
#109388
800
#0D736B
900
#0D534E
950
#083531

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.91:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026