#248dfc hex color

In a RGB color space, hex #248dfc is composed of 14.1% red, 55.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 44% magenta, 0% yellow and 1.2% black. It has a hue angle of 210.8 degrees, a saturation of 97.3% and a lightness of 56.5%. #248dfc color hex could be obtained by blending #48ffff with #001bf9. 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

● #248dfc color description : Vivid blue.

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

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

CIE-LAB	58.462, 11.016, -63.215
XYZ	27.819, 26.451, 95.729
xyY	0.185, 0.176, 26.451
CIE-LCH	58.462, 64.168, 279.885
CIE-LUV	58.462, -31.542, -101.749
Hunter-Lab	51.43, 6.549, -74.358
Binary	00100100, 10001101, 11111100

#248dfc
```
#248dfc rgb(36,141,252)
```
#fc9324
```
#fc9324 rgb(252,147,36)
```

Complementary Color

#24f9fc
```
#24f9fc rgb(36,249,252)
```
#248dfc
```
#248dfc rgb(36,141,252)
```
#2724fc
```
#2724fc rgb(39,36,252)
```

Analogous Color

#f9fc24
```
#f9fc24 rgb(249,252,36)
```
#248dfc
```
#248dfc rgb(36,141,252)
```
#fc2724
```
#fc2724 rgb(252,39,36)
```

Split Complementary Color

#8dfc24
```
#8dfc24 rgb(141,252,36)
```
#248dfc
```
#248dfc rgb(36,141,252)
```
#fc248d
```
#fc248d rgb(252,36,141)
```

Triadic Color

#24fc93
```
#24fc93 rgb(36,252,147)
```
#248dfc
```
#248dfc rgb(36,141,252)
```
#fc248d
```
#fc248d rgb(252,36,141)
```
#fc9324
```
#fc9324 rgb(252,147,36)
```

Tetradic Color

#0367d1
```
#0367d1 rgb(3,103,209)
```
#0373ea
```
#0373ea rgb(3,115,234)
```
#0b80fc
```
#0b80fc rgb(11,128,252)
```
#248dfc
```
#248dfc rgb(36,141,252)
```
#3d9afc
```
#3d9afc rgb(61,154,252)
```
#56a7fd
```
#56a7fd rgb(86,167,253)
```
#6fb4fd
```
#6fb4fd rgb(111,180,253)
```

Monochromatic Color

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

#24c3fc
```
#24c3fc rgb(36,195,252)
```
#24b1fc
```
#24b1fc rgb(36,177,252)
```
#249ffc
```
#249ffc rgb(36,159,252)
```
#248dfc
```
#248dfc rgb(36,141,252)
```
#247bfc
```
#247bfc rgb(36,123,252)
```
#2469fc
```
#2469fc rgb(36,105,252)
```
#2457fc
```
#2457fc rgb(36,87,252)
```

Similar Colors

Text with hexadecimal color #248dfc

This text has a font color of #248dfc.

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

#248dfc background color

This paragraph has a background color of #248dfc.

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

#248dfc border color

This element has a border color of #248dfc.

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

CSS codes

.text {color:#248dfc;}

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

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

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

#00070d
```
#00070d rgb(0,7,13)
```
#001021
```
#001021 rgb(0,16,33)
```
#011a34
```
#011a34 rgb(1,26,52)
```
#012347
```
#012347 rgb(1,35,71)
```
#012d5b
```
#012d5b rgb(1,45,91)
```
#02366e
```
#02366e rgb(2,54,110)
```
#024081
```
#024081 rgb(2,64,129)
```
#024995
```
#024995 rgb(2,73,149)
```
#0253a8
```
#0253a8 rgb(2,83,168)
```
#035cbb
```
#035cbb rgb(3,92,187)
```
#0366cf
```
#0366cf rgb(3,102,207)
```
#036fe2
```
#036fe2 rgb(3,111,226)
```
#0379f5
```
#0379f5 rgb(3,121,245)
```

Shade Color Variation

#1183fc
```
#1183fc rgb(17,131,252)
```
#248dfc
```
#248dfc rgb(36,141,252)
```
#3797fc
```
#3797fc rgb(55,151,252)
```
#4ba1fd
```
#4ba1fd rgb(75,161,253)
```
#5eabfd
```
#5eabfd rgb(94,171,253)
```
#71b5fd
```
#71b5fd rgb(113,181,253)
```
#85bffd
```
#85bffd rgb(133,191,253)
```
#98c9fe
```
#98c9fe rgb(152,201,254)
```
#abd4fe
```
#abd4fe rgb(171,212,254)
```
#bfdefe
```
#bfdefe rgb(191,222,254)
```
#d2e8fe
```
#d2e8fe rgb(210,232,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 #248dfc is the most saturated one.

#8a9096
```
#8a9096 rgb(138,144,150)
```
#82909e
```
#82909e rgb(130,144,158)
```
#798fa7
```
#798fa7 rgb(121,143,167)
```
#718faf
```
#718faf rgb(113,143,175)
```
#688fb8
```
#688fb8 rgb(104,143,184)
```
#608fc0
```
#608fc0 rgb(96,143,192)
```
#578ec9
```
#578ec9 rgb(87,142,201)
```
#4f8ed1
```
#4f8ed1 rgb(79,142,209)
```
#468eda
```
#468eda rgb(70,142,218)
```
#3e8ee2
```
#3e8ee2 rgb(62,142,226)
```
#358deb
```
#358deb rgb(53,141,235)
```
#2d8df3
```
#2d8df3 rgb(45,141,243)
```
#248dfc
```
#248dfc rgb(36,141,252)
```

Tone Color Variation

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

#5a8ff8 Protanopia 1% of men
#0095f8 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#468ef9 Protanomaly 1% of men, 0.01% of women
#0d92f9 Deuteranomaly 6% of men, 0.4% of women
#0d99c8 Tritanomaly 0.01% of the population

#248dfc hex color

#248dfc Color Information

#248dfc Color Conversion

Color Schemes with #248dfc

Alternatives to #248dfc

#248dfc Preview

Shades and Tints of #248dfc

Tones of #248dfc

Color Blindness Simulator