#458CF6

#458CF6

Color Values

HEX

#458CF6

RGB

69, 140, 246

HSL

215.9, 90.8%, 61.8%

HSV

215.9, 72.0%, 96.5%

CMYK

72.0%, 43.1%, 0.0%, 3.5%

OKLCH

0.6474 0.1739 258.4

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#458CF6

#F6AF45

Analogous

#45E5F6

#5745F6

#458CF6

Triadic

#458CF6

#F6458C

#8CF645

Split Complementary

#458CF6

#F65745

#E5F645

Tetradic

#458CF6

#F645E5

#F6AF45

#45F657

Color Blindness Simulation

Original

#458CF6

Protanopia

#6464DC

Deuteranopia

#605AD6

Tritanopia

#49C8C4

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BBD5FC
300
#8AB7F9
400
#4B90F6
500
#0C69F3
600
#0954C3
700
#08439C
800
#06347A
900
#092958
950
#061A38

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.34:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026