#4483DB

#4483DB

Color Values

HEX

#4483DB

RGB

68, 131, 219

HSL

215.0, 67.7%, 56.3%

HSV

215.0, 68.9%, 85.9%

CMYK

68.9%, 40.2%, 0.0%, 14.1%

OKLCH

0.6111 0.149 257.2

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#4483DB

#DB9C44

Analogous

#44CEDB

#5144DB

#4483DB

Triadic

#4483DB

#DB4483

#83DB44

Split Complementary

#4483DB

#DB5144

#CEDB44

Tetradic

#4483DB

#DB44CE

#DB9C44

#44DB51

Color Blindness Simulation

Original

#4483DB

Protanopia

#5F60C6

Deuteranopia

#5C57C1

Tritanopia

#47B5B1

Achromatopsia

#7C7C7C

CSS Usage

background-color: #4483DB;
color: #4483DB;
border-color: #4483DB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3EBF7
200
#C3D7F3
300
#98BBEB
400
#6196E1
500
#2971D6
600
#215AAB
700
#1A4889
800
#15396B
900
#132C4E
950
#0C1B31

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026