#124ed0 hex color

In a RGB color space, hex #124ed0 is composed of 7.1% red, 30.6% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 62.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 221.1 degrees, a saturation of 84.1% and a lightness of 44.3%. #124ed0 color hex could be obtained by blending #249cff with #0000a1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 7
- G 31
- B 82
RGB color chart
- C 91
- M 63
- Y 0
- K 18
CMYK color chart

● #124ed0 color description : Strong blue.

The hexadecimal color #124ed0 has RGB values of R:18, G:78, B:208 and CMYK values of C:0.91, M:0.63, Y:0, K:0.18. Its decimal value is 1199824.

Hex triplet	124ed0	`#124ed0`
RGB Decimal	18, 78, 208	`rgb(18,78,208)`
RGB Percent	7.1, 30.6, 81.6	`rgb(7.1%,30.6%,81.6%)`
CMYK	91, 63, 0, 18
HSL	221.1°, 84.1, 44.3	`hsl(221.1,84.1%,44.3%)`
HSV (or HSB)	221.1°, 91.3, 81.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.075, 33.199, -71.524
XYZ	14.357, 10.13, 60.87
xyY	0.168, 0.119, 10.13
CIE-LCH	38.075, 78.853, 294.899
CIE-LUV	38.075, -16.461, -102.479
Hunter-Lab	31.828, 24.816, -91.11
Binary	00010010, 01001110, 11010000

#124ed0
```
#124ed0 rgb(18,78,208)
```
#d09412
```
#d09412 rgb(208,148,18)
```

Complementary Color

#12add0
```
#12add0 rgb(18,173,208)
```
#124ed0
```
#124ed0 rgb(18,78,208)
```
#3512d0
```
#3512d0 rgb(53,18,208)
```

Analogous Color

#add012
```
#add012 rgb(173,208,18)
```
#124ed0
```
#124ed0 rgb(18,78,208)
```
#d03512
```
#d03512 rgb(208,53,18)
```

Split Complementary Color

#4ed012
```
#4ed012 rgb(78,208,18)
```
#124ed0
```
#124ed0 rgb(18,78,208)
```
#d0124e
```
#d0124e rgb(208,18,78)
```

Triadic Color

#12d094
```
#12d094 rgb(18,208,148)
```
#124ed0
```
#124ed0 rgb(18,78,208)
```
#d0124e
```
#d0124e rgb(208,18,78)
```
#d09412
```
#d09412 rgb(208,148,18)
```

Tetradic Color

#0c348a
```
#0c348a rgb(12,52,138)
```
#0e3ca1
```
#0e3ca1 rgb(14,60,161)
```
#1045b9
```
#1045b9 rgb(16,69,185)
```
#124ed0
```
#124ed0 rgb(18,78,208)
```
#1457e7
```
#1457e7 rgb(20,87,231)
```
#2966ec
```
#2966ec rgb(41,102,236)
```
#4077ee
```
#4077ee rgb(64,119,238)
```

Monochromatic Color

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

#127ed0
```
#127ed0 rgb(18,126,208)
```
#126ed0
```
#126ed0 rgb(18,110,208)
```
#125ed0
```
#125ed0 rgb(18,94,208)
```
#124ed0
```
#124ed0 rgb(18,78,208)
```
#123ed0
```
#123ed0 rgb(18,62,208)
```
#122ed0
```
#122ed0 rgb(18,46,208)
```
#121fd0
```
#121fd0 rgb(18,31,208)
```

Similar Colors

Text with hexadecimal color #124ed0

This text has a font color of #124ed0.

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

#124ed0 background color

This paragraph has a background color of #124ed0.

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

#124ed0 border color

This element has a border color of #124ed0.

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

CSS codes

.text {color:#124ed0;}

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

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

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, #010409 is the darkest color, while #f6f9fe is the lightest one.

#010409
```
#010409 rgb(1,4,9)
```
#020a1b
```
#020a1b rgb(2,10,27)
```
#04112e
```
#04112e rgb(4,17,46)
```
#061840
```
#061840 rgb(6,24,64)
```
#071f52
```
#071f52 rgb(7,31,82)
```
#092564
```
#092564 rgb(9,37,100)
```
#0a2c76
```
#0a2c76 rgb(10,44,118)
```
#0c3388
```
#0c3388 rgb(12,51,136)
```
#0d3a9a
```
#0d3a9a rgb(13,58,154)
```
#0f40ac
```
#0f40ac rgb(15,64,172)
```
#1047be
```
#1047be rgb(16,71,190)
```
#124ed0
```
#124ed0 rgb(18,78,208)
```
#1455e2
```
#1455e2 rgb(20,85,226)
```

Shade Color Variation

#1e5fec
```
#1e5fec rgb(30,95,236)
```
#306ced
```
#306ced rgb(48,108,237)
```
#4278ef
```
#4278ef rgb(66,120,239)
```
#5485f0
```
#5485f0 rgb(84,133,240)
```
#6692f2
```
#6692f2 rgb(102,146,242)
```
#789ff3
```
#789ff3 rgb(120,159,243)
```
#8aacf5
```
#8aacf5 rgb(138,172,245)
```
#9cb9f6
```
#9cb9f6 rgb(156,185,246)
```
#aec5f8
```
#aec5f8 rgb(174,197,248)
```
#c0d2fa
```
#c0d2fa rgb(192,210,250)
```
#d2dffb
```
#d2dffb rgb(210,223,251)
```
#e4ecfd
```
#e4ecfd rgb(228,236,253)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696e79 is the less saturated color, while #0148e1 is the most saturated one.

#696e79
```
#696e79 rgb(105,110,121)
```
#606b82
```
#606b82 rgb(96,107,130)
```
#58688a
```
#58688a rgb(88,104,138)
```
#4f6493
```
#4f6493 rgb(79,100,147)
```
#46619c
```
#46619c rgb(70,97,156)
```
#3d5ea5
```
#3d5ea5 rgb(61,94,165)
```
#355bad
```
#355bad rgb(53,91,173)
```
#2c58b6
```
#2c58b6 rgb(44,88,182)
```
#2354bf
```
#2354bf rgb(35,84,191)
```
#1b51c7
```
#1b51c7 rgb(27,81,199)
```
#124ed0
```
#124ed0 rgb(18,78,208)
```
#094bd9
```
#094bd9 rgb(9,75,217)
```
#0148e1
```
#0148e1 rgb(1,72,225)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#404c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0064a1 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#0659c2 Protanomaly 1% of men, 0.01% of women
#065cb2 Deuteranomaly 6% of men, 0.4% of women
#066193 Tritanomaly 0.01% of the population

#124ed0 hex color

#124ed0 Color Information

#124ed0 Color Conversion

Color Schemes with #124ed0

Alternatives to #124ed0

#124ed0 Preview

Shades and Tints of #124ed0

Tones of #124ed0

Color Blindness Simulator