#6477F2

#6477F2

Color Values

HEX

#6477F2

RGB

100, 119, 242

HSL

232.0, 84.5%, 67.1%

HSV

232.0, 58.7%, 94.9%

CMYK

58.7%, 50.8%, 0.0%, 5.1%

OKLCH

0.6176 0.184 273.2

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#6477F2

#F2DF64

Analogous

#64BEF2

#9864F2

#6477F2

Triadic

#6477F2

#F26477

#77F264

Split Complementary

#6477F2

#F29864

#BEF264

Tetradic

#6477F2

#F264BE

#F2DF64

#64F298

Color Blindness Simulation

Original

#6477F2

Protanopia

#6C6CD4

Deuteranopia

#6B6ACD

Tritanopia

#65BDB8

Achromatopsia

#7C7C7C

CSS Usage

background-color: #6477F2;
color: #6477F2;
border-color: #6477F2;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F3FD
100
#E0E4FA
200
#BDC5F9
300
#8E9CF6
400
#5166F0
500
#1430EB
600
#1027BC
700
#0D1F97
800
#0A1876
900
#0C1555
950
#070E36

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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