#294AD6

#294AD6

Color Values

HEX

#294AD6

RGB

41, 74, 214

HSL

228.6, 67.8%, 50.0%

HSV

228.6, 80.8%, 83.9%

CMYK

80.8%, 65.4%, 0.0%, 16.1%

OKLCH

0.483 0.2166 266.9

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#294AD6

#D6B529

Analogous

#29A0D6

#5F29D6

#294AD6

Triadic

#294AD6

#D6294A

#4AD629

Split Complementary

#294AD6

#D65F29

#A0D629

Tetradic

#294AD6

#D629A0

#D6B529

#29D65F

Color Blindness Simulation

Original

#294AD6

Protanopia

#3738B4

Deuteranopia

#3533AC

Tritanopia

#2B9994

Achromatopsia

#4D4D4D

CSS Usage

background-color: #294AD6;
color: #294AD6;
border-color: #294AD6;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C3CCF4
300
#98A8EB
400
#6179E1
500
#294AD6
600
#213BAB
700
#1A2F89
800
#15256B
900
#131E4E
950
#0C1331

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026