#293B48

#293B48

Color Values

HEX

#293B48

RGB

41, 59, 72

HSL

205.2, 27.4%, 22.2%

HSV

205.2, 43.1%, 28.2%

CMYK

43.1%, 18.1%, 0.0%, 71.8%

OKLCH

0.3425 0.0326 240.3

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#293B48

#483629

Analogous

#294846

#292C48

#293B48

Triadic

#293B48

#48293B

#3B4829

Split Complementary

#293B48

#48292C

#484629

Tetradic

#293B48

#462948

#483629

#2C4829

Color Blindness Simulation

Original

#293B48

Protanopia

#313145

Deuteranopia

#302E44

Tritanopia

#2A4242

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE5
300
#B1C4D3
400
#87A5BB
500
#5D85A2
600
#4A6A82
700
#3B5568
800
#2E4351
900
#25323C
950
#172026

Contrast Checker

Text on white

11.58:1

AA Pass AAA Pass

Text on black

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