#294471

#294471

Color Values

HEX

#294471

RGB

41, 68, 113

HSL

217.5, 46.8%, 30.2%

HSV

217.5, 63.7%, 44.3%

CMYK

63.7%, 39.8%, 0.0%, 55.7%

OKLCH

0.3885 0.0837 260.1

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#294471

#715629

Analogous

#296871

#322971

#294471

Triadic

#294471

#712944

#447129

Split Complementary

#294471

#713229

#687129

Tetradic

#294471

#712968

#715629

#297132

Color Blindness Simulation

Original

#294471

Protanopia

#353566

Deuteranopia

#333164

Tritanopia

#2A5E5C

Achromatopsia

#424242

CSS Usage

background-color: #294471;
color: #294471;
border-color: #294471;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CBD7EC
300
#A5BBDE
400
#7496CD
500
#4471BB
600
#365A96
700
#2B4878
800
#22385E
900
#1C2B45
950
#121B2B

Contrast Checker

Text on white

9.72:1

AA Pass AAA Pass

Text on black

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