#124bfd hex color

In a RGB color space, hex #124bfd is composed of 7.1% red, 29.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 70.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 225.4 degrees, a saturation of 98.3% and a lightness of 53.1%. #124bfd color hex could be obtained by blending #2496ff with #0000fb. Closest websafe color is: #0033ff.

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

● #124bfd color description : Vivid blue.

The hexadecimal color #124bfd has RGB values of R:18, G:75, B:253 and CMYK values of C:0.93, M:0.7, Y:0, K:0.01. Its decimal value is 1199101.

Hex triplet	124bfd	`#124bfd`
RGB Decimal	18, 75, 253	`rgb(18,75,253)`
RGB Percent	7.1, 29.4, 99.2	`rgb(7.1%,29.4%,99.2%)`
CMYK	93, 70, 0, 1
HSL	225.4°, 98.3, 53.1	`hsl(225.4,98.3%,53.1%)`
HSV (or HSB)	225.4°, 92.9, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	41.612, 51.483, -91.246
XYZ	20.491, 12.251, 94.208
xyY	0.161, 0.097, 12.251
CIE-LCH	41.612, 104.768, 299.433
CIE-LUV	41.612, -15.953, -130.845
Hunter-Lab	35.001, 43.25, -135.081
Binary	00010010, 01001011, 11111101

#124bfd
```
#124bfd rgb(18,75,253)
```
#fdc412
```
#fdc412 rgb(253,196,18)
```

Complementary Color

#12c1fd
```
#12c1fd rgb(18,193,253)
```
#124bfd
```
#124bfd rgb(18,75,253)
```
#4f12fd
```
#4f12fd rgb(79,18,253)
```

Analogous Color

#c1fd12
```
#c1fd12 rgb(193,253,18)
```
#124bfd
```
#124bfd rgb(18,75,253)
```
#fd4f12
```
#fd4f12 rgb(253,79,18)
```

Split Complementary Color

#4bfd12
```
#4bfd12 rgb(75,253,18)
```
#124bfd
```
#124bfd rgb(18,75,253)
```
#fd124b
```
#fd124b rgb(253,18,75)
```

Triadic Color

#12fdc4
```
#12fdc4 rgb(18,253,196)
```
#124bfd
```
#124bfd rgb(18,75,253)
```
#fd124b
```
#fd124b rgb(253,18,75)
```
#fdc412
```
#fdc412 rgb(253,196,18)
```

Tetradic Color

#0230c1
```
#0230c1 rgb(2,48,193)
```
#0236da
```
#0236da rgb(2,54,218)
```
#023df3
```
#023df3 rgb(2,61,243)
```
#124bfd
```
#124bfd rgb(18,75,253)
```
#2b5efd
```
#2b5efd rgb(43,94,253)
```
#4571fd
```
#4571fd rgb(69,113,253)
```
#5e85fe
```
#5e85fe rgb(94,133,254)
```

Monochromatic Color

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

#1286fd
```
#1286fd rgb(18,134,253)
```
#1272fd
```
#1272fd rgb(18,114,253)
```
#125ffd
```
#125ffd rgb(18,95,253)
```
#124bfd
```
#124bfd rgb(18,75,253)
```
#1237fd
```
#1237fd rgb(18,55,253)
```
#1224fd
```
#1224fd rgb(18,36,253)
```
#1412fd
```
#1412fd rgb(20,18,253)
```

Similar Colors

Text with hexadecimal color #124bfd

This text has a font color of #124bfd.

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

#124bfd background color

This paragraph has a background color of #124bfd.

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

#124bfd border color

This element has a border color of #124bfd.

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

CSS codes

.text {color:#124bfd;}

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

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

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

#000410
```
#000410 rgb(0,4,16)
```
#000923
```
#000923 rgb(0,9,35)
```
#000e37
```
#000e37 rgb(0,14,55)
```
#01124a
```
#01124a rgb(1,18,74)
```
#01175e
```
#01175e rgb(1,23,94)
```
#011c71
```
#011c71 rgb(1,28,113)
```
#012185
```
#012185 rgb(1,33,133)
```
#012698
```
#012698 rgb(1,38,152)
```
#012bab
```
#012bab rgb(1,43,171)
```
#0230bf
```
#0230bf rgb(2,48,191)
```
#0234d2
```
#0234d2 rgb(2,52,210)
```
#0239e6
```
#0239e6 rgb(2,57,230)
```
#023ef9
```
#023ef9 rgb(2,62,249)
```

Shade Color Variation

#124bfd
```
#124bfd rgb(18,75,253)
```
#255afd
```
#255afd rgb(37,90,253)
```
#3969fd
```
#3969fd rgb(57,105,253)
```
#4c77fd
```
#4c77fd rgb(76,119,253)
```
#6086fe
```
#6086fe rgb(96,134,254)
```
#7395fe
```
#7395fe rgb(115,149,254)
```
#87a4fe
```
#87a4fe rgb(135,164,254)
```
#9ab2fe
```
#9ab2fe rgb(154,178,254)
```
#aec1fe
```
#aec1fe rgb(174,193,254)
```
#c1d0fe
```
#c1d0fe rgb(193,208,254)
```
#d5dfff
```
#d5dfff rgb(213,223,255)
```
#e8eeff
```
#e8eeff rgb(232,238,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#80848f
```
#80848f rgb(128,132,143)
```
#777f98
```
#777f98 rgb(119,127,152)
```
#6e7aa1
```
#6e7aa1 rgb(110,122,161)
```
#6576aa
```
#6576aa rgb(101,118,170)
```
#5c71b3
```
#5c71b3 rgb(92,113,179)
```
#526cbd
```
#526cbd rgb(82,108,189)
```
#4967c6
```
#4967c6 rgb(73,103,198)
```
#4063cf
```
#4063cf rgb(64,99,207)
```
#375ed8
```
#375ed8 rgb(55,94,216)
```
#2e59e1
```
#2e59e1 rgb(46,89,225)
```
#2454eb
```
#2454eb rgb(36,84,235)
```
#1b50f4
```
#1b50f4 rgb(27,80,244)
```
#124bfd
```
#124bfd rgb(18,75,253)
```

Tone Color Variation

Below, you can see how #124bfd 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
#00747a Tritanopia 0.001% of the population

Trichromacy

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

#124bfd hex color

#124bfd Color Information

#124bfd Color Conversion

Color Schemes with #124bfd

Alternatives to #124bfd

#124bfd Preview

Shades and Tints of #124bfd

Tones of #124bfd

Color Blindness Simulator