#0F9AAC

#0F9AAC

Color Values

HEX

#0F9AAC

RGB

15, 154, 172

HSL

186.9, 84.0%, 36.7%

HSV

186.9, 91.3%, 67.5%

CMYK

91.3%, 10.5%, 0.0%, 32.5%

OKLCH

0.6294 0.1065 209.6

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#0F9AAC

#AC210F

Analogous

#0FAC70

#0F4CAC

#0F9AAC

Triadic

#0F9AAC

#AC0F9A

#9AAC0F

Split Complementary

#0F9AAC

#AC0F4C

#AC700F

Tetradic

#0F9AAC

#700FAC

#AC210F

#4CAC0F

Color Blindness Simulation

Original

#0F9AAC

Protanopia

#4B4CA8

Deuteranopia

#4339A7

Tritanopia

#16A4A3

Achromatopsia

#7E7E7E

CSS Usage

background-color: #0F9AAC;
color: #0F9AAC;
border-color: #0F9AAC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BDF2F9
300
#8EE9F5
400
#51DEF0
500
#14D2EB
600
#10A8BC
700
#0D8696
800
#0A6975
900
#0C4D55
950
#073036

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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