#295F30

#295F30

Color Values

HEX

#295F30

RGB

41, 95, 48

HSL

127.8, 39.7%, 26.7%

HSV

127.8, 56.8%, 37.3%

CMYK

56.8%, 0.0%, 49.5%, 62.7%

OKLCH

0.436 0.0948 146.3

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#295F30

#5F2958

Analogous

#3D5F29

#295F4B

#295F30

Triadic

#295F30

#30295F

#5F3029

Split Complementary

#295F30

#4B295F

#5F293D

Tetradic

#295F30

#293D5F

#5F2958

#5F4B29

Color Blindness Simulation

Original

#295F30

Protanopia

#40413B

Deuteranopia

#3D393E

Tritanopia

#2C4446

Achromatopsia

#505050

CSS Usage

background-color: #295F30;
color: #295F30;
border-color: #295F30;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF5
100
#E7F3E9
200
#CDE9D1
300
#AADAB0
400
#7BC685
500
#4DB25A
600
#3E8E48
700
#31723A
800
#26592D
900
#1F4224
950
#142A17

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

2.77:1

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