#124EED

#124EED

Color Values

HEX

#124EED

RGB

18, 78, 237

HSL

223.6, 85.9%, 50.0%

HSV

223.6, 92.4%, 92.9%

CMYK

92.4%, 67.1%, 0.0%, 7.1%

OKLCH

0.5059 0.2444 263.7

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#124EED

#EDB112

Analogous

#12BBED

#4412ED

#124EED

Triadic

#124EED

#ED124E

#4EED12

Split Complementary

#124EED

#ED4412

#BBED12

Tetradic

#124EED

#ED12BB

#EDB112

#12ED44

Color Blindness Simulation

Original

#124EED

Protanopia

#2C2DC7

Deuteranopia

#2824BD

Tritanopia

#15A8A1

Achromatopsia

#4D4D4D

CSS Usage

background-color: #124EED;
color: #124EED;
border-color: #124EED;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCDFA
300
#8DAAF6
400
#507CF2
500
#124EED
600
#0E3EBE
700
#0C3298
800
#092777
900
#0B1F56
950
#071436

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

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