#429ABD

#429ABD

Color Values

HEX

#429ABD

RGB

66, 154, 189

HSL

197.1, 48.2%, 50.0%

HSV

197.1, 65.1%, 74.1%

CMYK

65.1%, 18.5%, 0.0%, 25.9%

OKLCH

0.6474 0.0982 227.5

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#429ABD

#BD6542

Analogous

#42BDA3

#425CBD

#429ABD

Triadic

#429ABD

#BD429A

#9ABD42

Split Complementary

#429ABD

#BD425C

#BDA342

Tetradic

#429ABD

#A342BD

#BD6542

#5CBD42

Color Blindness Simulation

Original

#429ABD

Protanopia

#6869B5

Deuteranopia

#635CB2

Tritanopia

#46AEAC

Achromatopsia

#8A8A8A

CSS Usage

background-color: #429ABD;
color: #429ABD;
border-color: #429ABD;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FA
100
#E6F0F4
200
#CAE3ED
300
#A4CEDF
400
#73B4CE
500
#429ABD
600
#357B97
700
#2A6379
800
#214D5E
900
#1B3945
950
#11242C

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.59:1

AA Pass AAA Fail

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