#458DFC

#458DFC

Color Values

HEX

#458DFC

RGB

69, 141, 252

HSL

216.4, 96.8%, 62.9%

HSV

216.4, 72.6%, 98.8%

CMYK

72.6%, 44.0%, 0.0%, 1.2%

OKLCH

0.6533 0.1805 258.9

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#458DFC

#FCB445

Analogous

#45E8FC

#5845FC

#458DFC

Triadic

#458DFC

#FC458D

#8DFC45

Split Complementary

#458DFC

#FC5845

#E8FC45

Tetradic

#458DFC

#FC45E8

#FCB445

#45FC58

Color Blindness Simulation

Original

#458DFC

Protanopia

#6465E1

Deuteranopia

#605BDB

Tritanopia

#49CCC7

Achromatopsia

#868686

CSS Usage

background-color: #458DFC;
color: #458DFC;
border-color: #458DFC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B9D4FE
300
#87B5FD
400
#458DFC
500
#0465FB
600
#0351C9
700
#0341A1
800
#02337D
900
#06275B
950
#041939

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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