#429DEF

#429DEF

Color Values

HEX

#429DEF

RGB

66, 157, 239

HSL

208.4, 84.4%, 59.8%

HSV

208.4, 72.4%, 93.7%

CMYK

72.4%, 34.3%, 0.0%, 6.3%

OKLCH

0.6791 0.1488 249.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#429DEF

#EF9442

Analogous

#42EFEA

#4247EF

#429DEF

Triadic

#429DEF

#EF429D

#9DEF42

Split Complementary

#429DEF

#EF4247

#EFEA42

Tetradic

#429DEF

#EA42EF

#EF9442

#47EF42

Color Blindness Simulation

Original

#429DEF

Protanopia

#696ADB

Deuteranopia

#645DD6

Tritanopia

#47CBC8

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDDF9
300
#8EC5F5
400
#51A5F0
500
#1485EB
600
#106BBC
700
#0D5596
800
#0A4376
900
#0C3255
950
#072036

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

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026