#293A33

#293A33

Color Values

HEX

#293A33

RGB

41, 58, 51

HSL

155.3, 17.2%, 19.4%

HSV

155.3, 29.3%, 22.7%

CMYK

29.3%, 0.0%, 12.1%, 77.3%

OKLCH

0.3311 0.0254 167.5

Properties

Cool Dark Nearest: RAL 6009 Fir Green

Color Harmonies

Complementary

#293A33

#3A2930

Analogous

#293A2A

#29383A

#293A33

Triadic

#293A33

#33293A

#3A3329

Split Complementary

#293A33

#3A2938

#3A2A29

Tetradic

#293A33

#2A293A

#3A2930

#383A29

Color Blindness Simulation

Original

#293A33

Protanopia

#303135

Deuteranopia

#2F2E35

Tritanopia

#2A3636

Achromatopsia

#363636

CSS Usage

background-color: #293A33;
color: #293A33;
border-color: #293A33;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DC
300
#B7CCC4
400
#90B1A4
500
#6A9583
600
#547869
700
#446054
800
#354B42
900
#293832
950
#1A231F

Contrast Checker

Text on white

12.02:1

AA Pass AAA Pass

Text on black

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