#0E786F

#0E786F

Color Values

HEX

#0E786F

RGB

14, 120, 111

HSL

174.9, 79.1%, 26.3%

HSV

174.9, 88.3%, 47.1%

CMYK

88.3%, 0.0%, 7.5%, 52.9%

OKLCH

0.5166 0.0877 185.5

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#0E786F

#780E17

Analogous

#0E783A

#0E4C78

#0E786F

Triadic

#0E786F

#6F0E78

#786F0E

Split Complementary

#0E786F

#780E4C

#783A0E

Tetradic

#0E786F

#3A0E78

#780E17

#4C780E

Color Blindness Simulation

Original

#0E786F

Protanopia

#3C3D71

Deuteranopia

#362E72

Tritanopia

#137373

Achromatopsia

#616161

CSS Usage

background-color: #0E786F;
color: #0E786F;
border-color: #0E786F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FCFC
100
#E1F9F7
200
#BFF8F3
300
#91F2EA
400
#56EBDF
500
#1BE4D3
600
#15B7A9
700
#119287
800
#0D726A
900
#0E534D
950
#093431

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

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