#1224BA

#1224BA

Color Values

HEX

#1224BA

RGB

18, 36, 186

HSL

233.6, 82.4%, 40.0%

HSV

233.6, 90.3%, 72.9%

CMYK

90.3%, 80.6%, 0.0%, 27.1%

OKLCH

0.3883 0.2256 266.3

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1224BA

#BAA812

Analogous

#1278BA

#5412BA

#1224BA

Triadic

#1224BA

#BA1224

#24BA12

Split Complementary

#1224BA

#BA5412

#78BA12

Tetradic

#1224BA

#BA1278

#BAA812

#12BA54

Color Blindness Simulation

Original

#1224BA

Protanopia

#1A1A96

Deuteranopia

#19178D

Tritanopia

#137973

Achromatopsia

#2B2B2B

CSS Usage

background-color: #1224BA;
color: #1224BA;
border-color: #1224BA;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F2F3FD
100
#E1E3FA
200
#BEC4F9
300
#8F9AF4
400
#5363EE
500
#162DE9
600
#1224BA
700
#0E1D95
800
#0B1674
900
#0D1454
950
#080D35

Contrast Checker

Text on white

10.57:1

AA Pass AAA Pass

Text on black

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