#224882

#224882

Color Values

HEX

#224882

RGB

34, 72, 130

HSL

216.2, 58.5%, 32.2%

HSV

216.2, 73.8%, 51.0%

CMYK

73.8%, 44.6%, 0.0%, 49.0%

OKLCH

0.4061 0.1068 258.7

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#224882

#825C22

Analogous

#227882

#2C2282

#224882

Triadic

#224882

#822248

#488222

Split Complementary

#224882

#822C22

#788222

Tetradic

#224882

#822278

#825C22

#22822C

Color Blindness Simulation

Original

#224882

Protanopia

#323374

Deuteranopia

#302D71

Tritanopia

#246966

Achromatopsia

#444444

CSS Usage

background-color: #224882;
color: #224882;
border-color: #224882;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F7FB
100
#E4EBF6
200
#C6D7F0
300
#9EBAE6
400
#6995D8
500
#3570CA
600
#2A5AA2
700
#224881
800
#1A3865
900
#172B4A
950
#0E1B2F

Contrast Checker

Text on white

9.06:1

AA Pass AAA Pass

Text on black

2.32:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026