#154530

#154530

Color Values

HEX

#154530

RGB

21, 69, 48

HSL

153.8, 53.3%, 17.6%

HSV

153.8, 69.6%, 27.1%

CMYK

69.6%, 0.0%, 30.4%, 72.9%

OKLCH

0.3513 0.0638 161.3

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#154530

#45152A

Analogous

#154518

#154245

#154530

Triadic

#154530

#301545

#453015

Split Complementary

#154530

#451542

#451815

Tetradic

#154530

#181545

#45152A

#424515

Color Blindness Simulation

Original

#154530

Protanopia

#2A2A35

Deuteranopia

#272336

Tritanopia

#17393A

Achromatopsia

#393939

CSS Usage

background-color: #154530;
color: #154530;
border-color: #154530;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F4FBF8
100
#E5F5EE
200
#C8EEDE
300
#A1E2C6
400
#6ED3A7
500
#3CC388
600
#309C6D
700
#267D57
800
#1E6244
900
#194833
950
#102D20

Contrast Checker

Text on white

10.9:1

AA Pass AAA Pass

Text on black

1.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026