#1254BA

#1254BA

Color Values

HEX

#1254BA

RGB

18, 84, 186

HSL

216.4, 82.4%, 40.0%

HSV

216.4, 90.3%, 72.9%

CMYK

90.3%, 54.8%, 0.0%, 27.1%

OKLCH

0.4713 0.1734 259.8

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#1254BA

#BA7812

Analogous

#12A8BA

#2412BA

#1254BA

Triadic

#1254BA

#BA1254

#54BA12

Split Complementary

#1254BA

#BA2412

#A8BA12

Tetradic

#1254BA

#BA12A8

#BA7812

#12BA24

Color Blindness Simulation

Original

#1254BA

Protanopia

#2F2FA1

Deuteranopia

#2B269B

Tritanopia

#158E8A

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EAFA
200
#BED5F9
300
#8FB7F4
400
#5390EE
500
#1669E9
600
#1254BA
700
#0E4395
800
#0B3574
900
#0D2954
950
#081A35

Contrast Checker

Text on white

6.99:1

AA Pass AAA Fail

Text on black

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