#248bfc hex color

In a RGB color space, hex #248bfc is composed of 14.1% red, 54.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 44.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 211.4 degrees, a saturation of 97.3% and a lightness of 56.5%. #248bfc color hex could be obtained by blending #48ffff with #0017f9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 14
- G 55
- B 99
RGB color chart
- C 86
- M 45
- Y 0
- K 1
CMYK color chart

● #248bfc color description : Vivid blue.

The hexadecimal color #248bfc has RGB values of R:36, G:139, B:252 and CMYK values of C:0.86, M:0.45, Y:0, K:0.01. Its decimal value is 2395132.

Hex triplet	248bfc	`#248bfc`
RGB Decimal	36, 139, 252	`rgb(36,139,252)`
RGB Percent	14.1, 54.5, 98.8	`rgb(14.1%,54.5%,98.8%)`
CMYK	86, 45, 0, 1
HSL	211.4°, 97.3, 56.5	`hsl(211.4,97.3%,56.5%)`
HSV (or HSB)	211.4°, 85.7, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.91, 12.231, -64.103
XYZ	27.527, 25.866, 95.632
xyY	0.185, 0.174, 25.866
CIE-LCH	57.91, 65.259, 280.803
CIE-LUV	57.91, -30.93, -103.073
Hunter-Lab	50.859, 7.609, -75.884
Binary	00100100, 10001011, 11111100

#248bfc
```
#248bfc rgb(36,139,252)
```
#fc9524
```
#fc9524 rgb(252,149,36)
```

Complementary Color

#24f7fc
```
#24f7fc rgb(36,247,252)
```
#248bfc
```
#248bfc rgb(36,139,252)
```
#2924fc
```
#2924fc rgb(41,36,252)
```

Analogous Color

#f7fc24
```
#f7fc24 rgb(247,252,36)
```
#248bfc
```
#248bfc rgb(36,139,252)
```
#fc2924
```
#fc2924 rgb(252,41,36)
```

Split Complementary Color

#8bfc24
```
#8bfc24 rgb(139,252,36)
```
#248bfc
```
#248bfc rgb(36,139,252)
```
#fc248b
```
#fc248b rgb(252,36,139)
```

Triadic Color

#24fc95
```
#24fc95 rgb(36,252,149)
```
#248bfc
```
#248bfc rgb(36,139,252)
```
#fc248b
```
#fc248b rgb(252,36,139)
```
#fc9524
```
#fc9524 rgb(252,149,36)
```

Tetradic Color

#0365d1
```
#0365d1 rgb(3,101,209)
```
#0371ea
```
#0371ea rgb(3,113,234)
```
#0b7efc
```
#0b7efc rgb(11,126,252)
```
#248bfc
```
#248bfc rgb(36,139,252)
```
#3d98fc
```
#3d98fc rgb(61,152,252)
```
#56a6fd
```
#56a6fd rgb(86,166,253)
```
#6fb3fd
```
#6fb3fd rgb(111,179,253)
```

Monochromatic Color

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

#24c1fc
```
#24c1fc rgb(36,193,252)
```
#24affc
```
#24affc rgb(36,175,252)
```
#249dfc
```
#249dfc rgb(36,157,252)
```
#248bfc
```
#248bfc rgb(36,139,252)
```
#2479fc
```
#2479fc rgb(36,121,252)
```
#2467fc
```
#2467fc rgb(36,103,252)
```
#2455fc
```
#2455fc rgb(36,85,252)
```

Similar Colors

Text with hexadecimal color #248bfc

This text has a font color of #248bfc.

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

#248bfc background color

This paragraph has a background color of #248bfc.

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

#248bfc border color

This element has a border color of #248bfc.

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

CSS codes

.text {color:#248bfc;}

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

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

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, #00060d is the darkest color, while #f9fcff is the lightest one.

#00060d
```
#00060d rgb(0,6,13)
```
#001021
```
#001021 rgb(0,16,33)
```
#011934
```
#011934 rgb(1,25,52)
```
#012247
```
#012247 rgb(1,34,71)
```
#012c5b
```
#012c5b rgb(1,44,91)
```
#02356e
```
#02356e rgb(2,53,110)
```
#023f81
```
#023f81 rgb(2,63,129)
```
#024895
```
#024895 rgb(2,72,149)
```
#0251a8
```
#0251a8 rgb(2,81,168)
```
#035bbb
```
#035bbb rgb(3,91,187)
```
#0364cf
```
#0364cf rgb(3,100,207)
```
#036de2
```
#036de2 rgb(3,109,226)
```
#0377f5
```
#0377f5 rgb(3,119,245)
```

Shade Color Variation

#1181fc
```
#1181fc rgb(17,129,252)
```
#248bfc
```
#248bfc rgb(36,139,252)
```
#3795fc
```
#3795fc rgb(55,149,252)
```
#4b9ffd
```
#4b9ffd rgb(75,159,253)
```
#5eaafd
```
#5eaafd rgb(94,170,253)
```
#71b4fd
```
#71b4fd rgb(113,180,253)
```
#85befd
```
#85befd rgb(133,190,253)
```
#98c8fe
```
#98c8fe rgb(152,200,254)
```
#abd3fe
```
#abd3fe rgb(171,211,254)
```
#bfddfe
```
#bfddfe rgb(191,221,254)
```
#d2e7fe
```
#d2e7fe rgb(210,231,254)
```
#e6f1ff
```
#e6f1ff rgb(230,241,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#8a9096
```
#8a9096 rgb(138,144,150)
```
#828f9e
```
#828f9e rgb(130,143,158)
```
#798fa7
```
#798fa7 rgb(121,143,167)
```
#718faf
```
#718faf rgb(113,143,175)
```
#688eb8
```
#688eb8 rgb(104,142,184)
```
#608ec0
```
#608ec0 rgb(96,142,192)
```
#578dc9
```
#578dc9 rgb(87,141,201)
```
#4f8dd1
```
#4f8dd1 rgb(79,141,209)
```
#468dda
```
#468dda rgb(70,141,218)
```
#3e8ce2
```
#3e8ce2 rgb(62,140,226)
```
#358ceb
```
#358ceb rgb(53,140,235)
```
#2d8bf3
```
#2d8bf3 rgb(45,139,243)
```
#248bfc
```
#248bfc rgb(36,139,252)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#687d93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#568df9 Protanopia 1% of men
#0093f5 Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#448cfa Protanomaly 1% of men, 0.01% of women
#0d90f7 Deuteranomaly 6% of men, 0.4% of women
#0d98c7 Tritanomaly 0.01% of the population

#248bfc hex color

#248bfc Color Information

#248bfc Color Conversion

Color Schemes with #248bfc

Alternatives to #248bfc

#248bfc Preview

Shades and Tints of #248bfc

Tones of #248bfc

Color Blindness Simulator