#0FC4C2

#0FC4C2

Color Values

HEX

#0FC4C2

RGB

15, 196, 194

HSL

179.3, 85.8%, 41.4%

HSV

179.3, 92.3%, 76.9%

CMYK

92.3%, 0.0%, 1.0%, 23.1%

OKLCH

0.7428 0.1255 193.5

Properties

Cool Light Nearest: cyan 3

Color Harmonies

Complementary

#0FC4C2

#C40F11

Analogous

#0FC467

#0F6CC4

#0FC4C2

Triadic

#0FC4C2

#C20FC4

#C4C20F

Split Complementary

#0FC4C2

#C40F6C

#C4670F

Tetradic

#0FC4C2

#670FC4

#C40F11

#6CC40F

Color Blindness Simulation

Original

#0FC4C2

Protanopia

#5D5FC2

Deuteranopia

#5345C3

Tritanopia

#18C3C3

Achromatopsia

#9D9D9D

CSS Usage

background-color: #0FC4C2;
color: #0FC4C2;
border-color: #0FC4C2;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BDFAF9
300
#8DF6F5
400
#50F2F0
500
#12EDEA
600
#0EBEBB
700
#0C9896
800
#097675
900
#0B5655
950
#073636

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.7:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026