#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026