#248ffe hex color

In a RGB color space, hex #248ffe is composed of 14.1% red, 56.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 43.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 210.6 degrees, a saturation of 99.1% and a lightness of 56.9%. #248ffe color hex could be obtained by blending #48ffff with #001ffd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 14
- G 56
- B 100
RGB color chart
- C 86
- M 44
- Y 0
- K 0
CMYK color chart

● #248ffe color description : Vivid blue.

The hexadecimal color #248ffe has RGB values of R:36, G:143, B:254 and CMYK values of C:0.86, M:0.44, Y:0, K:0. Its decimal value is 2396158.

Hex triplet	248ffe	`#248ffe`
RGB Decimal	36, 143, 254	`rgb(36,143,254)`
RGB Percent	14.1, 56.1, 99.6	`rgb(14.1%,56.1%,99.6%)`
CMYK	86, 44, 0, 0
HSL	210.6°, 99.1, 56.9	`hsl(210.6,99.1%,56.9%)`
HSV (or HSB)	210.6°, 85.8, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.134, 10.553, -63.235
XYZ	28.435, 27.173, 97.507
xyY	0.186, 0.177, 27.173
CIE-LCH	59.134, 64.109, 279.474
CIE-LUV	59.134, -32.073, -101.981
Hunter-Lab	52.128, 6.146, -74.414
Binary	00100100, 10001111, 11111110

#248ffe
```
#248ffe rgb(36,143,254)
```
#fe9324
```
#fe9324 rgb(254,147,36)
```

Complementary Color

#24fcfe
```
#24fcfe rgb(36,252,254)
```
#248ffe
```
#248ffe rgb(36,143,254)
```
#2624fe
```
#2624fe rgb(38,36,254)
```

Analogous Color

#fcfe24
```
#fcfe24 rgb(252,254,36)
```
#248ffe
```
#248ffe rgb(36,143,254)
```
#fe2624
```
#fe2624 rgb(254,38,36)
```

Split Complementary Color

#8ffe24
```
#8ffe24 rgb(143,254,36)
```
#248ffe
```
#248ffe rgb(36,143,254)
```
#fe248f
```
#fe248f rgb(254,36,143)
```

Triadic Color

#24fe93
```
#24fe93 rgb(36,254,147)
```
#248ffe
```
#248ffe rgb(36,143,254)
```
#fe248f
```
#fe248f rgb(254,36,143)
```
#fe9324
```
#fe9324 rgb(254,147,36)
```

Tetradic Color

#0169d5
```
#0169d5 rgb(1,105,213)
```
#0175ee
```
#0175ee rgb(1,117,238)
```
#0b82fe
```
#0b82fe rgb(11,130,254)
```
#248ffe
```
#248ffe rgb(36,143,254)
```
#3d9cfe
```
#3d9cfe rgb(61,156,254)
```
#57a9fe
```
#57a9fe rgb(87,169,254)
```
#70b6fe
```
#70b6fe rgb(112,182,254)
```

Monochromatic Color

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

#24c6fe
```
#24c6fe rgb(36,198,254)
```
#24b3fe
```
#24b3fe rgb(36,179,254)
```
#24a1fe
```
#24a1fe rgb(36,161,254)
```
#248ffe
```
#248ffe rgb(36,143,254)
```
#247dfe
```
#247dfe rgb(36,125,254)
```
#246bfe
```
#246bfe rgb(36,107,254)
```
#2459fe
```
#2459fe rgb(36,89,254)
```

Similar Colors

Text with hexadecimal color #248ffe

This text has a font color of #248ffe.

<span style="color:#248ffe;">Text here</span>

#248ffe background color

This paragraph has a background color of #248ffe.

<p style="background-color:#248ffe;">Content here</p>

#248ffe border color

This element has a border color of #248ffe.

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

CSS codes

.text {color:#248ffe;}

.background {background-color:#248ffe;}

.border {border:1px solid #248ffe;}

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, #00080f is the darkest color, while #fbfdff is the lightest one.

#00080f
```
#00080f rgb(0,8,15)
```
#001123
```
#001123 rgb(0,17,35)
```
#001b36
```
#001b36 rgb(0,27,54)
```
#00244a
```
#00244a rgb(0,36,74)
```
#002e5d
```
#002e5d rgb(0,46,93)
```
#013871
```
#013871 rgb(1,56,113)
```
#014184
```
#014184 rgb(1,65,132)
```
#014b98
```
#014b98 rgb(1,75,152)
```
#0155ac
```
#0155ac rgb(1,85,172)
```
#015ebf
```
#015ebf rgb(1,94,191)
```
#0168d3
```
#0168d3 rgb(1,104,211)
```
#0171e6
```
#0171e6 rgb(1,113,230)
```
#017bfa
```
#017bfa rgb(1,123,250)
```

Shade Color Variation

#1085fe
```
#1085fe rgb(16,133,254)
```
#248ffe
```
#248ffe rgb(36,143,254)
```
#3899fe
```
#3899fe rgb(56,153,254)
```
#4ba3fe
```
#4ba3fe rgb(75,163,254)
```
#5fadfe
```
#5fadfe rgb(95,173,254)
```
#72b7fe
```
#72b7fe rgb(114,183,254)
```
#86c1fe
```
#86c1fe rgb(134,193,254)
```
#99cbff
```
#99cbff rgb(153,203,255)
```
#add5ff
```
#add5ff rgb(173,213,255)
```
#c0dfff
```
#c0dfff rgb(192,223,255)
```
#d4e9ff
```
#d4e9ff rgb(212,233,255)
```
#e7f3ff
```
#e7f3ff rgb(231,243,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a9198 is the less saturated color, while #248ffe is the most saturated one.

#8a9198
```
#8a9198 rgb(138,145,152)
```
#8191a1
```
#8191a1 rgb(129,145,161)
```
#7991a9
```
#7991a9 rgb(121,145,169)
```
#7090b2
```
#7090b2 rgb(112,144,178)
```
#6890ba
```
#6890ba rgb(104,144,186)
```
#5f90c3
```
#5f90c3 rgb(95,144,195)
```
#5790cb
```
#5790cb rgb(87,144,203)
```
#4e90d4
```
#4e90d4 rgb(78,144,212)
```
#4690dc
```
#4690dc rgb(70,144,220)
```
#3d8fe5
```
#3d8fe5 rgb(61,143,229)
```
#358fed
```
#358fed rgb(53,143,237)
```
#2c8ff6
```
#2c8ff6 rgb(44,143,246)
```
#248ffe
```
#248ffe rgb(36,143,254)
```

Tone Color Variation

Below, you can see how #248ffe 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

#7c7c7c Achromatopsia 0.005% of the population
#6a8096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c90fa Protanopia 1% of men
#0096fb Deuteranopia 1% of men
#00a2ac Tritanopia 0.001% of the population

Trichromacy

#4890fb Protanomaly 1% of men, 0.01% of women
#0d93fc Deuteranomaly 6% of men, 0.4% of women
#0d9bca Tritanomaly 0.01% of the population

#248ffe hex color

#248ffe Color Information

#248ffe Color Conversion

Color Schemes with #248ffe

Alternatives to #248ffe

#248ffe Preview

Shades and Tints of #248ffe

Tones of #248ffe

Color Blindness Simulator