#124afe hex color

In a RGB color space, hex #124afe is composed of 7.1% red, 29% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 70.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 225.8 degrees, a saturation of 99.2% and a lightness of 53.3%. #124afe color hex could be obtained by blending #2494ff with #0000fd. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 7
- G 29
- B 100
RGB color chart
- C 93
- M 71
- Y 0
- K 0
CMYK color chart

● #124afe color description : Vivid blue.

The hexadecimal color #124afe has RGB values of R:18, G:74, B:254 and CMYK values of C:0.93, M:0.71, Y:0, K:0. Its decimal value is 1198846.

Hex triplet	124afe	`#124afe`
RGB Decimal	18, 74, 254	`rgb(18,74,254)`
RGB Percent	7.1, 29, 99.6	`rgb(7.1%,29%,99.6%)`
CMYK	93, 71, 0, 0
HSL	225.8°, 99.2, 53.3	`hsl(225.8,99.2%,53.3%)`
HSV (or HSB)	225.8°, 92.9, 99.6
Web Safe	0033ff	`#0033ff`

CIE-LAB	41.501, 52.412, -91.988
XYZ	20.584, 12.18, 95.027
xyY	0.161, 0.095, 12.18
CIE-LCH	41.501, 105.872, 299.673
CIE-LUV	41.501, -15.779, -131.571
Hunter-Lab	34.9, 44.203, -137.005
Binary	00010010, 01001010, 11111110

#124afe
```
#124afe rgb(18,74,254)
```
#fec612
```
#fec612 rgb(254,198,18)
```

Complementary Color

#12c0fe
```
#12c0fe rgb(18,192,254)
```
#124afe
```
#124afe rgb(18,74,254)
```
#5012fe
```
#5012fe rgb(80,18,254)
```

Analogous Color

#c0fe12
```
#c0fe12 rgb(192,254,18)
```
#124afe
```
#124afe rgb(18,74,254)
```
#fe5012
```
#fe5012 rgb(254,80,18)
```

Split Complementary Color

#4afe12
```
#4afe12 rgb(74,254,18)
```
#124afe
```
#124afe rgb(18,74,254)
```
#fe124a
```
#fe124a rgb(254,18,74)
```

Triadic Color

#12fec6
```
#12fec6 rgb(18,254,198)
```
#124afe
```
#124afe rgb(18,74,254)
```
#fe124a
```
#fe124a rgb(254,18,74)
```
#fec612
```
#fec612 rgb(254,198,18)
```

Tetradic Color

#012fc3
```
#012fc3 rgb(1,47,195)
```
#0135dc
```
#0135dc rgb(1,53,220)
```
#013bf5
```
#013bf5 rgb(1,59,245)
```
#124afe
```
#124afe rgb(18,74,254)
```
#2b5dfe
```
#2b5dfe rgb(43,93,254)
```
#4571fe
```
#4571fe rgb(69,113,254)
```
#5e84fe
```
#5e84fe rgb(94,132,254)
```

Monochromatic Color

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

#1285fe
```
#1285fe rgb(18,133,254)
```
#1271fe
```
#1271fe rgb(18,113,254)
```
#125efe
```
#125efe rgb(18,94,254)
```
#124afe
```
#124afe rgb(18,74,254)
```
#1236fe
```
#1236fe rgb(18,54,254)
```
#1223fe
```
#1223fe rgb(18,35,254)
```
#1512fe
```
#1512fe rgb(21,18,254)
```

Similar Colors

Text with hexadecimal color #124afe

This text has a font color of #124afe.

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

#124afe background color

This paragraph has a background color of #124afe.

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

#124afe border color

This element has a border color of #124afe.

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

CSS codes

.text {color:#124afe;}

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

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

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

#000411
```
#000411 rgb(0,4,17)
```
#000924
```
#000924 rgb(0,9,36)
```
#000d38
```
#000d38 rgb(0,13,56)
```
#00124c
```
#00124c rgb(0,18,76)
```
#00175f
```
#00175f rgb(0,23,95)
```
#001c73
```
#001c73 rgb(0,28,115)
```
#012086
```
#012086 rgb(1,32,134)
```
#01259a
```
#01259a rgb(1,37,154)
```
#012aad
```
#012aad rgb(1,42,173)
```
#012ec1
```
#012ec1 rgb(1,46,193)
```
#0133d4
```
#0133d4 rgb(1,51,212)
```
#0138e8
```
#0138e8 rgb(1,56,232)
```
#013cfb
```
#013cfb rgb(1,60,251)
```

Shade Color Variation

#124afe
```
#124afe rgb(18,74,254)
```
#2659fe
```
#2659fe rgb(38,89,254)
```
#3968fe
```
#3968fe rgb(57,104,254)
```
#4d77fe
```
#4d77fe rgb(77,119,254)
```
#6086fe
```
#6086fe rgb(96,134,254)
```
#7495fe
```
#7495fe rgb(116,149,254)
```
#87a4fe
```
#87a4fe rgb(135,164,254)
```
#9bb2ff
```
#9bb2ff rgb(155,178,255)
```
#aec1ff
```
#aec1ff rgb(174,193,255)
```
#c2d0ff
```
#c2d0ff rgb(194,208,255)
```
#d5dfff
```
#d5dfff rgb(213,223,255)
```
#e9eeff
```
#e9eeff rgb(233,238,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808490 is the less saturated color, while #124afe is the most saturated one.

#808490
```
#808490 rgb(128,132,144)
```
#777f99
```
#777f99 rgb(119,127,153)
```
#6e7aa2
```
#6e7aa2 rgb(110,122,162)
```
#6475ac
```
#6475ac rgb(100,117,172)
```
#5b70b5
```
#5b70b5 rgb(91,112,181)
```
#526cbe
```
#526cbe rgb(82,108,190)
```
#4967c7
```
#4967c7 rgb(73,103,199)
```
#4062d0
```
#4062d0 rgb(64,98,208)
```
#375dd9
```
#375dd9 rgb(55,93,217)
```
#2d58e3
```
#2d58e3 rgb(45,88,227)
```
#2454ec
```
#2454ec rgb(36,84,236)
```
#1b4ff5
```
#1b4ff5 rgb(27,79,245)
```
#124afe
```
#124afe rgb(18,74,254)
```

Tone Color Variation

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

Dichromacy

#0067c8 Protanopia 1% of men
#006dad Deuteranopia 1% of men
#007479 Tritanopia 0.001% of the population

Trichromacy

#065cdb Protanomaly 1% of men, 0.01% of women
#0660ca Deuteranomaly 6% of men, 0.4% of women
#0665a9 Tritanomaly 0.01% of the population

#124afe hex color

#124afe Color Information

#124afe Color Conversion

Color Schemes with #124afe

Alternatives to #124afe

#124afe Preview

Shades and Tints of #124afe

Tones of #124afe

Color Blindness Simulator