#456EFC

#456EFC

Color Values

HEX

#456EFC

RGB

69, 110, 252

HSL

226.6, 96.8%, 62.9%

HSV

226.6, 72.6%, 98.8%

CMYK

72.6%, 56.3%, 0.0%, 1.2%

OKLCH

0.5918 0.2163 267.2

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#456EFC

#FCD345

Analogous

#45C9FC

#7745FC

#456EFC

Triadic

#456EFC

#FC456E

#6EFC45

Split Complementary

#456EFC

#FC7745

#C9FC45

Tetradic

#456EFC

#FC45C9

#FCD345

#45FC77

Color Blindness Simulation

Original

#456EFC

Protanopia

#5757DA

Deuteranopia

#5451D1

Tritanopia

#47BEB9

Achromatopsia

#707070

CSS Usage

background-color: #456EFC;
color: #456EFC;
border-color: #456EFC;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B9C8FE
300
#87A1FD
400
#456EFC
500
#043BFB
600
#032FC9
700
#0326A1
800
#021E7D
900
#06195B
950
#041039

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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