#4482AD

#4482AD

Color Values

HEX

#4482AD

RGB

68, 130, 173

HSL

204.6, 43.6%, 47.3%

HSV

204.6, 60.7%, 67.8%

CMYK

60.7%, 24.9%, 0.0%, 32.2%

OKLCH

0.5837 0.0923 241.1

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4482AD

#AD6F44

Analogous

#44ADA4

#444DAD

#4482AD

Triadic

#4482AD

#AD4482

#82AD44

Split Complementary

#4482AD

#AD444D

#ADA444

Tetradic

#4482AD

#A444AD

#AD6F44

#4DAD44

Color Blindness Simulation

Original

#4482AD

Protanopia

#5F5FA3

Deuteranopia

#5B57A0

Tritanopia

#479A99

Achromatopsia

#787878

CSS Usage

background-color: #4482AD;
color: #4482AD;
border-color: #4482AD;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDEEB
300
#A7C7DC
400
#78A8CA
500
#488AB7
600
#3A6E92
700
#2E5875
800
#24455C
900
#1D3443
950
#13212B

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.04: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