#224281

#224281

Color Values

HEX

#224281

RGB

34, 66, 129

HSL

219.8, 58.3%, 32.0%

HSV

219.8, 73.6%, 50.6%

CMYK

73.6%, 48.8%, 0.0%, 49.4%

OKLCH

0.3914 0.1129 262.2

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#224281

#816122

Analogous

#227281

#322281

#224281

Triadic

#224281

#812242

#428122

Split Complementary

#224281

#813222

#728122

Tetradic

#224281

#812272

#816122

#228132

Color Blindness Simulation

Original

#224281

Protanopia

#303072

Deuteranopia

#2E2C6E

Tritanopia

#246663

Achromatopsia

#404040

CSS Usage

background-color: #224281;
color: #224281;
border-color: #224281;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FB
100
#E4EAF6
200
#C6D5F0
300
#9EB6E5
400
#6A8FD8
500
#3567CA
600
#2B53A1
700
#224281
800
#1B3465
900
#17284A
950
#0F192F

Contrast Checker

Text on white

9.7:1

AA Pass AAA Pass

Text on black

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