#155F42

#155F42

Color Values

HEX

#155F42

RGB

21, 95, 66

HSL

156.5, 63.8%, 22.7%

HSV

156.5, 77.9%, 37.3%

CMYK

77.9%, 0.0%, 30.5%, 62.7%

OKLCH

0.4333 0.0857 162.1

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#155F42

#5F1532

Analogous

#155F1D

#15575F

#155F42

Triadic

#155F42

#42155F

#5F4215

Split Complementary

#155F42

#5F1557

#5F1D15

Tetradic

#155F42

#1D155F

#5F1532

#575F15

Color Blindness Simulation

Original

#155F42

Protanopia

#353649

Deuteranopia

#312B4B

Tritanopia

#194F50

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F3FBF8
100
#E3F7EF
200
#C5F2E0
300
#9BE9CA
400
#64DDAE
500
#2ED191
600
#25A774
700
#1E865D
800
#176849
900
#154C36
950
#0D3022

Contrast Checker

Text on white

7.64:1

AA Pass AAA Pass

Text on black

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