#466BFC

#466BFC

Color Values

HEX

#466BFC

RGB

70, 107, 252

HSL

227.8, 96.8%, 63.1%

HSV

227.8, 72.2%, 98.8%

CMYK

72.2%, 57.5%, 0.0%, 1.2%

OKLCH

0.5867 0.2195 268.0

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#466BFC

#FCD746

Analogous

#46C6FC

#7C46FC

#466BFC

Triadic

#466BFC

#FC466B

#6BFC46

Split Complementary

#466BFC

#FC7C46

#C6FC46

Tetradic

#466BFC

#FC46C6

#FCD746

#46FC7C

Color Blindness Simulation

Original

#466BFC

Protanopia

#5656D9

Deuteranopia

#5451D0

Tritanopia

#48BDB7

Achromatopsia

#6E6E6E

CSS Usage

background-color: #466BFC;
color: #466BFC;
border-color: #466BFC;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F4FE
100
#DEE4FC
200
#B9C7FE
300
#879FFD
400
#456AFC
500
#0436FB
600
#032BC9
700
#0323A1
800
#021B7D
900
#06175B
950
#040F39

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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