#293B45

#293B45

Color Values

HEX

#293B45

RGB

41, 59, 69

HSL

201.4, 25.5%, 21.6%

HSV

201.4, 40.6%, 27.1%

CMYK

40.6%, 14.5%, 0.0%, 72.9%

OKLCH

0.3411 0.0291 233.0

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#293B45

#453329

Analogous

#294541

#292D45

#293B45

Triadic

#293B45

#45293B

#3B4529

Split Complementary

#293B45

#45292D

#454129

Tetradic

#293B45

#412945

#453329

#2D4529

Color Blindness Simulation

Original

#293B45

Protanopia

#313143

Deuteranopia

#302E42

Tritanopia

#2A4140

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DEE4
300
#B2C6D1
400
#89A8B9
500
#5F89A0
600
#4C6D80
700
#3D5866
800
#2F4450
900
#25343C
950
#182126

Contrast Checker

Text on white

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