#294351

#294351

Color Values

HEX

#294351

RGB

41, 67, 81

HSL

201.0, 32.8%, 23.9%

HSV

201.0, 49.4%, 31.8%

CMYK

49.4%, 17.3%, 0.0%, 68.2%

OKLCH

0.3681 0.0399 232.9

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#294351

#513729

Analogous

#29514B

#292F51

#294351

Triadic

#294351

#512943

#435129

Split Complementary

#294351

#51292F

#514B29

Tetradic

#294351

#4B2951

#513729

#2F5129

Color Blindness Simulation

Original

#294351

Protanopia

#34344E

Deuteranopia

#33314D

Tritanopia

#2A4B4A

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0DFE7
300
#AEC8D6
400
#82AAC0
500
#568CA9
600
#457087
700
#375A6C
800
#2B4655
900
#22353F
950
#162128

Contrast Checker

Text on white

10.42:1

AA Pass AAA Pass

Text on black

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