#448FE3

#448FE3

Color Values

HEX

#448FE3

RGB

68, 143, 227

HSL

211,7, 74,0%, 57,8%

HSV

211,7, 70,0%, 89,0%

CMYK

70,0%, 37,0%, 0,0%, 11,0%

OKLCH

0,6421 0,1468 253,2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#448FE3

#E39844

Analogous

#44DFE3

#4844E3

#448FE3

Triadic

#448FE3

#E3448F

#8FE344

Split Complementary

#448FE3

#E34844

#DFE344

Tetradic

#448FE3

#E344DF

#E39844

#44E348

Color Blindness Simulation

Original

#448FE3

Protanopia

#6465CF

Deuteranopia

#605ACA

Tritanopia

#48BFBB

Achromatopsia

#858585

CSS Usage

background-color: #448FE3;
color: #448FE3;
border-color: #448FE3;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DAF6
300
#95BFEF
400
#5B9DE6
500
#217ADE
600
#1B62B1
700
#154E8E
800
#113D6F
900
#102F51
950
#0A1D33

Contrast Checker

Text on white

3,34:1

AA Fail AAA Fail

Text on black

6,28:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026