#1238BA

#1238BA

Color Values

HEX

#1238BA

RGB

18, 56, 186

HSL

226.4, 82.4%, 40.0%

HSV

226.4, 90.3%, 72.9%

CMYK

90.3%, 69.9%, 0.0%, 27.1%

OKLCH

0.4175 0.2065 264.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#1238BA

#BA9412

Analogous

#128CBA

#4012BA

#1238BA

Triadic

#1238BA

#BA1238

#38BA12

Split Complementary

#1238BA

#BA4012

#8CBA12

Tetradic

#1238BA

#BA128C

#BA9412

#12BA40

Color Blindness Simulation

Original

#1238BA

Protanopia

#22239B

Deuteranopia

#201D93

Tritanopia

#14827C

Achromatopsia

#393939

CSS Usage

background-color: #1238BA;
color: #1238BA;
border-color: #1238BA;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F2F4FD
100
#E1E6FA
200
#BECBF9
300
#8FA6F4
400
#5376EE
500
#1646E9
600
#1238BA
700
#0E2D95
800
#0B2374
900
#0D1D54
950
#081235

Contrast Checker

Text on white

9.13:1

AA Pass AAA Pass

Text on black

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