#0ECBC5

#0ECBC5

Color Values

HEX

#0ECBC5

RGB

14, 203, 197

HSL

178.1, 87.1%, 42.5%

HSV

178.1, 93.1%, 79.6%

CMYK

93.1%, 0.0%, 3.0%, 20.4%

OKLCH

0.7611 0.1296 191.0

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#0ECBC5

#CB0E14

Analogous

#0ECB66

#0E72CB

#0ECBC5

Triadic

#0ECBC5

#C50ECB

#CBC50E

Split Complementary

#0ECBC5

#CB0E72

#CB660E

Tetradic

#0ECBC5

#660ECB

#CB0E14

#72CB0E

Color Blindness Simulation

Original

#0ECBC5

Protanopia

#6061C6

Deuteranopia

#5547C7

Tritanopia

#17C8C8

Achromatopsia

#A2A2A2

CSS Usage

background-color: #0ECBC5;
color: #0ECBC5;
border-color: #0ECBC5;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BCFAF8
300
#8CF7F4
400
#4EF3EE
500
#10EFE8
600
#0DBFB9
700
#0B9994
800
#087774
900
#0A5654
950
#073735

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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