#145B36

#145B36

Color Values

HEX

#145B36

RGB

20, 91, 54

HSL

148.7, 64.0%, 21.8%

HSV

148.7, 78.0%, 35.7%

CMYK

78.0%, 0.0%, 40.7%, 64.3%

OKLCH

0.4184 0.0922 155.4

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#145B36

#5B1439

Analogous

#165B14

#145B5A

#145B36

Triadic

#145B36

#36145B

#5B3614

Split Complementary

#145B36

#5A145B

#5B1416

Tetradic

#145B36

#14165B

#5B1439

#5B5A14

Color Blindness Simulation

Original

#145B36

Protanopia

#33333F

Deuteranopia

#2F2941

Tritanopia

#184648

Achromatopsia

#494949

CSS Usage

background-color: #145B36;
color: #145B36;
border-color: #145B36;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C4F2DA
300
#9BE9C0
400
#64DD9E
500
#2ED17C
600
#25A763
700
#1D864F
800
#17693E
900
#154C2F
950
#0D301E

Contrast Checker

Text on white

8.14:1

AA Pass AAA Pass

Text on black

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