#448CCC

#448CCC

Color Values

HEX

#448CCC

RGB

68, 140, 204

HSL

208.2, 57.1%, 53.3%

HSV

208.2, 66.7%, 80.0%

CMYK

66.7%, 31.4%, 0.0%, 20.0%

OKLCH

0.6227 0.121 247.9

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#448CCC

#CC8444

Analogous

#44CCC8

#4448CC

#448CCC

Triadic

#448CCC

#CC448C

#8CCC44

Split Complementary

#448CCC

#CC4448

#CCC844

Tetradic

#448CCC

#C844CC

#CC8444

#48CC44

Color Blindness Simulation

Original

#448CCC

Protanopia

#6364BD

Deuteranopia

#5F5AB9

Tritanopia

#48B0AE

Achromatopsia

#818181

CSS Usage

background-color: #448CCC;
color: #448CCC;
border-color: #448CCC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FB
100
#E4EEF6
200
#C7DDF0
300
#9FC4E5
400
#6BA4D7
500
#3784C8
600
#2C69A0
700
#235480
800
#1B4264
900
#183249
950
#0F202E

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.87:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026