#428DCA

#428DCA

Color Values

HEX

#428DCA

RGB

66, 141, 202

HSL

206.9, 56.2%, 52.5%

HSV

206.9, 67.3%, 79.2%

CMYK

67.3%, 30.2%, 0.0%, 20.8%

OKLCH

0.6232 0.1187 245.9

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#428DCA

#CA7F42

Analogous

#42CAC3

#4249CA

#428DCA

Triadic

#428DCA

#CA428D

#8DCA42

Split Complementary

#428DCA

#CA4249

#CAC342

Tetradic

#428DCA

#C342CA

#CA7F42

#49CA42

Color Blindness Simulation

Original

#428DCA

Protanopia

#6263BB

Deuteranopia

#5E58B8

Tritanopia

#46B0AD

Achromatopsia

#818181

CSS Usage

background-color: #428DCA;
color: #428DCA;
border-color: #428DCA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FB
100
#E5EEF6
200
#C7DDEF
300
#9FC5E4
400
#6CA6D6
500
#3887C7
600
#2D6C9F
700
#24567F
800
#1C4364
900
#183349
950
#0F202E

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

5.89:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026