#045B23

#045B23

Color Values

HEX

#045B23

RGB

4, 91, 35

HSL

141.4, 91.6%, 18.6%

HSV

141.4, 95.6%, 35.7%

CMYK

95.6%, 0.0%, 61.5%, 64.3%

OKLCH

0.4119 0.1157 148.4

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#045B23

#5B043C

Analogous

#105B04

#045B4E

#045B23

Triadic

#045B23

#23045B

#5B2304

Split Complementary

#045B23

#4E045B

#5B0410

Tetradic

#045B23

#04105B

#5B043C

#5B4E04

Color Blindness Simulation

Original

#045B23

Protanopia

#2A2A31

Deuteranopia

#251E34

Tritanopia

#083B3E

Achromatopsia

#444444

CSS Usage

background-color: #045B23;
color: #045B23;
border-color: #045B23;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F1FDF6
100
#DFFBE9
200
#BBFCD2
300
#8AFAB2
400
#4AF788
500
#0BF45E
600
#09C34B
700
#079C3C
800
#057A2F
900
#095825
950
#053817

Contrast Checker

Text on white

8.31:1

AA Pass AAA Pass

Text on black

2.53:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026