#124CED

#124CED

Color Values

HEX

#124CED

RGB

18, 76, 237

HSL

224.1, 85.9%, 50.0%

HSV

224.1, 92.4%, 92.9%

CMYK

92.4%, 67.9%, 0.0%, 7.1%

OKLCH

0.5026 0.2465 263.9

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#124CED

#EDB312

Analogous

#12BAED

#4512ED

#124CED

Triadic

#124CED

#ED124C

#4CED12

Split Complementary

#124CED

#ED4512

#BAED12

Tetradic

#124CED

#ED12BA

#EDB312

#12ED45

Color Blindness Simulation

Original

#124CED

Protanopia

#2B2CC6

Deuteranopia

#2823BD

Tritanopia

#15A7A1

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCDFA
300
#8DA9F6
400
#507BF2
500
#124CED
600
#0E3DBE
700
#0C3198
800
#092677
900
#0B1F56
950
#071336

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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