#1248fd hex color

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

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

● #1248fd color description : Vivid blue.

The hexadecimal color #1248fd has RGB values of R:18, G:72, B:253 and CMYK values of C:0.93, M:0.72, Y:0, K:0.01. Its decimal value is 1198333.

Hex triplet	1248fd	`#1248fd`
RGB Decimal	18, 72, 253	`rgb(18,72,253)`
RGB Percent	7.1, 28.2, 99.2	`rgb(7.1%,28.2%,99.2%)`
CMYK	93, 72, 0, 1
HSL	226.2°, 98.3, 53.1	`hsl(226.2,98.3%,53.1%)`
HSV (or HSB)	226.2°, 92.9, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.982, 53.226, -92.288
XYZ	20.293, 11.854, 94.142
xyY	0.161, 0.094, 11.854
CIE-LCH	40.982, 106.536, 299.974
CIE-LUV	40.982, -15.406, -131.234
Hunter-Lab	34.429, 44.959, -138.021
Binary	00010010, 01001000, 11111101

#1248fd
```
#1248fd rgb(18,72,253)
```
#fdc712
```
#fdc712 rgb(253,199,18)
```

Complementary Color

#12befd
```
#12befd rgb(18,190,253)
```
#1248fd
```
#1248fd rgb(18,72,253)
```
#5212fd
```
#5212fd rgb(82,18,253)
```

Analogous Color

#befd12
```
#befd12 rgb(190,253,18)
```
#1248fd
```
#1248fd rgb(18,72,253)
```
#fd5212
```
#fd5212 rgb(253,82,18)
```

Split Complementary Color

#48fd12
```
#48fd12 rgb(72,253,18)
```
#1248fd
```
#1248fd rgb(18,72,253)
```
#fd1248
```
#fd1248 rgb(253,18,72)
```

Triadic Color

#12fdc7
```
#12fdc7 rgb(18,253,199)
```
#1248fd
```
#1248fd rgb(18,72,253)
```
#fd1248
```
#fd1248 rgb(253,18,72)
```
#fdc712
```
#fdc712 rgb(253,199,18)
```

Tetradic Color

#022ec1
```
#022ec1 rgb(2,46,193)
```
#0234da
```
#0234da rgb(2,52,218)
```
#023af3
```
#023af3 rgb(2,58,243)
```
#1248fd
```
#1248fd rgb(18,72,253)
```
#2b5cfd
```
#2b5cfd rgb(43,92,253)
```
#456ffd
```
#456ffd rgb(69,111,253)
```
#5e83fe
```
#5e83fe rgb(94,131,254)
```

Monochromatic Color

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

#1283fd
```
#1283fd rgb(18,131,253)
```
#126ffd
```
#126ffd rgb(18,111,253)
```
#125cfd
```
#125cfd rgb(18,92,253)
```
#1248fd
```
#1248fd rgb(18,72,253)
```
#1234fd
```
#1234fd rgb(18,52,253)
```
#1221fd
```
#1221fd rgb(18,33,253)
```
#1712fd
```
#1712fd rgb(23,18,253)
```

Similar Colors

Text with hexadecimal color #1248fd

This text has a font color of #1248fd.

<span style="color:#1248fd;">Text here</span>

#1248fd background color

This paragraph has a background color of #1248fd.

<p style="background-color:#1248fd;">Content here</p>

#1248fd border color

This element has a border color of #1248fd.

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

CSS codes

.text {color:#1248fd;}

.background {background-color:#1248fd;}

.border {border:1px solid #1248fd;}

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)
```
#000823
```
#000823 rgb(0,8,35)
```
#000d37
```
#000d37 rgb(0,13,55)
```
#01124a
```
#01124a rgb(1,18,74)
```
#01165e
```
#01165e rgb(1,22,94)
```
#011b71
```
#011b71 rgb(1,27,113)
```
#011f85
```
#011f85 rgb(1,31,133)
```
#012498
```
#012498 rgb(1,36,152)
```
#0129ab
```
#0129ab rgb(1,41,171)
```
#022dbf
```
#022dbf rgb(2,45,191)
```
#0232d2
```
#0232d2 rgb(2,50,210)
```
#0236e6
```
#0236e6 rgb(2,54,230)
```
#023bf9
```
#023bf9 rgb(2,59,249)
```

Shade Color Variation

#1248fd
```
#1248fd rgb(18,72,253)
```
#2557fd
```
#2557fd rgb(37,87,253)
```
#3966fd
```
#3966fd rgb(57,102,253)
```
#4c75fd
```
#4c75fd rgb(76,117,253)
```
#6084fe
```
#6084fe rgb(96,132,254)
```
#7393fe
```
#7393fe rgb(115,147,254)
```
#87a2fe
```
#87a2fe rgb(135,162,254)
```
#9ab1fe
```
#9ab1fe rgb(154,177,254)
```
#aec0fe
```
#aec0fe rgb(174,192,254)
```
#c1cffe
```
#c1cffe rgb(193,207,254)
```
#d5deff
```
#d5deff rgb(213,222,255)
```
#e8edff
```
#e8edff rgb(232,237,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 #1248fd is the most saturated one.

#80848f
```
#80848f rgb(128,132,143)
```
#777f98
```
#777f98 rgb(119,127,152)
```
#6e7aa1
```
#6e7aa1 rgb(110,122,161)
```
#6575aa
```
#6575aa rgb(101,117,170)
```
#5c70b3
```
#5c70b3 rgb(92,112,179)
```
#526bbd
```
#526bbd rgb(82,107,189)
```
#4966c6
```
#4966c6 rgb(73,102,198)
```
#4061cf
```
#4061cf rgb(64,97,207)
```
#375cd8
```
#375cd8 rgb(55,92,216)
```
#2e57e1
```
#2e57e1 rgb(46,87,225)
```
#2452eb
```
#2452eb rgb(36,82,235)
```
#1b4df4
```
#1b4df4 rgb(27,77,244)
```
#1248fd
```
#1248fd rgb(18,72,253)
```

Tone Color Variation

Below, you can see how #1248fd 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

#4c4c4c Achromatopsia 0.005% of the population
#404b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007378 Tritanopia 0.001% of the population

Trichromacy

#065bda Protanomaly 1% of men, 0.01% of women
#065ec9 Deuteranomaly 6% of men, 0.4% of women
#0663a8 Tritanomaly 0.01% of the population

#1248fd hex color

#1248fd Color Information

#1248fd Color Conversion

Color Schemes with #1248fd

Alternatives to #1248fd

#1248fd Preview

Shades and Tints of #1248fd

Tones of #1248fd

Color Blindness Simulator