#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

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026