#055C45

#055C45

Color Values

HEX

#055C45

RGB

5, 92, 69

HSL

164.1, 89.7%, 19.0%

HSV

164.1, 94.6%, 36.1%

CMYK

94.6%, 0.0%, 25.0%, 63.9%

OKLCH

0.4226 0.0836 168.2

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#055C45

#5C051C

Analogous

#055C19

#05475C

#055C45

Triadic

#055C45

#45055C

#5C4505

Split Complementary

#055C45

#5C0547

#5C1905

Tetradic

#055C45

#19055C

#5C051C

#475C05

Color Blindness Simulation

Original

#055C45

Protanopia

#2B2B4B

Deuteranopia

#261F4C

Tritanopia

#094F50

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F2FDFA
100
#E0FBF4
200
#BBFBEA
300
#8BF9DC
400
#4CF5C8
500
#0DF2B5
600
#0BC191
700
#089B74
800
#07795B
900
#095843
950
#06372A

Contrast Checker

Text on white

8.01:1

AA Pass AAA Pass

Text on black

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