#293A26

#293A26

Color Values

HEX

#293A26

RGB

41, 58, 38

HSL

111.0, 20.8%, 18.8%

HSV

111.0, 34.5%, 22.7%

CMYK

29.3%, 0.0%, 34.5%, 77.3%

OKLCH

0.3272 0.041 140.8

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#293A26

#37263A

Analogous

#333A26

#263A2D

#293A26

Triadic

#293A26

#26293A

#3A2629

Split Complementary

#293A26

#2D263A

#3A2633

Tetradic

#293A26

#26333A

#37263A

#3A2D26

Color Blindness Simulation

Original

#293A26

Protanopia

#30312B

Deuteranopia

#2F2E2C

Tritanopia

#2A2F30

Achromatopsia

#353535

CSS Usage

background-color: #293A26;
color: #293A26;
border-color: #293A26;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F6F9F6
100
#EBF0EA
200
#D6E3D4
300
#B9CFB5
400
#93B48D
500
#6D9A65
600
#577B51
700
#466341
800
#364D32
900
#2A3A27
950
#1B2419

Contrast Checker

Text on white

12.16:1

AA Pass AAA Pass

Text on black

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