#0F9EAF

#0F9EAF

Color Values

HEX

#0F9EAF

RGB

15, 158, 175

HSL

186.4, 84.2%, 37.3%

HSV

186.4, 91.4%, 68.6%

CMYK

91.4%, 9.7%, 0.0%, 31.4%

OKLCH

0.6407 0.1081 208.5

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0F9EAF

#AF200F

Analogous

#0FAF70

#0F4EAF

#0F9EAF

Triadic

#0F9EAF

#AF0F9E

#9EAF0F

Split Complementary

#0F9EAF

#AF0F4E

#AF700F

Tetradic

#0F9EAF

#700FAF

#AF200F

#4EAF0F

Color Blindness Simulation

Original

#0F9EAF

Protanopia

#4D4EAB

Deuteranopia

#453AAA

Tritanopia

#16A8A7

Achromatopsia

#818181

CSS Usage

background-color: #0F9EAF;
color: #0F9EAF;
border-color: #0F9EAF;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BDF3F9
300
#8EEAF5
400
#51DFF0
500
#14D4EB
600
#10AABC
700
#0D8896
800
#0A6A75
900
#0C4D55
950
#073136

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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