#1242BA

#1242BA

Color Values

HEX

#1242BA

RGB

18, 66, 186

HSL

222.9, 82.4%, 40.0%

HSV

222.9, 90.3%, 72.9%

CMYK

90.3%, 64.5%, 0.0%, 27.1%

OKLCH

0.4353 0.1952 263.6

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#1242BA

#BA8A12

Analogous

#1296BA

#3612BA

#1242BA

Triadic

#1242BA

#BA1242

#42BA12

Split Complementary

#1242BA

#BA3612

#96BA12

Tetradic

#1242BA

#BA1296

#BA8A12

#12BA36

Color Blindness Simulation

Original

#1242BA

Protanopia

#27279D

Deuteranopia

#242096

Tritanopia

#148681

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E8FA
200
#BECFF9
300
#8FACF4
400
#537FEE
500
#1652E9
600
#1242BA
700
#0E3595
800
#0B2974
900
#0D2154
950
#081535

Contrast Checker

Text on white

8.35:1

AA Pass AAA Pass

Text on black

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