#1234BA

#1234BA

Color Values

HEX

#1234BA

RGB

18, 52, 186

HSL

227.9, 82.4%, 40.0%

HSV

227.9, 90.3%, 72.9%

CMYK

90.3%, 72.0%, 0.0%, 27.1%

OKLCH

0.4109 0.2107 265.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#1234BA

#BA9812

Analogous

#1288BA

#4412BA

#1234BA

Triadic

#1234BA

#BA1234

#34BA12

Split Complementary

#1234BA

#BA4412

#88BA12

Tetradic

#1234BA

#BA1288

#BA9812

#12BA44

Color Blindness Simulation

Original

#1234BA

Protanopia

#21219A

Deuteranopia

#1F1C92

Tritanopia

#14807A

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E1E6FA
200
#BECAF9
300
#8FA4F4
400
#5372EE
500
#1641E9
600
#1234BA
700
#0E2995
800
#0B2074
900
#0D1B54
950
#081135

Contrast Checker

Text on white

9.43:1

AA Pass AAA Pass

Text on black

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