#0F878C

#0F878C

Color Values

HEX

#0F878C

RGB

15, 135, 140

HSL

182.4, 80.6%, 30.4%

HSV

182.4, 89.3%, 54.9%

CMYK

89.3%, 3.6%, 0.0%, 45.1%

OKLCH

0.5677 0.0938 199.6

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#0F878C

#8C140F

Analogous

#0F8C53

#0F498C

#0F878C

Triadic

#0F878C

#8C0F87

#878C0F

Split Complementary

#0F878C

#8C0F49

#8C530F

Tetradic

#0F878C

#530F8C

#8C140F

#498C0F

Color Blindness Simulation

Original

#0F878C

Protanopia

#43448B

Deuteranopia

#3C338A

Tritanopia

#158A8A

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF6F8
300
#90EFF3
400
#55E7ED
500
#19DEE6
600
#14B2B8
700
#108E93
800
#0C6F73
900
#0D5154
950
#083335

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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