#148556

#148556

Color Values

HEX

#148556

RGB

20, 133, 86

HSL

155.0, 73.9%, 30.0%

HSV

155.0, 85.0%, 52.2%

CMYK

85.0%, 0.0%, 35.3%, 47.8%

OKLCH

0.5461 0.12 158.9

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#148556

#851443

Analogous

#14851D

#147C85

#148556

Triadic

#148556

#561485

#855614

Split Complementary

#148556

#85147C

#851D14

Tetradic

#148556

#1D1485

#851443

#7C8514

Color Blindness Simulation

Original

#148556

Protanopia

#454661

Deuteranopia

#3E3664

Tritanopia

#1A6A6C

Achromatopsia

#6A6A6A

CSS Usage

background-color: #148556;
color: #148556;
border-color: #148556;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F3FCF8
100
#E2F8EF
200
#C1F6E0
300
#95EFC9
400
#5BE6AC
500
#21DE8F
600
#1BB173
700
#158E5C
800
#116F48
900
#105136
950
#0A3322

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass 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