#293E48

#293E48

Color Values

HEX

#293E48

RGB

41, 62, 72

HSL

199.4, 27.4%, 22.2%

HSV

199.4, 43.1%, 28.2%

CMYK

43.1%, 13.9%, 0.0%, 71.8%

OKLCH

0.3505 0.0317 229.2

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#293E48

#483329

Analogous

#294843

#292F48

#293E48

Triadic

#293E48

#48293E

#3E4829

Split Complementary

#293E48

#48292F

#484329

Tetradic

#293E48

#432948

#483329

#2F4829

Color Blindness Simulation

Original

#293E48

Protanopia

#323246

Deuteranopia

#312F45

Tritanopia

#2A4443

Achromatopsia

#3A3A3A

CSS Usage

background-color: #293E48;
color: #293E48;
border-color: #293E48;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2DFE5
300
#B1C8D3
400
#87AABB
500
#5D8CA2
600
#4A7082
700
#3B5968
800
#2E4651
900
#25353C
950
#172126

Contrast Checker

Text on white

11.19:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026