#14524F

#14524F

Color Values

HEX

#14524F

RGB

20, 82, 79

HSL

177.1, 60.8%, 20.0%

HSV

177.1, 75.6%, 32.2%

CMYK

75.6%, 0.0%, 3.7%, 67.8%

OKLCH

0.3998 0.061 190.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#14524F

#521417

Analogous

#145230

#143652

#14524F

Triadic

#14524F

#4F1452

#524F14

Split Complementary

#14524F

#521436

#523014

Tetradic

#14524F

#301452

#521417

#365214

Color Blindness Simulation

Original

#14524F

Protanopia

#2F2F50

Deuteranopia

#2B2750

Tritanopia

#175050

Achromatopsia

#454545

CSS Usage

background-color: #14524F;
color: #14524F;
border-color: #14524F;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F3FBFB
100
#E4F6F5
200
#C6F1EF
300
#9DE7E3
400
#67DAD4
500
#32CDC6
600
#28A49E
700
#20837E
800
#196763
900
#164B48
950
#0E2F2E

Contrast Checker

Text on white

8.94:1

AA Pass AAA Pass

Text on black

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