#293B47

#293B47

Color Values

HEX

#293B47

RGB

41, 59, 71

HSL

204.0, 26.8%, 22.0%

HSV

204.0, 42.3%, 27.8%

CMYK

42.3%, 16.9%, 0.0%, 72.2%

OKLCH

0.342 0.0314 238.1

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#293B47

#473529

Analogous

#294744

#292C47

#293B47

Triadic

#293B47

#47293B

#3B4729

Split Complementary

#293B47

#47292C

#474429

Tetradic

#293B47

#442947

#473529

#2C4729

Color Blindness Simulation

Original

#293B47

Protanopia

#313144

Deuteranopia

#302E43

Tritanopia

#2A4241

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE5
300
#B1C5D2
400
#87A6BA
500
#5D86A2
600
#4B6B81
700
#3C5667
800
#2F4351
900
#25333C
950
#172026

Contrast Checker

Text on white

11.6:1

AA Pass AAA Pass

Text on black

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