#145C5D

#145C5D

Color Values

HEX

#145C5D

RGB

20, 92, 93

HSL

180.8, 64.6%, 22.2%

HSV

180.8, 78.5%, 36.5%

CMYK

78.5%, 1.1%, 0.0%, 63.5%

OKLCH

0.4335 0.0671 196.4

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#145C5D

#5D1514

Analogous

#145D3A

#14385D

#145C5D

Triadic

#145C5D

#5D145C

#5C5D14

Split Complementary

#145C5D

#5D1438

#5D3A14

Tetradic

#145C5D

#3A145D

#5D1514

#385D14

Color Blindness Simulation

Original

#145C5D

Protanopia

#33345D

Deuteranopia

#2F2A5D

Tritanopia

#185D5D

Achromatopsia

#4D4D4D

CSS Usage

background-color: #145C5D;
color: #145C5D;
border-color: #145C5D;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F3FBFC
100
#E3F7F7
200
#C4F2F2
300
#9AE8E9
400
#64DCDE
500
#2DD0D2
600
#24A6A8
700
#1D8586
800
#176869
900
#144C4D
950
#0D3030

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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