#124eec hex color

In a RGB color space, hex #124eec is composed of 7.1% red, 30.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 92.4% cyan, 66.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 223.5 degrees, a saturation of 85.8% and a lightness of 49.8%. #124eec color hex could be obtained by blending #249cff with #0000d9. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 7
- G 31
- B 93
RGB color chart
- C 92
- M 67
- Y 0
- K 7
CMYK color chart

● #124eec color description : Vivid blue.

The hexadecimal color #124eec has RGB values of R:18, G:78, B:236 and CMYK values of C:0.92, M:0.67, Y:0, K:0.07. Its decimal value is 1199852.

Hex triplet	124eec	`#124eec`
RGB Decimal	18, 78, 236	`rgb(18,78,236)`
RGB Percent	7.1, 30.6, 92.5	`rgb(7.1%,30.6%,92.5%)`
CMYK	92, 67, 0, 7
HSL	223.5°, 85.8, 49.8	`hsl(223.5,85.8%,49.8%)`
HSV (or HSB)	223.5°, 92.4, 92.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	40.625, 43.647, -83.323
XYZ	18.111, 11.632, 80.643
xyY	0.164, 0.105, 11.632
CIE-LCH	40.625, 94.063, 297.647
CIE-LUV	40.625, -16.434, -120.1
Hunter-Lab	34.106, 35.103, -116.317
Binary	00010010, 01001110, 11101100

#124eec
```
#124eec rgb(18,78,236)
```
#ecb012
```
#ecb012 rgb(236,176,18)
```

Complementary Color

#12bbec
```
#12bbec rgb(18,187,236)
```
#124eec
```
#124eec rgb(18,78,236)
```
#4312ec
```
#4312ec rgb(67,18,236)
```

Analogous Color

#bbec12
```
#bbec12 rgb(187,236,18)
```
#124eec
```
#124eec rgb(18,78,236)
```
#ec4312
```
#ec4312 rgb(236,67,18)
```

Split Complementary Color

#4eec12
```
#4eec12 rgb(78,236,18)
```
#124eec
```
#124eec rgb(18,78,236)
```
#ec124e
```
#ec124e rgb(236,18,78)
```

Triadic Color

#12ecb0
```
#12ecb0 rgb(18,236,176)
```
#124eec
```
#124eec rgb(18,78,236)
```
#ec124e
```
#ec124e rgb(236,18,78)
```
#ecb012
```
#ecb012 rgb(236,176,18)
```

Tetradic Color

#0d37a5
```
#0d37a5 rgb(13,55,165)
```
#0e3ebd
```
#0e3ebd rgb(14,62,189)
```
#1046d4
```
#1046d4 rgb(16,70,212)
```
#124eec
```
#124eec rgb(18,78,236)
```
#295fef
```
#295fef rgb(41,95,239)
```
#4171f0
```
#4171f0 rgb(65,113,240)
```
#5883f2
```
#5883f2 rgb(88,131,242)
```

Monochromatic Color

Below, you can see some colors close to #124eec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1285ec
```
#1285ec rgb(18,133,236)
```
#1272ec
```
#1272ec rgb(18,114,236)
```
#1260ec
```
#1260ec rgb(18,96,236)
```
#124eec
```
#124eec rgb(18,78,236)
```
#123cec
```
#123cec rgb(18,60,236)
```
#122aec
```
#122aec rgb(18,42,236)
```
#1218ec
```
#1218ec rgb(18,24,236)
```

Similar Colors

Text with hexadecimal color #124eec

This text has a font color of #124eec.

<span style="color:#124eec;">Text here</span>

#124eec background color

This paragraph has a background color of #124eec.

<p style="background-color:#124eec;">Content here</p>

#124eec border color

This element has a border color of #124eec.

<div style="border:1px solid #124eec;">Content here</div>

CSS codes

.text {color:#124eec;}

.background {background-color:#124eec;}

.border {border:1px solid #124eec;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010611 is the darkest color, while #fefeff is the lightest one.

#010611
```
#010611 rgb(1,6,17)
```
#030c24
```
#030c24 rgb(3,12,36)
```
#041236
```
#041236 rgb(4,18,54)
```
#051848
```
#051848 rgb(5,24,72)
```
#071e5a
```
#071e5a rgb(7,30,90)
```
#08246c
```
#08246c rgb(8,36,108)
```
#0a2a7f
```
#0a2a7f rgb(10,42,127)
```
#0b3091
```
#0b3091 rgb(11,48,145)
```
#0c36a3
```
#0c36a3 rgb(12,54,163)
```
#0e3cb5
```
#0e3cb5 rgb(14,60,181)
```
#0f42c8
```
#0f42c8 rgb(15,66,200)
```
#1148da
```
#1148da rgb(17,72,218)
```
#124eec
```
#124eec rgb(18,78,236)
```

Shade Color Variation

#235bee
```
#235bee rgb(35,91,238)
```
#3669f0
```
#3669f0 rgb(54,105,240)
```
#4876f1
```
#4876f1 rgb(72,118,241)
```
#5a84f2
```
#5a84f2 rgb(90,132,242)
```
#6c92f4
```
#6c92f4 rgb(108,146,244)
```
#7e9ff5
```
#7e9ff5 rgb(126,159,245)
```
#91adf7
```
#91adf7 rgb(145,173,247)
```
#a3baf8
```
#a3baf8 rgb(163,186,248)
```
#b5c8f9
```
#b5c8f9 rgb(181,200,249)
```
#c7d6fb
```
#c7d6fb rgb(199,214,251)
```
#dae3fc
```
#dae3fc rgb(218,227,252)
```
#ecf1fe
```
#ecf1fe rgb(236,241,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7e81 is the less saturated color, while #084af6 is the most saturated one.

#7d7e81
```
#7d7e81 rgb(125,126,129)
```
#747a8a
```
#747a8a rgb(116,122,138)
```
#6a7694
```
#6a7694 rgb(106,118,148)
```
#60719e
```
#60719e rgb(96,113,158)
```
#566da8
```
#566da8 rgb(86,109,168)
```
#4d68b1
```
#4d68b1 rgb(77,104,177)
```
#4364bb
```
#4364bb rgb(67,100,187)
```
#3960c5
```
#3960c5 rgb(57,96,197)
```
#2f5bcf
```
#2f5bcf rgb(47,91,207)
```
#2657d8
```
#2657d8 rgb(38,87,216)
```
#1c52e2
```
#1c52e2 rgb(28,82,226)
```
#124eec
```
#124eec rgb(18,78,236)
```
#084af6
```
#084af6 rgb(8,74,246)
```

Tone Color Variation

Below, you can see how #124eec is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#4e4e4e Achromatopsia 0.005% of the population
#424e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#065cd3 Protanomaly 1% of men, 0.01% of women
#0660c2 Deuteranomaly 6% of men, 0.4% of women
#0665a2 Tritanomaly 0.01% of the population

#124eec hex color

#124eec Color Information

#124eec Color Conversion

Color Schemes with #124eec

Alternatives to #124eec

#124eec Preview

Shades and Tints of #124eec

Tones of #124eec

Color Blindness Simulator