#448FDC

#448FDC

Color Values

HEX

#448FDC

RGB

68, 143, 220

HSL

210.4, 68.5%, 56.5%

HSV

210.4, 69.1%, 86.3%

CMYK

69.1%, 35.0%, 0.0%, 13.7%

OKLCH

0.6381 0.138 251.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#448FDC

#DC9144

Analogous

#44DBDC

#4544DC

#448FDC

Triadic

#448FDC

#DC448F

#8FDC44

Split Complementary

#448FDC

#DC4544

#DBDC44

Tetradic

#448FDC

#DC44DB

#DC9144

#44DC45

Color Blindness Simulation

Original

#448FDC

Protanopia

#6465C9

Deuteranopia

#605AC5

Tritanopia

#48BBB7

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C3DBF4
300
#98C1EC
400
#60A0E1
500
#287ED7
600
#2065AC
700
#1A5189
800
#143F6B
900
#13304E
950
#0C1E31

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.21:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026