#466FFB

#466FFB

Color Values

HEX

#466FFB

RGB

70, 111, 251

HSL

226.4, 95.8%, 62.9%

HSV

226.4, 72.1%, 98.4%

CMYK

72.1%, 55.8%, 0.0%, 1.6%

OKLCH

0.5933 0.2136 267.1

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#466FFB

#FBD246

Analogous

#46C9FB

#7746FB

#466FFB

Triadic

#466FFB

#FB466F

#6FFB46

Split Complementary

#466FFB

#FB7746

#C9FB46

Tetradic

#466FFB

#FB46C9

#FBD246

#46FB77

Color Blindness Simulation

Original

#466FFB

Protanopia

#5858D9

Deuteranopia

#5552D1

Tritanopia

#48BEB8

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F1F4FE
100
#DFE5FC
200
#B9C9FE
300
#87A2FC
400
#466FFB
500
#053DFA
600
#0431C8
700
#0327A0
800
#031E7D
900
#071A5A
950
#041039

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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