#478DB8

#478DB8

Color Values

HEX

#478DB8

RGB

71, 141, 184

HSL

202.8, 44.3%, 50.0%

HSV

202.8, 61.4%, 72.2%

CMYK

61.4%, 23.4%, 0.0%, 27.8%

OKLCH

0.6161 0.0961 238.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#478DB8

#B87247

Analogous

#47B8AA

#4755B8

#478DB8

Triadic

#478DB8

#B8478D

#8DB847

Split Complementary

#478DB8

#B84755

#B8AA47

Tetradic

#478DB8

#AA47B8

#B87247

#55B847

Color Blindness Simulation

Original

#478DB8

Protanopia

#6566AE

Deuteranopia

#615CAB

Tritanopia

#4AA5A4

Achromatopsia

#818181

CSS Usage

background-color: #478DB8;
color: #478DB8;
border-color: #478DB8;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBDFEB
300
#A7C8DD
400
#77ABCA
500
#478DB8
600
#397193
700
#2D5A76
800
#24475C
900
#1D3544
950
#12222B

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.77:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026