#293E40

#293E40

Color Values

HEX

#293E40

RGB

41, 62, 64

HSL

185.2, 21.9%, 20.6%

HSV

185.2, 35.9%, 25.1%

CMYK

35.9%, 3.1%, 0.0%, 74.9%

OKLCH

0.3471 0.0267 203.5

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#293E40

#402B29

Analogous

#294037

#293340

#293E40

Triadic

#293E40

#40293E

#3E4029

Split Complementary

#293E40

#402933

#403729

Tetradic

#293E40

#372940

#402B29

#334029

Color Blindness Simulation

Original

#293E40

Protanopia

#323240

Deuteranopia

#312F3F

Tritanopia

#2A3F3F

Achromatopsia

#3A3A3A

CSS Usage

background-color: #293E40;
color: #293E40;
border-color: #293E40;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D3E2E3
300
#B4CDCF
400
#8CB2B5
500
#64979B
600
#50787C
700
#406063
800
#324B4E
900
#27383A
950
#192425

Contrast Checker

Text on white

11.31:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026