#467AFC

#467AFC

Color Values

HEX

#467AFC

RGB

70, 122, 252

HSL

222.9, 96.8%, 63.1%

HSV

222.9, 72.2%, 98.8%

CMYK

72.2%, 51.6%, 0.0%, 1.2%

OKLCH

0.6151 0.202 264.7

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#467AFC

#FCC846

Analogous

#46D5FC

#6D46FC

#467AFC

Triadic

#467AFC

#FC467A

#7AFC46

Split Complementary

#467AFC

#FC6D46

#D5FC46

Tetradic

#467AFC

#FC46D5

#FCC846

#46FC6D

Color Blindness Simulation

Original

#467AFC

Protanopia

#5D5DDD

Deuteranopia

#5A56D5

Tritanopia

#49C4BE

Achromatopsia

#787878

CSS Usage

background-color: #467AFC;
color: #467AFC;
border-color: #467AFC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B9CCFE
300
#87A8FD
400
#4579FC
500
#044AFB
600
#033CC9
700
#0330A1
800
#02257D
900
#061E5B
950
#041339

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026