#146547

#146547

Color Values

HEX

#146547

RGB

20, 101, 71

HSL

157.8, 66.9%, 23.7%

HSV

157.8, 80.2%, 39.6%

CMYK

80.2%, 0.0%, 29.7%, 60.4%

OKLCH

0.4518 0.09 162.9

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#146547

#651432

Analogous

#14651F

#145A65

#146547

Triadic

#146547

#471465

#654714

Split Complementary

#146547

#65145A

#651F14

Tetradic

#146547

#1F1465

#651432

#5A6514

Color Blindness Simulation

Original

#146547

Protanopia

#37384E

Deuteranopia

#322C50

Tritanopia

#185455

Achromatopsia

#525252

CSS Usage

background-color: #146547;
color: #146547;
border-color: #146547;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F3FCF8
100
#E3F7F0
200
#C3F3E2
300
#99EBCC
400
#62E0B1
500
#2AD596
600
#22AA78
700
#1B8860
800
#156A4B
900
#134E38
950
#0C3123

Contrast Checker

Text on white

7.04:1

AA Pass AAA Pass

Text on black

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