#448AFE

#448AFE

Color Values

HEX

#448AFE

RGB

68, 138, 254

HSL

217,4, 98,9%, 63,1%

HSV

217,4, 73,2%, 99,6%

CMYK

73,2%, 45,7%, 0,0%, 0,4%

OKLCH

0,648 0,1867 260,0

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#448AFE

#FEB844

Analogous

#44E7FE

#5B44FE

#448AFE

Triadic

#448AFE

#FE448A

#8AFE44

Split Complementary

#448AFE

#FE5B44

#E7FE44

Tetradic

#448AFE

#FE44E7

#FEB844

#44FE5B

Color Blindness Simulation

Original

#448AFE

Protanopia

#6263E2

Deuteranopia

#5E59DB

Tritanopia

#48CCC7

Achromatopsia

#838383

CSS Usage

background-color: #448AFE;
color: #448AFE;
border-color: #448AFE;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FE
100
#DEE9FC
200
#B8D3FF
300
#85B3FE
400
#438AFE
500
#0160FE
600
#014DCB
700
#013EA2
800
#01307F
900
#05265C
950
#03183A

Contrast Checker

Text on white

3,33:1

AA Fail AAA Fail

Text on black

6,31:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026