#459EF8

#459EF8

Color Values

HEX

#459EF8

RGB

69, 158, 248

HSL

210.2, 92.7%, 62.2%

HSV

210.2, 72.2%, 97.3%

CMYK

72.2%, 36.3%, 0.0%, 2.7%

OKLCH

0.6873 0.1577 251.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#459EF8

#F89F45

Analogous

#45F7F8

#4645F8

#459EF8

Triadic

#459EF8

#F8459E

#9EF845

Split Complementary

#459EF8

#F84645

#F7F845

Tetradic

#459EF8

#F845F7

#F89F45

#45F846

Color Blindness Simulation

Original

#459EF8

Protanopia

#6C6CE2

Deuteranopia

#6660DD

Tritanopia

#49D1CD

Achromatopsia

#929292

CSS Usage

background-color: #459EF8;
color: #459EF8;
border-color: #459EF8;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADBFC
300
#89C1FB
400
#49A0F8
500
#097FF6
600
#0765C5
700
#06519D
800
#053F7B
900
#083059
950
#051E38

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026