#0EAAAC

#0EAAAC

Color Values

HEX

#0EAAAC

RGB

14, 170, 172

HSL

180.8, 84.9%, 36.5%

HSV

180.8, 91.9%, 67.5%

CMYK

91.9%, 1.2%, 0.0%, 32.5%

OKLCH

0.6698 0.1123 196.3

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#0EAAAC

#AC100E

Analogous

#0EAC5F

#0E5BAC

#0EAAAC

Triadic

#0EAAAC

#AC0EAA

#AAAC0E

Split Complementary

#0EAAAC

#AC0E5B

#AC5F0E

Tetradic

#0EAAAC

#5F0EAC

#AC100E

#5BAC0E

Color Blindness Simulation

Original

#0EAAAC

Protanopia

#5253AC

Deuteranopia

#483DAB

Tritanopia

#16ABAB

Achromatopsia

#898989

CSS Usage

background-color: #0EAAAC;
color: #0EAAAC;
border-color: #0EAAAC;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BDF9FA
300
#8EF4F6
400
#51EFF1
500
#13E9EC
600
#0FBABD
700
#0C9597
800
#0A7476
900
#0B5455
950
#073536

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.36:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026