#294750

#294750

Color Values

HEX

#294750

RGB

41, 71, 80

HSL

193.8, 32.2%, 23.7%

HSV

193.8, 48.7%, 31.4%

CMYK

48.8%, 11.2%, 0.0%, 68.6%

OKLCH

0.3783 0.0389 219.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#294750

#503229

Analogous

#295045

#293350

#294750

Triadic

#294750

#502947

#475029

Split Complementary

#294750

#502933

#504529

Tetradic

#294750

#452950

#503229

#335029

Color Blindness Simulation

Original

#294750

Protanopia

#36364E

Deuteranopia

#34324D

Tritanopia

#2A4C4C

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8F0F2
200
#D0E2E7
300
#AECCD6
400
#82B1BF
500
#5696A9
600
#457887
700
#37606C
800
#2B4B54
900
#22383E
950
#162327

Contrast Checker

Text on white

9.95:1

AA Pass AAA Pass

Text on black

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