#429AFF

#429AFF

Color Values

HEX

#429AFF

RGB

66, 154, 255

HSL

212.1, 100.0%, 62.9%

HSV

212.1, 74.1%, 100.0%

CMYK

74.1%, 39.6%, 0.0%, 0.0%

OKLCH

0.6817 0.1713 254.1

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#429AFF

#FFA742

Analogous

#42F8FF

#4842FF

#429AFF

Triadic

#429AFF

#FF429A

#9AFF42

Split Complementary

#429AFF

#FF4842

#F8FF42

Tetradic

#429AFF

#FF42F8

#FFA742

#42FF48

Color Blindness Simulation

Original

#429AFF

Protanopia

#6869E7

Deuteranopia

#635CE1

Tritanopia

#46D3CF

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D9FF
300
#85BEFF
400
#429AFF
500
#0077FF
600
#005FCC
700
#004CA3
800
#003B80
900
#052D5C
950
#031D3A

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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