#294BD6

#294BD6

Color Values

HEX

#294BD6

RGB

41, 75, 214

HSL

228.2, 67.8%, 50.0%

HSV

228.2, 80.8%, 83.9%

CMYK

80.8%, 65.0%, 0.0%, 16.1%

OKLCH

0.4847 0.2155 266.8

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#294BD6

#D6B429

Analogous

#29A2D6

#5D29D6

#294BD6

Triadic

#294BD6

#D6294B

#4BD629

Split Complementary

#294BD6

#D65D29

#A2D629

Tetradic

#294BD6

#D629A2

#D6B429

#29D65D

Color Blindness Simulation

Original

#294BD6

Protanopia

#3838B4

Deuteranopia

#3633AC

Tritanopia

#2B9A94

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C3CDF4
300
#98A9EB
400
#617AE1
500
#294BD6
600
#213CAB
700
#1A3089
800
#15266B
900
#131F4E
950
#0C1331

Contrast Checker

Text on white

6.84:1

AA Pass AAA Fail

Text on black

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