#429FF7

#429FF7

Color Values

HEX

#429FF7

RGB

66, 159, 247

HSL

209.2, 91.9%, 61.4%

HSV

209.2, 73.3%, 96.9%

CMYK

73.3%, 35.6%, 0.0%, 3.1%

OKLCH

0.688 0.1566 250.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#429FF7

#F79A42

Analogous

#42F7F5

#4245F7

#429FF7

Triadic

#429FF7

#F7429F

#9FF742

Split Complementary

#429FF7

#F74245

#F7F542

Tetradic

#429FF7

#F542F7

#F79A42

#45F742

Color Blindness Simulation

Original

#429FF7

Protanopia

#6A6BE2

Deuteranopia

#655EDD

Tritanopia

#47D1CD

Achromatopsia

#929292

CSS Usage

background-color: #429FF7;
color: #429FF7;
border-color: #429FF7;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADCFC
300
#8AC3FA
400
#4AA3F7
500
#0A83F5
600
#0868C4
700
#07549D
800
#05417A
900
#083259
950
#051F38

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.53:1

AA Pass AAA Pass

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