#1223BA

#1223BA

Color Values

HEX

#1223BA

RGB

18, 35, 186

HSL

233.9, 82.4%, 40.0%

HSV

233.9, 90.3%, 72.9%

CMYK

90.3%, 81.2%, 0.0%, 27.1%

OKLCH

0.387 0.2264 266.3

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1223BA

#BAA912

Analogous

#1277BA

#5512BA

#1223BA

Triadic

#1223BA

#BA1223

#23BA12

Split Complementary

#1223BA

#BA5512

#77BA12

Tetradic

#1223BA

#BA1277

#BAA912

#12BA55

Color Blindness Simulation

Original

#1223BA

Protanopia

#191A96

Deuteranopia

#18178D

Tritanopia

#137972

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

10.63:1

AA Pass AAA Pass

Text on black

1.98:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026