#0EADB2

#0EADB2

Color Values

HEX

#0EADB2

RGB

14, 173, 178

HSL

181.8, 85.4%, 37.6%

HSV

181.8, 92.1%, 69.8%

CMYK

92.1%, 2.8%, 0.0%, 30.2%

OKLCH

0.6796 0.1138 198.5

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0EADB2

#B2130E

Analogous

#0EB265

#0E5BB2

#0EADB2

Triadic

#0EADB2

#B20EAD

#ADB20E

Split Complementary

#0EADB2

#B20E5B

#B2650E

Tetradic

#0EADB2

#650EB2

#B2130E

#5BB20E

Color Blindness Simulation

Original

#0EADB2

Protanopia

#5354B1

Deuteranopia

#4A3EB0

Tritanopia

#16B0B0

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0F9FA
200
#BDF8FA
300
#8EF3F6
400
#50ECF1
500
#13E6EC
600
#0FB8BD
700
#0C9397
800
#097376
900
#0B5356
950
#073536

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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