#248cfc hex color

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

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

● #248cfc color description : Vivid blue.

The hexadecimal color #248cfc has RGB values of R:36, G:140, B:252 and CMYK values of C:0.86, M:0.44, Y:0, K:0.01. Its decimal value is 2395388.

Hex triplet	248cfc	`#248cfc`
RGB Decimal	36, 140, 252	`rgb(36,140,252)`
RGB Percent	14.1, 54.9, 98.8	`rgb(14.1%,54.9%,98.8%)`
CMYK	86, 44, 0, 1
HSL	211.1°, 97.3, 56.5	`hsl(211.1,97.3%,56.5%)`
HSV (or HSB)	211.1°, 85.7, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.186, 11.623, -63.659
XYZ	27.672, 26.157, 95.68
xyY	0.185, 0.175, 26.157
CIE-LCH	58.186, 64.711, 280.347
CIE-LUV	58.186, -31.235, -102.414
Hunter-Lab	51.144, 7.078, -75.119
Binary	00100100, 10001100, 11111100

#248cfc
```
#248cfc rgb(36,140,252)
```
#fc9424
```
#fc9424 rgb(252,148,36)
```

Complementary Color

#24f8fc
```
#24f8fc rgb(36,248,252)
```
#248cfc
```
#248cfc rgb(36,140,252)
```
#2824fc
```
#2824fc rgb(40,36,252)
```

Analogous Color

#f8fc24
```
#f8fc24 rgb(248,252,36)
```
#248cfc
```
#248cfc rgb(36,140,252)
```
#fc2824
```
#fc2824 rgb(252,40,36)
```

Split Complementary Color

#8cfc24
```
#8cfc24 rgb(140,252,36)
```
#248cfc
```
#248cfc rgb(36,140,252)
```
#fc248c
```
#fc248c rgb(252,36,140)
```

Triadic Color

#24fc94
```
#24fc94 rgb(36,252,148)
```
#248cfc
```
#248cfc rgb(36,140,252)
```
#fc248c
```
#fc248c rgb(252,36,140)
```
#fc9424
```
#fc9424 rgb(252,148,36)
```

Tetradic Color

#0366d1
```
#0366d1 rgb(3,102,209)
```
#0372ea
```
#0372ea rgb(3,114,234)
```
#0b7ffc
```
#0b7ffc rgb(11,127,252)
```
#248cfc
```
#248cfc rgb(36,140,252)
```
#3d99fc
```
#3d99fc rgb(61,153,252)
```
#56a6fd
```
#56a6fd rgb(86,166,253)
```
#6fb4fd
```
#6fb4fd rgb(111,180,253)
```

Monochromatic Color

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

#24c2fc
```
#24c2fc rgb(36,194,252)
```
#24b0fc
```
#24b0fc rgb(36,176,252)
```
#249efc
```
#249efc rgb(36,158,252)
```
#248cfc
```
#248cfc rgb(36,140,252)
```
#247afc
```
#247afc rgb(36,122,252)
```
#2468fc
```
#2468fc rgb(36,104,252)
```
#2456fc
```
#2456fc rgb(36,86,252)
```

Similar Colors

Text with hexadecimal color #248cfc

This text has a font color of #248cfc.

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

#248cfc background color

This paragraph has a background color of #248cfc.

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

#248cfc border color

This element has a border color of #248cfc.

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

CSS codes

.text {color:#248cfc;}

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

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

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)
```
#012347
```
#012347 rgb(1,35,71)
```
#012c5b
```
#012c5b rgb(1,44,91)
```
#02366e
```
#02366e rgb(2,54,110)
```
#023f81
```
#023f81 rgb(2,63,129)
```
#024995
```
#024995 rgb(2,73,149)
```
#0252a8
```
#0252a8 rgb(2,82,168)
```
#035cbb
```
#035cbb rgb(3,92,187)
```
#0365cf
```
#0365cf rgb(3,101,207)
```
#036ee2
```
#036ee2 rgb(3,110,226)
```
#0378f5
```
#0378f5 rgb(3,120,245)
```

Shade Color Variation

#1182fc
```
#1182fc rgb(17,130,252)
```
#248cfc
```
#248cfc rgb(36,140,252)
```
#3796fc
```
#3796fc rgb(55,150,252)
```
#4ba0fd
```
#4ba0fd rgb(75,160,253)
```
#5eaafd
```
#5eaafd rgb(94,170,253)
```
#71b5fd
```
#71b5fd rgb(113,181,253)
```
#85bffd
```
#85bffd rgb(133,191,253)
```
#98c9fe
```
#98c9fe rgb(152,201,254)
```
#abd3fe
```
#abd3fe rgb(171,211,254)
```
#bfddfe
```
#bfddfe rgb(191,221,254)
```
#d2e7fe
```
#d2e7fe rgb(210,231,254)
```
#e6f2ff
```
#e6f2ff rgb(230,242,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 #248cfc 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)
```
#688fb8
```
#688fb8 rgb(104,143,184)
```
#608ec0
```
#608ec0 rgb(96,142,192)
```
#578ec9
```
#578ec9 rgb(87,142,201)
```
#4f8ed1
```
#4f8ed1 rgb(79,142,209)
```
#468dda
```
#468dda rgb(70,141,218)
```
#3e8de2
```
#3e8de2 rgb(62,141,226)
```
#358deb
```
#358deb rgb(53,141,235)
```
#2d8cf3
```
#2d8cf3 rgb(45,140,243)
```
#248cfc
```
#248cfc rgb(36,140,252)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#697e94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#588ef8 Protanopia 1% of men
#0094f6 Deuteranopia 1% of men
#00a0a9 Tritanopia 0.001% of the population

Trichromacy

#458dfa Protanomaly 1% of men, 0.01% of women
#0d91f8 Deuteranomaly 6% of men, 0.4% of women
#0d98c7 Tritanomaly 0.01% of the population

#248cfc hex color

#248cfc Color Information

#248cfc Color Conversion

Color Schemes with #248cfc

Alternatives to #248cfc

#248cfc Preview

Shades and Tints of #248cfc

Tones of #248cfc

Color Blindness Simulator