#248fec hex color

In a RGB color space, hex #248fec is composed of 14.1% red, 56.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 39.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 207.9 degrees, a saturation of 84% and a lightness of 53.3%. #248fec color hex could be obtained by blending #48ffff with #001fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 14
- G 56
- B 93
RGB color chart
- C 85
- M 39
- Y 0
- K 7
CMYK color chart

● #248fec color description : Bright blue.

The hexadecimal color #248fec has RGB values of R:36, G:143, B:236 and CMYK values of C:0.85, M:0.39, Y:0, K:0.07. Its decimal value is 2396140.

Hex triplet	248fec	`#248fec`
RGB Decimal	36, 143, 236	`rgb(36,143,236)`
RGB Percent	14.1, 56.1, 92.5	`rgb(14.1%,56.1%,92.5%)`
CMYK	85, 39, 0, 7
HSL	207.9°, 84, 53.3	`hsl(207.9,84%,53.3%)`
HSV (or HSB)	207.9°, 84.7, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.107, 3.839, -54.951
XYZ	25.687, 26.074, 83.031
xyY	0.191, 0.193, 26.074
CIE-LCH	58.107, 55.085, 273.997
CIE-LUV	58.107, -32.889, -87.571
Hunter-Lab	51.063, 0.434, -60.666
Binary	00100100, 10001111, 11101100

#248fec
```
#248fec rgb(36,143,236)
```
#ec8124
```
#ec8124 rgb(236,129,36)
```

Complementary Color

#24ece5
```
#24ece5 rgb(36,236,229)
```
#248fec
```
#248fec rgb(36,143,236)
```
#242bec
```
#242bec rgb(36,43,236)
```

Analogous Color

#ece524
```
#ece524 rgb(236,229,36)
```
#248fec
```
#248fec rgb(36,143,236)
```
#ec242b
```
#ec242b rgb(236,36,43)
```

Split Complementary Color

#8fec24
```
#8fec24 rgb(143,236,36)
```
#248fec
```
#248fec rgb(36,143,236)
```
#ec248f
```
#ec248f rgb(236,36,143)
```

Triadic Color

#24ec81
```
#24ec81 rgb(36,236,129)
```
#248fec
```
#248fec rgb(36,143,236)
```
#ec248f
```
#ec248f rgb(236,36,143)
```
#ec8124
```
#ec8124 rgb(236,129,36)
```

Tetradic Color

#1068b4
```
#1068b4 rgb(16,104,180)
```
#1275cb
```
#1275cb rgb(18,117,203)
```
#1483e3
```
#1483e3 rgb(20,131,227)
```
#248fec
```
#248fec rgb(36,143,236)
```
#3b9bee
```
#3b9bee rgb(59,155,238)
```
#53a7f0
```
#53a7f0 rgb(83,167,240)
```
#6ab3f2
```
#6ab3f2 rgb(106,179,242)
```

Monochromatic Color

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

#24c1ec
```
#24c1ec rgb(36,193,236)
```
#24b0ec
```
#24b0ec rgb(36,176,236)
```
#24a0ec
```
#24a0ec rgb(36,160,236)
```
#248fec
```
#248fec rgb(36,143,236)
```
#247eec
```
#247eec rgb(36,126,236)
```
#246eec
```
#246eec rgb(36,110,236)
```
#245dec
```
#245dec rgb(36,93,236)
```

Similar Colors

Text with hexadecimal color #248fec

This text has a font color of #248fec.

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

#248fec background color

This paragraph has a background color of #248fec.

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

#248fec border color

This element has a border color of #248fec.

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

CSS codes

.text {color:#248fec;}

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

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

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

#010910
```
#010910 rgb(1,9,16)
```
#031322
```
#031322 rgb(3,19,34)
```
#041e34
```
#041e34 rgb(4,30,52)
```
#062846
```
#062846 rgb(6,40,70)
```
#083358
```
#083358 rgb(8,51,88)
```
#093d6a
```
#093d6a rgb(9,61,106)
```
#0b477c
```
#0b477c rgb(11,71,124)
```
#0c528e
```
#0c528e rgb(12,82,142)
```
#0e5ca0
```
#0e5ca0 rgb(14,92,160)
```
#0f66b2
```
#0f66b2 rgb(15,102,178)
```
#1171c4
```
#1171c4 rgb(17,113,196)
```
#137bd6
```
#137bd6 rgb(19,123,214)
```
#1486e8
```
#1486e8 rgb(20,134,232)
```

Shade Color Variation

#248fec
```
#248fec rgb(36,143,236)
```
#3698ee
```
#3698ee rgb(54,152,238)
```
#48a1ef
```
#48a1ef rgb(72,161,239)
```
#5aabf1
```
#5aabf1 rgb(90,171,241)
```
#6cb4f2
```
#6cb4f2 rgb(108,180,242)
```
#7ebdf4
```
#7ebdf4 rgb(126,189,244)
```
#90c6f5
```
#90c6f5 rgb(144,198,245)
```
#a2d0f7
```
#a2d0f7 rgb(162,208,247)
```
#b4d9f9
```
#b4d9f9 rgb(180,217,249)
```
#c6e2fa
```
#c6e2fa rgb(198,226,250)
```
#d8ebfc
```
#d8ebfc rgb(216,235,252)
```
#ebf5fd
```
#ebf5fd rgb(235,245,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808990 is the less saturated color, while #1290fe is the most saturated one.

#808990
```
#808990 rgb(128,137,144)
```
#76899a
```
#76899a rgb(118,137,154)
```
#6d8aa3
```
#6d8aa3 rgb(109,138,163)
```
#648bac
```
#648bac rgb(100,139,172)
```
#5b8bb5
```
#5b8bb5 rgb(91,139,181)
```
#528cbe
```
#528cbe rgb(82,140,190)
```
#498cc7
```
#498cc7 rgb(73,140,199)
```
#3f8dd1
```
#3f8dd1 rgb(63,141,209)
```
#368eda
```
#368eda rgb(54,142,218)
```
#2d8ee3
```
#2d8ee3 rgb(45,142,227)
```
#248fec
```
#248fec rgb(36,143,236)
```
#1b90f5
```
#1b90f5 rgb(27,144,245)
```
#1290fe
```
#1290fe rgb(18,144,254)
```

Tone Color Variation

Below, you can see how #248fec 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
#697e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#698ee7 Protanopia 1% of men
#4293ed Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#508ee9 Protanomaly 1% of men, 0.01% of women
#3791ed Deuteranomaly 6% of men, 0.4% of women
#0d99c2 Tritanomaly 0.01% of the population

#248fec hex color

#248fec Color Information

#248fec Color Conversion

Color Schemes with #248fec

Alternatives to #248fec

#248fec Preview

Shades and Tints of #248fec

Tones of #248fec

Color Blindness Simulator