#124fe2 hex color

In a RGB color space, hex #124fe2 is composed of 7.1% red, 31% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 65% magenta, 0% yellow and 11.4% black. It has a hue angle of 222.4 degrees, a saturation of 85.2% and a lightness of 47.8%. #124fe2 color hex could be obtained by blending #249eff with #0000c5. Closest websafe color is: #0066cc.

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

● #124fe2 color description : Vivid blue.

The hexadecimal color #124fe2 has RGB values of R:18, G:79, B:226 and CMYK values of C:0.92, M:0.65, Y:0, K:0.11. Its decimal value is 1200098.

Hex triplet	124fe2	`#124fe2`
RGB Decimal	18, 79, 226	`rgb(18,79,226)`
RGB Percent	7.1, 31, 88.6	`rgb(7.1%,31%,88.6%)`
CMYK	92, 65, 0, 11
HSL	222.4°, 85.2, 47.8	`hsl(222.4,85.2%,47.8%)`
HSV (or HSB)	222.4°, 92, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.932, 39.35, -78.792
XYZ	16.77, 11.21, 73.227
xyY	0.166, 0.111, 11.21
CIE-LCH	39.932, 88.072, 296.538
CIE-LUV	39.932, -16.637, -113.676
Hunter-Lab	33.482, 30.813, -106.235
Binary	00010010, 01001111, 11100010

#124fe2
```
#124fe2 rgb(18,79,226)
```
#e2a512
```
#e2a512 rgb(226,165,18)
```

Complementary Color

#12b7e2
```
#12b7e2 rgb(18,183,226)
```
#124fe2
```
#124fe2 rgb(18,79,226)
```
#3d12e2
```
#3d12e2 rgb(61,18,226)
```

Analogous Color

#b7e212
```
#b7e212 rgb(183,226,18)
```
#124fe2
```
#124fe2 rgb(18,79,226)
```
#e23d12
```
#e23d12 rgb(226,61,18)
```

Split Complementary Color

#4fe212
```
#4fe212 rgb(79,226,18)
```
#124fe2
```
#124fe2 rgb(18,79,226)
```
#e2124f
```
#e2124f rgb(226,18,79)
```

Triadic Color

#12e2a5
```
#12e2a5 rgb(18,226,165)
```
#124fe2
```
#124fe2 rgb(18,79,226)
```
#e2124f
```
#e2124f rgb(226,18,79)
```
#e2a512
```
#e2a512 rgb(226,165,18)
```

Tetradic Color

#0c369b
```
#0c369b rgb(12,54,155)
```
#0e3eb3
```
#0e3eb3 rgb(14,62,179)
```
#1047ca
```
#1047ca rgb(16,71,202)
```
#124fe2
```
#124fe2 rgb(18,79,226)
```
#205ced
```
#205ced rgb(32,92,237)
```
#386eef
```
#386eef rgb(56,110,239)
```
#4f7ff1
```
#4f7ff1 rgb(79,127,241)
```

Monochromatic Color

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

#1283e2
```
#1283e2 rgb(18,131,226)
```
#1272e2
```
#1272e2 rgb(18,114,226)
```
#1260e2
```
#1260e2 rgb(18,96,226)
```
#124fe2
```
#124fe2 rgb(18,79,226)
```
#123ee2
```
#123ee2 rgb(18,62,226)
```
#122ce2
```
#122ce2 rgb(18,44,226)
```
#121be2
```
#121be2 rgb(18,27,226)
```

Similar Colors

Text with hexadecimal color #124fe2

This text has a font color of #124fe2.

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

#124fe2 background color

This paragraph has a background color of #124fe2.

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

#124fe2 border color

This element has a border color of #124fe2.

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

CSS codes

.text {color:#124fe2;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#02091a
```
#02091a rgb(2,9,26)
```
#040f2c
```
#040f2c rgb(4,15,44)
```
#05163e
```
#05163e rgb(5,22,62)
```
#061c51
```
#061c51 rgb(6,28,81)
```
#082363
```
#082363 rgb(8,35,99)
```
#092975
```
#092975 rgb(9,41,117)
```
#0b2f87
```
#0b2f87 rgb(11,47,135)
```
#0c3699
```
#0c3699 rgb(12,54,153)
```
#0e3cab
```
#0e3cab rgb(14,60,171)
```
#0f42be
```
#0f42be rgb(15,66,190)
```
#1149d0
```
#1149d0 rgb(17,73,208)
```
#124fe2
```
#124fe2 rgb(18,79,226)
```

Shade Color Variation

#1b58ed
```
#1b58ed rgb(27,88,237)
```
#2d66ee
```
#2d66ee rgb(45,102,238)
```
#3f73f0
```
#3f73f0 rgb(63,115,240)
```
#5180f1
```
#5180f1 rgb(81,128,241)
```
#638df3
```
#638df3 rgb(99,141,243)
```
#769bf4
```
#769bf4 rgb(118,155,244)
```
#88a8f6
```
#88a8f6 rgb(136,168,246)
```
#9ab5f7
```
#9ab5f7 rgb(154,181,247)
```
#acc3f8
```
#acc3f8 rgb(172,195,248)
```
#bed0fa
```
#bed0fa rgb(190,208,250)
```
#d0ddfb
```
#d0ddfb rgb(208,221,251)
```
#e3eafd
```
#e3eafd rgb(227,234,253)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797a7b is the less saturated color, while #094beb is the most saturated one.

#797a7b
```
#797a7b rgb(121,122,123)
```
#707684
```
#707684 rgb(112,118,132)
```
#66728e
```
#66728e rgb(102,114,142)
```
#5d6e97
```
#5d6e97 rgb(93,110,151)
```
#546aa0
```
#546aa0 rgb(84,106,160)
```
#4a66aa
```
#4a66aa rgb(74,102,170)
```
#4162b3
```
#4162b3 rgb(65,98,179)
```
#385fbc
```
#385fbc rgb(56,95,188)
```
#2e5bc6
```
#2e5bc6 rgb(46,91,198)
```
#2557cf
```
#2557cf rgb(37,87,207)
```
#1b53d9
```
#1b53d9 rgb(27,83,217)
```
#124fe2
```
#124fe2 rgb(18,79,226)
```
#094beb
```
#094beb rgb(9,75,235)
```

Tone Color Variation

Below, you can see how #124fe2 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
#424e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#065ccd Protanomaly 1% of men, 0.01% of women
#065fbd Deuteranomaly 6% of men, 0.4% of women
#06649d Tritanomaly 0.01% of the population

#124fe2 hex color

#124fe2 Color Information

#124fe2 Color Conversion

Color Schemes with #124fe2

Alternatives to #124fe2

#124fe2 Preview

Shades and Tints of #124fe2

Tones of #124fe2

Color Blindness Simulator