#1253BA

#1253BA

Color Values

HEX

#1253BA

RGB

18, 83, 186

HSL

216.8, 82.4%, 40.0%

HSV

216.8, 90.3%, 72.9%

CMYK

90.3%, 55.4%, 0.0%, 27.1%

OKLCH

0.4692 0.1746 260.1

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#1253BA

#BA7912

Analogous

#12A7BA

#2512BA

#1253BA

Triadic

#1253BA

#BA1253

#53BA12

Split Complementary

#1253BA

#BA2512

#A7BA12

Tetradic

#1253BA

#BA12A7

#BA7912

#12BA25

Color Blindness Simulation

Original

#1253BA

Protanopia

#2E2FA1

Deuteranopia

#2A269B

Tritanopia

#158D89

Achromatopsia

#4D4D4D

CSS Usage

background-color: #1253BA;
color: #1253BA;
border-color: #1253BA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FD
100
#E1EAFA
200
#BED5F9
300
#8FB6F4
400
#538FEE
500
#1668E9
600
#1253BA
700
#0E4295
800
#0B3474
900
#0D2854
950
#081935

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

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