#0FC4CC

#0FC4CC

Color Values

HEX

#0FC4CC

RGB

15, 196, 204

HSL

182,5, 86,3%, 42,9%

HSV

182,5, 92,6%, 80,0%

CMYK

92,6%, 3,9%, 0,0%, 20,0%

OKLCH

0,7463 0,1253 200,1

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#0FC4CC

#CC170F

Analogous

#0FCC75

#0F66CC

#0FC4CC

Triadic

#0FC4CC

#CC0FC4

#C4CC0F

Split Complementary

#0FC4CC

#CC0F66

#CC750F

Tetradic

#0FC4CC

#750FCC

#CC170F

#66CC0F

Color Blindness Simulation

Original

#0FC4CC

Protanopia

#5D5FCA

Deuteranopia

#5345CA

Tritanopia

#18C9C8

Achromatopsia

#9E9E9E

CSS Usage

background-color: #0FC4CC;
color: #0FC4CC;
border-color: #0FC4CC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BCF8FA
300
#8DF2F7
400
#4FEBF2
500
#11E4EE
600
#0EB7BE
700
#0B9298
800
#097277
900
#0B5356
950
#073436

Contrast Checker

Text on white

2,15:1

AA Fail AAA Fail

Text on black

9,79:1

AA Pass AAA Pass

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