#248eff hex color

In a RGB color space, hex #248eff is composed of 14.1% red, 55.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 85.9% cyan, 44.3% magenta, 0% yellow and 0% black. It has a hue angle of 211 degrees, a saturation of 100% and a lightness of 57.1%. #248eff color hex could be obtained by blending #48ffff with #001dff. 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

● #248eff color description : Vivid blue.

The hexadecimal color #248eff has RGB values of R:36, G:142, B:255 and CMYK values of C:0.86, M:0.44, Y:0, K:0. Its decimal value is 2395903.

Hex triplet	248eff	`#248eff`
RGB Decimal	36, 142, 255	`rgb(36,142,255)`
RGB Percent	14.1, 55.7, 100	`rgb(14.1%,55.7%,100%)`
CMYK	86, 44, 0, 0
HSL	211°, 100, 57.1	`hsl(211,100%,57.1%)`
HSV (or HSB)	211°, 85.9, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.917, 11.531, -64.132
XYZ	28.446, 26.939, 98.303
xyY	0.185, 0.175, 26.939
CIE-LCH	58.917, 65.16, 280.193
CIE-LUV	58.917, -31.724, -103.434
Hunter-Lab	51.902, 7.002, -75.963
Binary	00100100, 10001110, 11111111

#248eff
```
#248eff rgb(36,142,255)
```
#ff9524
```
#ff9524 rgb(255,149,36)
```

Complementary Color

#24fcff
```
#24fcff rgb(36,252,255)
```
#248eff
```
#248eff rgb(36,142,255)
```
#2724ff
```
#2724ff rgb(39,36,255)
```

Analogous Color

#fcff24
```
#fcff24 rgb(252,255,36)
```
#248eff
```
#248eff rgb(36,142,255)
```
#ff2724
```
#ff2724 rgb(255,39,36)
```

Split Complementary Color

#8eff24
```
#8eff24 rgb(142,255,36)
```
#248eff
```
#248eff rgb(36,142,255)
```
#ff248e
```
#ff248e rgb(255,36,142)
```

Triadic Color

#24ff95
```
#24ff95 rgb(36,255,149)
```
#248eff
```
#248eff rgb(36,142,255)
```
#ff248e
```
#ff248e rgb(255,36,142)
```
#ff9524
```
#ff9524 rgb(255,149,36)
```

Tetradic Color

#0068d7
```
#0068d7 rgb(0,104,215)
```
#0074f0
```
#0074f0 rgb(0,116,240)
```
#0b81ff
```
#0b81ff rgb(11,129,255)
```
#248eff
```
#248eff rgb(36,142,255)
```
#3e9bff
```
#3e9bff rgb(62,155,255)
```
#57a8ff
```
#57a8ff rgb(87,168,255)
```
#71b5ff
```
#71b5ff rgb(113,181,255)
```

Monochromatic Color

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

#24c5ff
```
#24c5ff rgb(36,197,255)
```
#24b3ff
```
#24b3ff rgb(36,179,255)
```
#24a0ff
```
#24a0ff rgb(36,160,255)
```
#248eff
```
#248eff rgb(36,142,255)
```
#247cff
```
#247cff rgb(36,124,255)
```
#246aff
```
#246aff rgb(36,106,255)
```
#2457ff
```
#2457ff rgb(36,87,255)
```

Similar Colors

Text with hexadecimal color #248eff

This text has a font color of #248eff.

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

#248eff background color

This paragraph has a background color of #248eff.

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

#248eff border color

This element has a border color of #248eff.

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

CSS codes

.text {color:#248eff;}

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

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

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

#000810
```
#000810 rgb(0,8,16)
```
#001124
```
#001124 rgb(0,17,36)
```
#001b38
```
#001b38 rgb(0,27,56)
```
#00244b
```
#00244b rgb(0,36,75)
```
#002e5f
```
#002e5f rgb(0,46,95)
```
#003772
```
#003772 rgb(0,55,114)
```
#004186
```
#004186 rgb(0,65,134)
```
#004a9a
```
#004a9a rgb(0,74,154)
```
#0054ad
```
#0054ad rgb(0,84,173)
```
#005dc1
```
#005dc1 rgb(0,93,193)
```
#0067d5
```
#0067d5 rgb(0,103,213)
```
#0070e8
```
#0070e8 rgb(0,112,232)
```
#007afc
```
#007afc rgb(0,122,252)
```

Shade Color Variation

#1084ff
```
#1084ff rgb(16,132,255)
```
#248eff
```
#248eff rgb(36,142,255)
```
#3898ff
```
#3898ff rgb(56,152,255)
```
#4ba2ff
```
#4ba2ff rgb(75,162,255)
```
#5facff
```
#5facff rgb(95,172,255)
```
#72b6ff
```
#72b6ff rgb(114,182,255)
```
#86c1ff
```
#86c1ff rgb(134,193,255)
```
#9acbff
```
#9acbff rgb(154,203,255)
```
#add5ff
```
#add5ff rgb(173,213,255)
```
#c1dfff
```
#c1dfff rgb(193,223,255)
```
#d5e9ff
```
#d5e9ff rgb(213,233,255)
```
#e8f3ff
```
#e8f3ff rgb(232,243,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#89919a
```
#89919a rgb(137,145,154)
```
#8191a2
```
#8191a2 rgb(129,145,162)
```
#7891ab
```
#7891ab rgb(120,145,171)
```
#7090b3
```
#7090b3 rgb(112,144,179)
```
#6790bc
```
#6790bc rgb(103,144,188)
```
#5f90c4
```
#5f90c4 rgb(95,144,196)
```
#5790cc
```
#5790cc rgb(87,144,204)
```
#4e8fd5
```
#4e8fd5 rgb(78,143,213)
```
#468fdd
```
#468fdd rgb(70,143,221)
```
#3d8fe6
```
#3d8fe6 rgb(61,143,230)
```
#358fee
```
#358fee rgb(53,143,238)
```
#2c8ef7
```
#2c8ef7 rgb(44,142,247)
```
#248eff
```
#248eff rgb(36,142,255)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6a7f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a90fb Protanopia 1% of men
#0096f9 Deuteranopia 1% of men
#00a2ab Tritanopia 0.001% of the population

Trichromacy

#468ffc Protanomaly 1% of men, 0.01% of women
#0d93fb Deuteranomaly 6% of men, 0.4% of women
#0d9aca Tritanomaly 0.01% of the population

#248eff hex color

#248eff Color Information

#248eff Color Conversion

Color Schemes with #248eff

Alternatives to #248eff

#248eff Preview

Shades and Tints of #248eff

Tones of #248eff

Color Blindness Simulator