#48ebff hex color

In a RGB color space, hex #48ebff is composed of 28.2% red, 92.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 7.8% magenta, 0% yellow and 0% black. It has a hue angle of 186.6 degrees, a saturation of 100% and a lightness of 64.1%. #48ebff color hex could be obtained by blending #90ffff with #00d7ff. Closest websafe color is: #33ffff.

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

● #48ebff color description : Light cyan.

The hexadecimal color #48ebff has RGB values of R:72, G:235, B:255 and CMYK values of C:0.72, M:0.08, Y:0, K:0. Its decimal value is 4779007.

Hex triplet	48ebff	`#48ebff`
RGB Decimal	72, 235, 255	`rgb(72,235,255)`
RGB Percent	28.2, 92.2, 100	`rgb(28.2%,92.2%,100%)`
CMYK	72, 8, 0, 0
HSL	186.6°, 100, 64.1	`hsl(186.6,100%,64.1%)`
HSV (or HSB)	186.6°, 71.8, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	86.011, -34.935, -21.757
XYZ	50.426, 68.01, 105.072
xyY	0.226, 0.304, 68.01
CIE-LCH	86.011, 41.156, 211.914
CIE-LUV	86.011, -58.467, -29.795
Hunter-Lab	82.468, -35.174, -17.813
Binary	01001000, 11101011, 11111111

#48ebff
```
#48ebff rgb(72,235,255)
```
#ff5c48
```
#ff5c48 rgb(255,92,72)
```

Complementary Color

#48ffb8
```
#48ffb8 rgb(72,255,184)
```
#48ebff
```
#48ebff rgb(72,235,255)
```
#4890ff
```
#4890ff rgb(72,144,255)
```

Analogous Color

#ffb848
```
#ffb848 rgb(255,184,72)
```
#48ebff
```
#48ebff rgb(72,235,255)
```
#ff4890
```
#ff4890 rgb(255,72,144)
```

Split Complementary Color

#ebff48
```
#ebff48 rgb(235,255,72)
```
#48ebff
```
#48ebff rgb(72,235,255)
```
#ff48eb
```
#ff48eb rgb(255,72,235)
```

Triadic Color

#48ff5c
```
#48ff5c rgb(72,255,92)
```
#48ebff
```
#48ebff rgb(72,235,255)
```
#ff48eb
```
#ff48eb rgb(255,72,235)
```
#ff5c48
```
#ff5c48 rgb(255,92,72)
```

Tetradic Color

#00dffb
```
#00dffb rgb(0,223,251)
```
#15e5ff
```
#15e5ff rgb(21,229,255)
```
#2fe8ff
```
#2fe8ff rgb(47,232,255)
```
#48ebff
```
#48ebff rgb(72,235,255)
```
#62eeff
```
#62eeff rgb(98,238,255)
```
#7bf1ff
```
#7bf1ff rgb(123,241,255)
```
#95f3ff
```
#95f3ff rgb(149,243,255)
```

Monochromatic Color

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

#48ffe5
```
#48ffe5 rgb(72,255,229)
```
#48fff5
```
#48fff5 rgb(72,255,245)
```
#48faff
```
#48faff rgb(72,250,255)
```
#48ebff
```
#48ebff rgb(72,235,255)
```
#48dcff
```
#48dcff rgb(72,220,255)
```
#48cdff
```
#48cdff rgb(72,205,255)
```
#48bdff
```
#48bdff rgb(72,189,255)
```

Similar Colors

Text with hexadecimal color #48ebff

This text has a font color of #48ebff.

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

#48ebff background color

This paragraph has a background color of #48ebff.

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

#48ebff border color

This element has a border color of #48ebff.

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

CSS codes

.text {color:#48ebff;}

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

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

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

#000c0d
```
#000c0d rgb(0,12,13)
```
#001d21
```
#001d21 rgb(0,29,33)
```
#002f34
```
#002f34 rgb(0,47,52)
```
#004048
```
#004048 rgb(0,64,72)
```
#00525c
```
#00525c rgb(0,82,92)
```
#00636f
```
#00636f rgb(0,99,111)
```
#007583
```
#007583 rgb(0,117,131)
```
#008696
```
#008696 rgb(0,134,150)
```
#0097aa
```
#0097aa rgb(0,151,170)
```
#00a9be
```
#00a9be rgb(0,169,190)
```
#00bad1
```
#00bad1 rgb(0,186,209)
```
#00cce5
```
#00cce5 rgb(0,204,229)
```
#00ddf9
```
#00ddf9 rgb(0,221,249)
```

Shade Color Variation

#0de5ff
```
#0de5ff rgb(13,229,255)
```
#21e7ff
```
#21e7ff rgb(33,231,255)
```
#34e9ff
```
#34e9ff rgb(52,233,255)
```
#48ebff
```
#48ebff rgb(72,235,255)
```
#5cedff
```
#5cedff rgb(92,237,255)
```
#6fefff
```
#6fefff rgb(111,239,255)
```
#83f1ff
```
#83f1ff rgb(131,241,255)
```
#96f4ff
```
#96f4ff rgb(150,244,255)
```
#aaf6ff
```
#aaf6ff rgb(170,246,255)
```
#bef8ff
```
#bef8ff rgb(190,248,255)
```
#d1faff
```
#d1faff rgb(209,250,255)
```
#e5fcff
```
#e5fcff rgb(229,252,255)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#9ca9ab
```
#9ca9ab rgb(156,169,171)
```
#95afb2
```
#95afb2 rgb(149,175,178)
```
#8eb4b9
```
#8eb4b9 rgb(142,180,185)
```
#87bac0
```
#87bac0 rgb(135,186,192)
```
#80bfc7
```
#80bfc7 rgb(128,191,199)
```
#79c5ce
```
#79c5ce rgb(121,197,206)
```
#72cad5
```
#72cad5 rgb(114,202,213)
```
#6bd0dc
```
#6bd0dc rgb(107,208,220)
```
#64d5e3
```
#64d5e3 rgb(100,213,227)
```
#5ddbea
```
#5ddbea rgb(93,219,234)
```
#56e0f1
```
#56e0f1 rgb(86,224,241)
```
#4fe6f8
```
#4fe6f8 rgb(79,230,248)
```
#48ebff
```
#48ebff rgb(72,235,255)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a6c6ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d7f2 Protanopia 1% of men
#d5d5ff Deuteranopia 1% of men
#50ecfd Tritanopia 0.001% of the population

Trichromacy

#a1def7 Protanomaly 1% of men, 0.01% of women
#a1ddff Deuteranomaly 6% of men, 0.4% of women
#4debfe Tritanomaly 0.01% of the population

#48ebff hex color

#48ebff Color Information

#48ebff Color Conversion

Color Schemes with #48ebff

Alternatives to #48ebff

#48ebff Preview

Shades and Tints of #48ebff

Tones of #48ebff

Color Blindness Simulator