#224C82

#224C82

Color Values

HEX

#224C82

RGB

34, 76, 130

HSL

213.8, 58.5%, 32.2%

HSV

213.8, 73.8%, 51.0%

CMYK

73.8%, 41.5%, 0.0%, 49.0%

OKLCH

0.4157 0.1019 255.9

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#224C82

#825822

Analogous

#227C82

#282282

#224C82

Triadic

#224C82

#82224C

#4C8222

Split Complementary

#224C82

#822822

#7C8222

Tetradic

#224C82

#82227C

#825822

#228228

Color Blindness Simulation

Original

#224C82

Protanopia

#343575

Deuteranopia

#322F72

Tritanopia

#246B68

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4ECF6
200
#C6D9F0
300
#9EBDE6
400
#699AD8
500
#3576CA
600
#2A5EA2
700
#224C81
800
#1A3B65
900
#172D4A
950
#0E1D2F

Contrast Checker

Text on white

8.66:1

AA Pass AAA Pass

Text on black

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