#0F666D

#0F666D

Color Values

HEX

#0F666D

RGB

15, 102, 109

HSL

184.5, 75.8%, 24.3%

HSV

184.5, 86.2%, 42.7%

CMYK

86.2%, 6.4%, 0.0%, 57.3%

OKLCH

0.4668 0.0755 203.5

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#0F666D

#6D160F

Analogous

#0F6D45

#0F376D

#0F666D

Triadic

#0F666D

#6D0F66

#666D0F

Split Complementary

#0F666D

#6D0F37

#6D450F

Tetradic

#0F666D

#450F6D

#6D160F

#376D0F

Color Blindness Simulation

Original

#0F666D

Protanopia

#35356B

Deuteranopia

#30296B

Tritanopia

#136A6A

Achromatopsia

#545454

CSS Usage

background-color: #0F666D;
color: #0F666D;
border-color: #0F666D;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F2FCFC
100
#E2F7F9
200
#C0F2F6
300
#93E9F0
400
#59DDE8
500
#1FD2E0
600
#19A8B3
700
#14868F
800
#0F6970
900
#0F4D52
950
#0A3033

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

3.14:1

AA Fail 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