#124cec hex color

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

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

● #124cec color description : Vivid blue.

The hexadecimal color #124cec has RGB values of R:18, G:76, B:236 and CMYK values of C:0.92, M:0.68, Y:0, K:0.07. Its decimal value is 1199340.

Hex triplet	124cec	`#124cec`
RGB Decimal	18, 76, 236	`rgb(18,76,236)`
RGB Percent	7.1, 29.8, 92.5	`rgb(7.1%,29.8%,92.5%)`
CMYK	92, 68, 0, 7
HSL	224°, 85.8, 49.8	`hsl(224,85.8%,49.8%)`
HSV (or HSB)	224°, 92.4, 92.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.167, 44.877, -84.078
XYZ	17.971, 11.352, 80.596
xyY	0.163, 0.103, 11.352
CIE-LCH	40.167, 95.305, 298.092
CIE-LUV	40.167, -16.022, -120.495
Hunter-Lab	33.693, 36.245, -118.242
Binary	00010010, 01001100, 11101100

#124cec
```
#124cec rgb(18,76,236)
```
#ecb212
```
#ecb212 rgb(236,178,18)
```

Complementary Color

#12b9ec
```
#12b9ec rgb(18,185,236)
```
#124cec
```
#124cec rgb(18,76,236)
```
#4512ec
```
#4512ec rgb(69,18,236)
```

Analogous Color

#b9ec12
```
#b9ec12 rgb(185,236,18)
```
#124cec
```
#124cec rgb(18,76,236)
```
#ec4512
```
#ec4512 rgb(236,69,18)
```

Split Complementary Color

#4cec12
```
#4cec12 rgb(76,236,18)
```
#124cec
```
#124cec rgb(18,76,236)
```
#ec124c
```
#ec124c rgb(236,18,76)
```

Triadic Color

#12ecb2
```
#12ecb2 rgb(18,236,178)
```
#124cec
```
#124cec rgb(18,76,236)
```
#ec124c
```
#ec124c rgb(236,18,76)
```
#ecb212
```
#ecb212 rgb(236,178,18)
```

Tetradic Color

#0d35a5
```
#0d35a5 rgb(13,53,165)
```
#0e3dbd
```
#0e3dbd rgb(14,61,189)
```
#1044d4
```
#1044d4 rgb(16,68,212)
```
#124cec
```
#124cec rgb(18,76,236)
```
#295def
```
#295def rgb(41,93,239)
```
#416ff0
```
#416ff0 rgb(65,111,240)
```
#5881f2
```
#5881f2 rgb(88,129,242)
```

Monochromatic Color

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

#1283ec
```
#1283ec rgb(18,131,236)
```
#1270ec
```
#1270ec rgb(18,112,236)
```
#125eec
```
#125eec rgb(18,94,236)
```
#124cec
```
#124cec rgb(18,76,236)
```
#123aec
```
#123aec rgb(18,58,236)
```
#1228ec
```
#1228ec rgb(18,40,236)
```
#1216ec
```
#1216ec rgb(18,22,236)
```

Similar Colors

Text with hexadecimal color #124cec

This text has a font color of #124cec.

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

#124cec background color

This paragraph has a background color of #124cec.

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

#124cec border color

This element has a border color of #124cec.

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

CSS codes

.text {color:#124cec;}

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

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

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)
```
#030b24
```
#030b24 rgb(3,11,36)
```
#041136
```
#041136 rgb(4,17,54)
```
#051748
```
#051748 rgb(5,23,72)
```
#071d5a
```
#071d5a rgb(7,29,90)
```
#08236c
```
#08236c rgb(8,35,108)
```
#0a297f
```
#0a297f rgb(10,41,127)
```
#0b2f91
```
#0b2f91 rgb(11,47,145)
```
#0c35a3
```
#0c35a3 rgb(12,53,163)
```
#0e3ab5
```
#0e3ab5 rgb(14,58,181)
```
#0f40c8
```
#0f40c8 rgb(15,64,200)
```
#1146da
```
#1146da rgb(17,70,218)
```
#124cec
```
#124cec rgb(18,76,236)
```

Shade Color Variation

#2359ee
```
#2359ee rgb(35,89,238)
```
#3667f0
```
#3667f0 rgb(54,103,240)
```
#4875f1
```
#4875f1 rgb(72,117,241)
```
#5a83f2
```
#5a83f2 rgb(90,131,242)
```
#6c90f4
```
#6c90f4 rgb(108,144,244)
```
#7e9ef5
```
#7e9ef5 rgb(126,158,245)
```
#91acf7
```
#91acf7 rgb(145,172,247)
```
#a3baf8
```
#a3baf8 rgb(163,186,248)
```
#b5c7f9
```
#b5c7f9 rgb(181,199,249)
```
#c7d5fb
```
#c7d5fb rgb(199,213,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 #0847f6 is the most saturated one.

#7d7e81
```
#7d7e81 rgb(125,126,129)
```
#747a8a
```
#747a8a rgb(116,122,138)
```
#6a7594
```
#6a7594 rgb(106,117,148)
```
#60719e
```
#60719e rgb(96,113,158)
```
#566ca8
```
#566ca8 rgb(86,108,168)
```
#4d67b1
```
#4d67b1 rgb(77,103,177)
```
#4363bb
```
#4363bb rgb(67,99,187)
```
#395ec5
```
#395ec5 rgb(57,94,197)
```
#2f5acf
```
#2f5acf rgb(47,90,207)
```
#2655d8
```
#2655d8 rgb(38,85,216)
```
#1c51e2
```
#1c51e2 rgb(28,81,226)
```
#124cec
```
#124cec rgb(18,76,236)
```
#0847f6
```
#0847f6 rgb(8,71,246)
```

Tone Color Variation

Below, you can see how #124cec 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

#4d4d4d Achromatopsia 0.005% of the population
#414d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#065bd1 Protanomaly 1% of men, 0.01% of women
#065ec1 Deuteranomaly 6% of men, 0.4% of women
#0663a1 Tritanomaly 0.01% of the population

#124cec hex color

#124cec Color Information

#124cec Color Conversion

Color Schemes with #124cec

Alternatives to #124cec

#124cec Preview

Shades and Tints of #124cec

Tones of #124cec

Color Blindness Simulator