#293A41

#293A41

Color Values

HEX

#293A41

RGB

41, 58, 65

HSL

197,5, 22,6%, 20,8%

HSV

197,5, 36,9%, 25,5%

CMYK

36,9%, 10,8%, 0,0%, 74,5%

OKLCH

0,3366 0,0252 225,2

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#293A41

#413029

Analogous

#29413C

#292E41

#293A41

Triadic

#293A41

#41293A

#3A4129

Split Complementary

#293A41

#41292E

#413C29

Tetradic

#293A41

#3C2941

#413029

#2E4129

Color Blindness Simulation

Original

#293A41

Protanopia

#30313F

Deuteranopia

#2F2E3F

Tritanopia

#2A3E3E

Achromatopsia

#373737

CSS Usage

background-color: #293A41;
color: #293A41;
border-color: #293A41;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3DFE3
300
#B4C8D0
400
#8BAAB6
500
#638C9C
600
#4F707D
700
#3F5964
800
#31464E
900
#27353A
950
#182125

Contrast Checker

Text on white

11,83:1

AA Pass AAA Pass

Text on black

1,78: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