#48e0fe hex color

In a RGB color space, hex #48e0fe is composed of 28.2% red, 87.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 11.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 189.9 degrees, a saturation of 98.9% and a lightness of 63.9%. #48e0fe color hex could be obtained by blending #90ffff with #00c1fd. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 88
- B 100
RGB color chart
- C 72
- M 12
- Y 0
- K 0
CMYK color chart

● #48e0fe color description : Bright cyan.

The hexadecimal color #48e0fe has RGB values of R:72, G:224, B:254 and CMYK values of C:0.72, M:0.12, Y:0, K:0. Its decimal value is 4776190.

Hex triplet	48e0fe	`#48e0fe`
RGB Decimal	72, 224, 254	`rgb(72,224,254)`
RGB Percent	28.2, 87.8, 99.6	`rgb(28.2%,87.8%,99.6%)`
CMYK	72, 12, 0, 0
HSL	189.9°, 98.9, 63.9	`hsl(189.9,98.9%,63.9%)`
HSV (or HSB)	189.9°, 71.7, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.829, -30.002, -26.069
XYZ	47.213, 61.841, 103.209
xyY	0.222, 0.291, 61.841
CIE-LCH	82.829, 39.746, 220.988
CIE-LUV	82.829, -54.712, -37.714
Hunter-Lab	78.639, -30.451, -22.767
Binary	01001000, 11100000, 11111110

#48e0fe
```
#48e0fe rgb(72,224,254)
```
#fe6648
```
#fe6648 rgb(254,102,72)
```

Complementary Color

#48fec1
```
#48fec1 rgb(72,254,193)
```
#48e0fe
```
#48e0fe rgb(72,224,254)
```
#4885fe
```
#4885fe rgb(72,133,254)
```

Analogous Color

#fec148
```
#fec148 rgb(254,193,72)
```
#48e0fe
```
#48e0fe rgb(72,224,254)
```
#fe4885
```
#fe4885 rgb(254,72,133)
```

Split Complementary Color

#e0fe48
```
#e0fe48 rgb(224,254,72)
```
#48e0fe
```
#48e0fe rgb(72,224,254)
```
#fe48e0
```
#fe48e0 rgb(254,72,224)
```

Triadic Color

#48fe66
```
#48fe66 rgb(72,254,102)
```
#48e0fe
```
#48e0fe rgb(72,224,254)
```
#fe48e0
```
#fe48e0 rgb(254,72,224)
```
#fe6648
```
#fe6648 rgb(254,102,72)
```

Tetradic Color

#01cff8
```
#01cff8 rgb(1,207,248)
```
#15d7fe
```
#15d7fe rgb(21,215,254)
```
#2fdcfe
```
#2fdcfe rgb(47,220,254)
```
#48e0fe
```
#48e0fe rgb(72,224,254)
```
#61e4fe
```
#61e4fe rgb(97,228,254)
```
#7be9fe
```
#7be9fe rgb(123,233,254)
```
#94edfe
```
#94edfe rgb(148,237,254)
```

Monochromatic Color

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

#48feef
```
#48feef rgb(72,254,239)
```
#48fefe
```
#48fefe rgb(72,254,254)
```
#48effe
```
#48effe rgb(72,239,254)
```
#48e0fe
```
#48e0fe rgb(72,224,254)
```
#48d1fe
```
#48d1fe rgb(72,209,254)
```
#48c2fe
```
#48c2fe rgb(72,194,254)
```
#48b3fe
```
#48b3fe rgb(72,179,254)
```

Similar Colors

Text with hexadecimal color #48e0fe

This text has a font color of #48e0fe.

<span style="color:#48e0fe;">Text here</span>

#48e0fe background color

This paragraph has a background color of #48e0fe.

<p style="background-color:#48e0fe;">Content here</p>

#48e0fe border color

This element has a border color of #48e0fe.

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

CSS codes

.text {color:#48e0fe;}

.background {background-color:#48e0fe;}

.border {border:1px solid #48e0fe;}

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, #000a0c is the darkest color, while #f8feff is the lightest one.

#000a0c
```
#000a0c rgb(0,10,12)
```
#001a20
```
#001a20 rgb(0,26,32)
```
#002b33
```
#002b33 rgb(0,43,51)
```
#003b47
```
#003b47 rgb(0,59,71)
```
#004b5a
```
#004b5a rgb(0,75,90)
```
#015c6e
```
#015c6e rgb(1,92,110)
```
#016c81
```
#016c81 rgb(1,108,129)
```
#017c95
```
#017c95 rgb(1,124,149)
```
#018da8
```
#018da8 rgb(1,141,168)
```
#019dbc
```
#019dbc rgb(1,157,188)
```
#01adcf
```
#01adcf rgb(1,173,207)
```
#01bee3
```
#01bee3 rgb(1,190,227)
```
#01cef6
```
#01cef6 rgb(1,206,246)
```

Shade Color Variation

#0dd6fe
```
#0dd6fe rgb(13,214,254)
```
#21d9fe
```
#21d9fe rgb(33,217,254)
```
#34ddfe
```
#34ddfe rgb(52,221,254)
```
#48e0fe
```
#48e0fe rgb(72,224,254)
```
#5ce3fe
```
#5ce3fe rgb(92,227,254)
```
#6fe7fe
```
#6fe7fe rgb(111,231,254)
```
#83eafe
```
#83eafe rgb(131,234,254)
```
#96edfe
```
#96edfe rgb(150,237,254)
```
#aaf1ff
```
#aaf1ff rgb(170,241,255)
```
#bdf4ff
```
#bdf4ff rgb(189,244,255)
```
#d1f7ff
```
#d1f7ff rgb(209,247,255)
```
#e4faff
```
#e4faff rgb(228,250,255)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da7a9 is the less saturated color, while #48e0fe is the most saturated one.

#9da7a9
```
#9da7a9 rgb(157,167,169)
```
#96acb0
```
#96acb0 rgb(150,172,176)
```
#8fb1b7
```
#8fb1b7 rgb(143,177,183)
```
#88b5be
```
#88b5be rgb(136,181,190)
```
#81bac5
```
#81bac5 rgb(129,186,197)
```
#7abfcc
```
#7abfcc rgb(122,191,204)
```
#72c4d4
```
#72c4d4 rgb(114,196,212)
```
#6bc8db
```
#6bc8db rgb(107,200,219)
```
#64cde2
```
#64cde2 rgb(100,205,226)
```
#5dd2e9
```
#5dd2e9 rgb(93,210,233)
```
#56d7f0
```
#56d7f0 rgb(86,215,240)
```
#4fdbf7
```
#4fdbf7 rgb(79,219,247)
```
#48e0fe
```
#48e0fe rgb(72,224,254)
```

Tone Color Variation

Below, you can see how #48e0fe 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

#b6b6b6 Achromatopsia 0.005% of the population
#a0bec4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cff2 Protanopia 1% of men
#c7cdff Deuteranopia 1% of men
#48e3f4 Tritanopia 0.001% of the population

Trichromacy

#9ad5f6 Protanomaly 1% of men, 0.01% of women
#99d4fe Deuteranomaly 6% of men, 0.4% of women
#48e2f7 Tritanomaly 0.01% of the population

#48e0fe hex color

#48e0fe Color Information

#48e0fe Color Conversion

Color Schemes with #48e0fe

Alternatives to #48e0fe

#48e0fe Preview

Shades and Tints of #48e0fe

Tones of #48e0fe

Color Blindness Simulator