#049B45

#049B45

Color Values

HEX

#049B45

RGB

4, 155, 69

HSL

145.8, 95.0%, 31.2%

HSV

145.8, 97.4%, 60.8%

CMYK

97.4%, 0.0%, 55.5%, 39.2%

OKLCH

0.6027 0.1667 149.6

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#049B45

#9B045A

Analogous

#0F9B04

#049B91

#049B45

Triadic

#049B45

#45049B

#9B4504

Split Complementary

#049B45

#91049B

#9B040F

Tetradic

#049B45

#040F9B

#9B045A

#9B9104

Color Blindness Simulation

Original

#049B45

Protanopia

#45475A

Deuteranopia

#3D315F

Tritanopia

#0C6A6E

Achromatopsia

#757575

CSS Usage

background-color: #049B45;
color: #049B45;
border-color: #049B45;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F1FEF6
100
#DFFCEB
200
#B9FDD7
300
#88FCBA
400
#47FA94
500
#06F96F
600
#05C758
700
#049F47
800
#037C37
900
#075A2B
950
#04391B

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

5.78:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026