#124FED

#124FED

Color Values

HEX

#124FED

RGB

18, 79, 237

HSL

223,3, 85,9%, 50,0%

HSV

223,3, 92,4%, 92,9%

CMYK

92,4%, 66,7%, 0,0%, 7,1%

OKLCH

0,5076 0,2433 263,7

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#124FED

#EDB012

Analogous

#12BCED

#4312ED

#124FED

Triadic

#124FED

#ED124F

#4FED12

Split Complementary

#124FED

#ED4312

#BCED12

Tetradic

#124FED

#ED12BC

#EDB012

#12ED43

Color Blindness Simulation

Original

#124FED

Protanopia

#2C2DC7

Deuteranopia

#2924BE

Tritanopia

#15A9A2

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCEFA
300
#8DAAF6
400
#507DF2
500
#124FED
600
#0E3FBE
700
#0C3398
800
#092777
900
#0B2056
950
#071436

Contrast Checker

Text on white

6,24:1

AA Pass AAA Fail

Text on black

3,37:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026