#0F8490

#0F8490

Color Values

HEX

#0F8490

RGB

15, 132, 144

HSL

185.6, 81.1%, 31.2%

HSV

185.6, 89.6%, 56.5%

CMYK

89.6%, 8.3%, 0.0%, 43.5%

OKLCH

0.5614 0.0933 206.4

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#0F8490

#901B0F

Analogous

#0F905C

#0F4490

#0F8490

Triadic

#0F8490

#900F84

#84900F

Split Complementary

#0F8490

#900F44

#905C0F

Tetradic

#0F8490

#5C0F90

#901B0F

#44900F

Color Blindness Simulation

Original

#0F8490

Protanopia

#42438D

Deuteranopia

#3B328C

Tritanopia

#158B8A

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F7F9
200
#BEF3F8
300
#90EAF3
400
#54DFED
500
#18D4E7
600
#13A9B9
700
#0F8794
800
#0C6A73
900
#0D4D54
950
#083135

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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