#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

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026