#293A56

#293A56

Color Values

HEX

#293A56

RGB

41, 58, 86

HSL

217.3, 35.4%, 24.9%

HSV

217.3, 52.3%, 33.7%

CMYK

52.3%, 32.6%, 0.0%, 66.3%

OKLCH

0.3473 0.0541 260.1

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#293A56

#564529

Analogous

#295156

#2E2956

#293A56

Triadic

#293A56

#56293A

#3A5629

Split Complementary

#293A56

#562E29

#515629

Tetradic

#293A56

#562951

#564529

#29562E

Color Blindness Simulation

Original

#293A56

Protanopia

#30314F

Deuteranopia

#2F2E4E

Tritanopia

#2A4A49

Achromatopsia

#383838

CSS Usage

background-color: #293A56;
color: #293A56;
border-color: #293A56;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CFD8E8
300
#ACBDD7
400
#7F99C2
500
#5275AD
600
#425D8A
700
#354B6E
800
#293A56
900
#212D40
950
#151C28

Contrast Checker

Text on white

11.45:1

AA Pass AAA Pass

Text on black

1.83:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026