#1248ec hex color

In a RGB color space, hex #1248ec is composed of 7.1% red, 28.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 92.4% cyan, 69.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 225.1 degrees, a saturation of 85.8% and a lightness of 49.8%. #1248ec color hex could be obtained by blending #2490ff with #0000d9. Closest websafe color is: #0033ff.

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

● #1248ec color description : Vivid blue.

The hexadecimal color #1248ec has RGB values of R:18, G:72, B:236 and CMYK values of C:0.92, M:0.69, Y:0, K:0.07. Its decimal value is 1198316.

Hex triplet	1248ec	`#1248ec`
RGB Decimal	18, 72, 236	`rgb(18,72,236)`
RGB Percent	7.1, 28.2, 92.5	`rgb(7.1%,28.2%,92.5%)`
CMYK	92, 69, 0, 7
HSL	225.1°, 85.8, 49.8	`hsl(225.1,85.8%,49.8%)`
HSV (or HSB)	225.1°, 92.4, 92.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.272, 47.307, -85.554
XYZ	17.704, 10.818, 80.507
xyY	0.162, 0.099, 10.818
CIE-LCH	39.272, 97.762, 298.94
CIE-LUV	39.272, -15.229, -121.174
Hunter-Lab	32.891, 38.522, -122.102
Binary	00010010, 01001000, 11101100

#1248ec
```
#1248ec rgb(18,72,236)
```
#ecb612
```
#ecb612 rgb(236,182,18)
```

Complementary Color

#12b5ec
```
#12b5ec rgb(18,181,236)
```
#1248ec
```
#1248ec rgb(18,72,236)
```
#4912ec
```
#4912ec rgb(73,18,236)
```

Analogous Color

#b5ec12
```
#b5ec12 rgb(181,236,18)
```
#1248ec
```
#1248ec rgb(18,72,236)
```
#ec4912
```
#ec4912 rgb(236,73,18)
```

Split Complementary Color

#48ec12
```
#48ec12 rgb(72,236,18)
```
#1248ec
```
#1248ec rgb(18,72,236)
```
#ec1248
```
#ec1248 rgb(236,18,72)
```

Triadic Color

#12ecb6
```
#12ecb6 rgb(18,236,182)
```
#1248ec
```
#1248ec rgb(18,72,236)
```
#ec1248
```
#ec1248 rgb(236,18,72)
```
#ecb612
```
#ecb612 rgb(236,182,18)
```

Tetradic Color

#0d32a5
```
#0d32a5 rgb(13,50,165)
```
#0e3abd
```
#0e3abd rgb(14,58,189)
```
#1041d4
```
#1041d4 rgb(16,65,212)
```
#1248ec
```
#1248ec rgb(18,72,236)
```
#295aef
```
#295aef rgb(41,90,239)
```
#416cf0
```
#416cf0 rgb(65,108,240)
```
#587ef2
```
#587ef2 rgb(88,126,242)
```

Monochromatic Color

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

#127fec
```
#127fec rgb(18,127,236)
```
#126cec
```
#126cec rgb(18,108,236)
```
#125aec
```
#125aec rgb(18,90,236)
```
#1248ec
```
#1248ec rgb(18,72,236)
```
#1236ec
```
#1236ec rgb(18,54,236)
```
#1224ec
```
#1224ec rgb(18,36,236)
```
#1212ec
```
#1212ec rgb(18,18,236)
```

Similar Colors

Text with hexadecimal color #1248ec

This text has a font color of #1248ec.

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

#1248ec background color

This paragraph has a background color of #1248ec.

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

#1248ec border color

This element has a border color of #1248ec.

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

CSS codes

.text {color:#1248ec;}

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

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

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

#010511
```
#010511 rgb(1,5,17)
```
#030b24
```
#030b24 rgb(3,11,36)
```
#041036
```
#041036 rgb(4,16,54)
```
#051648
```
#051648 rgb(5,22,72)
```
#071c5a
```
#071c5a rgb(7,28,90)
```
#08216c
```
#08216c rgb(8,33,108)
```
#0a277f
```
#0a277f rgb(10,39,127)
```
#0b2c91
```
#0b2c91 rgb(11,44,145)
```
#0c32a3
```
#0c32a3 rgb(12,50,163)
```
#0e37b5
```
#0e37b5 rgb(14,55,181)
```
#0f3dc8
```
#0f3dc8 rgb(15,61,200)
```
#1142da
```
#1142da rgb(17,66,218)
```
#1248ec
```
#1248ec rgb(18,72,236)
```

Shade Color Variation

#2356ee
```
#2356ee rgb(35,86,238)
```
#3664f0
```
#3664f0 rgb(54,100,240)
```
#4872f1
```
#4872f1 rgb(72,114,241)
```
#5a80f2
```
#5a80f2 rgb(90,128,242)
```
#6c8ef4
```
#6c8ef4 rgb(108,142,244)
```
#7e9cf5
```
#7e9cf5 rgb(126,156,245)
```
#91aaf7
```
#91aaf7 rgb(145,170,247)
```
#a3b8f8
```
#a3b8f8 rgb(163,184,248)
```
#b5c6f9
```
#b5c6f9 rgb(181,198,249)
```
#c7d4fb
```
#c7d4fb rgb(199,212,251)
```
#dae2fc
```
#dae2fc rgb(218,226,252)
```
#ecf0fe
```
#ecf0fe rgb(236,240,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7e81 is the less saturated color, while #0843f6 is the most saturated one.

#7d7e81
```
#7d7e81 rgb(125,126,129)
```
#74798a
```
#74798a rgb(116,121,138)
```
#6a7494
```
#6a7494 rgb(106,116,148)
```
#606f9e
```
#606f9e rgb(96,111,158)
```
#566ba8
```
#566ba8 rgb(86,107,168)
```
#4d66b1
```
#4d66b1 rgb(77,102,177)
```
#4361bb
```
#4361bb rgb(67,97,187)
```
#395cc5
```
#395cc5 rgb(57,92,197)
```
#2f57cf
```
#2f57cf rgb(47,87,207)
```
#2652d8
```
#2652d8 rgb(38,82,216)
```
#1c4de2
```
#1c4de2 rgb(28,77,226)
```
#1248ec
```
#1248ec rgb(18,72,236)
```
#0843f6
```
#0843f6 rgb(8,67,246)
```

Tone Color Variation

Below, you can see how #1248ec 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
#404a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062be Protanopia 1% of men
#0067a5 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0658cf Protanomaly 1% of men, 0.01% of women
#065cbe Deuteranomaly 6% of men, 0.4% of women
#06609f Tritanomaly 0.01% of the population

#1248ec hex color

#1248ec Color Information

#1248ec Color Conversion

Color Schemes with #1248ec

Alternatives to #1248ec

#1248ec Preview

Shades and Tints of #1248ec

Tones of #1248ec

Color Blindness Simulator