#296FF4

#296FF4

Color Values

HEX

#296FF4

RGB

41, 111, 244

HSL

219.3, 90.2%, 55.9%

HSV

219.3, 83.2%, 95.7%

CMYK

83.2%, 54.5%, 0.0%, 4.3%

OKLCH

0.5778 0.2118 261.6

Properties

Cool Light Nearest: Blue

Color Harmonies

Complementary

#296FF4

#F4AE29

Analogous

#29D5F4

#4929F4

#296FF4

Triadic

#296FF4

#F4296F

#6FF429

Split Complementary

#296FF4

#F44929

#D5F429

Tetradic

#296FF4

#F429D5

#F4AE29

#29F449

Color Blindness Simulation

Original

#296FF4

Protanopia

#4748D4

Deuteranopia

#433ECC

Tritanopia

#2CBAB5

Achromatopsia

#6A6A6A

CSS Usage

background-color: #296FF4;
color: #296FF4;
border-color: #296FF4;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F6FD
100
#DFE9FB
200
#BBD1FC
300
#8BB1F9
400
#4C86F6
500
#0C5CF3
600
#0A49C2
700
#083B9B
800
#062E79
900
#092458
950
#061737

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

4.67:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026