#045506

#045506

Color Values

HEX

#045506

RGB

4, 85, 6

HSL

121.5, 91.0%, 17.5%

HSV

121.5, 95.3%, 33.3%

CMYK

95.3%, 0.0%, 92.9%, 66.7%

OKLCH

0.3905 0.1285 142.8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#045506

#550453

Analogous

#2B5504

#04552F

#045506

Triadic

#045506

#060455

#550604

Split Complementary

#045506

#2F0455

#55042B

Tetradic

#045506

#042B55

#550453

#552F04

Color Blindness Simulation

Original

#045506

Protanopia

#272819

Deuteranopia

#221C1E

Tritanopia

#08282C

Achromatopsia

#3E3E3E

CSS Usage

background-color: #045506;
color: #045506;
border-color: #045506;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F1FDF2
100
#DFFBE0
200
#BBFCBC
300
#8AF98D
400
#4BF74F
500
#0BF411
600
#09C30E
700
#079C0B
800
#067A09
900
#09580B
950
#063807

Contrast Checker

Text on white

9.1:1

AA Pass AAA Pass

Text on black

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