#0F7581

#0F7581

Color Values

HEX

#0F7581

RGB

15, 117, 129

HSL

186.3, 79.2%, 28.2%

HSV

186.3, 88.4%, 50.6%

CMYK

88.4%, 9.3%, 0.0%, 49.4%

OKLCH

0.5157 0.0853 207.8

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#0F7581

#811B0F

Analogous

#0F8154

#0F3C81

#0F7581

Triadic

#0F7581

#810F75

#75810F

Split Complementary

#0F7581

#810F3C

#81540F

Tetradic

#0F7581

#540F81

#811B0F

#3C810F

Color Blindness Simulation

Original

#0F7581

Protanopia

#3B3C7E

Deuteranopia

#352E7D

Tritanopia

#147C7B

Achromatopsia

#606060

CSS Usage

background-color: #0F7581;
color: #0F7581;
border-color: #0F7581;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F2FBFC
100
#E1F7F9
200
#BFF2F8
300
#91E8F2
400
#56DCEB
500
#1BCFE4
600
#15A6B7
700
#118592
800
#0D6872
900
#0E4C53
950
#093034

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

3.88:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026