#0ECBC6

#0ECBC6

Color Values

HEX

#0ECBC6

RGB

14, 203, 198

HSL

178.4, 87.1%, 42.5%

HSV

178.4, 93.1%, 79.6%

CMYK

93.1%, 0.0%, 2.5%, 20.4%

OKLCH

0.7614 0.1295 191.6

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#0ECBC6

#CB0E13

Analogous

#0ECB67

#0E71CB

#0ECBC6

Triadic

#0ECBC6

#C60ECB

#CBC60E

Split Complementary

#0ECBC6

#CB0E71

#CB670E

Tetradic

#0ECBC6

#670ECB

#CB0E13

#71CB0E

Color Blindness Simulation

Original

#0ECBC6

Protanopia

#6061C7

Deuteranopia

#5547C8

Tritanopia

#17C8C8

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BCFAF9
300
#8CF7F4
400
#4EF3EE
500
#10EFE9
600
#0DBFBA
700
#0B9995
800
#087774
900
#0A5654
950
#073735

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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