#477BC8

#477BC8

Color Values

HEX

#477BC8

RGB

71, 123, 200

HSL

215.8, 54.0%, 53.1%

HSV

215.8, 64.5%, 78.4%

CMYK

64.5%, 38.5%, 0.0%, 21.6%

OKLCH

0.5835 0.1314 258.1

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#477BC8

#C89447

Analogous

#47BCC8

#5347C8

#477BC8

Triadic

#477BC8

#C8477B

#7BC847

Split Complementary

#477BC8

#C85347

#BCC847

Tetradic

#477BC8

#C847BC

#C89447

#47C853

Color Blindness Simulation

Original

#477BC8

Protanopia

#5E5EB5

Deuteranopia

#5A57B1

Tritanopia

#4AA7A3

Achromatopsia

#767676

CSS Usage

background-color: #477BC8;
color: #477BC8;
border-color: #477BC8;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8D8EF
300
#A1BBE3
400
#6E97D4
500
#3B72C4
600
#2F5B9D
700
#26497E
800
#1D3962
900
#192C48
950
#101C2D

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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