#48dafe hex color

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

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

● #48dafe color description : Bright cyan.

The hexadecimal color #48dafe has RGB values of R:72, G:218, B:254 and CMYK values of C:0.72, M:0.14, Y:0, K:0. Its decimal value is 4774654.

Hex triplet	48dafe	`#48dafe`
RGB Decimal	72, 218, 254	`rgb(72,218,254)`
RGB Percent	28.2, 85.5, 99.6	`rgb(28.2%,85.5%,99.6%)`
CMYK	72, 14, 0, 0
HSL	191.9°, 98.9, 63.9	`hsl(191.9,98.9%,63.9%)`
HSV (or HSB)	191.9°, 71.7, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.111, -27.079, -28.695
XYZ	45.628, 58.672, 102.681
xyY	0.22, 0.283, 58.672
CIE-LCH	81.111, 39.455, 226.66
CIE-LUV	81.111, -52.623, -42.529
Hunter-Lab	76.598, -27.716, -25.861
Binary	01001000, 11011010, 11111110

#48dafe
```
#48dafe rgb(72,218,254)
```
#fe6c48
```
#fe6c48 rgb(254,108,72)
```

Complementary Color

#48fec7
```
#48fec7 rgb(72,254,199)
```
#48dafe
```
#48dafe rgb(72,218,254)
```
#487ffe
```
#487ffe rgb(72,127,254)
```

Analogous Color

#fec748
```
#fec748 rgb(254,199,72)
```
#48dafe
```
#48dafe rgb(72,218,254)
```
#fe487f
```
#fe487f rgb(254,72,127)
```

Split Complementary Color

#dafe48
```
#dafe48 rgb(218,254,72)
```
#48dafe
```
#48dafe rgb(72,218,254)
```
#fe48da
```
#fe48da rgb(254,72,218)
```

Triadic Color

#48fe6c
```
#48fe6c rgb(72,254,108)
```
#48dafe
```
#48dafe rgb(72,218,254)
```
#fe48da
```
#fe48da rgb(254,72,218)
```
#fe6c48
```
#fe6c48 rgb(254,108,72)
```

Tetradic Color

#01c7f8
```
#01c7f8 rgb(1,199,248)
```
#15d0fe
```
#15d0fe rgb(21,208,254)
```
#2fd5fe
```
#2fd5fe rgb(47,213,254)
```
#48dafe
```
#48dafe rgb(72,218,254)
```
#61dffe
```
#61dffe rgb(97,223,254)
```
#7be4fe
```
#7be4fe rgb(123,228,254)
```
#94e9fe
```
#94e9fe rgb(148,233,254)
```

Monochromatic Color

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

#48fef5
```
#48fef5 rgb(72,254,245)
```
#48f8fe
```
#48f8fe rgb(72,248,254)
```
#48e9fe
```
#48e9fe rgb(72,233,254)
```
#48dafe
```
#48dafe rgb(72,218,254)
```
#48cbfe
```
#48cbfe rgb(72,203,254)
```
#48bcfe
```
#48bcfe rgb(72,188,254)
```
#48adfe
```
#48adfe rgb(72,173,254)
```

Similar Colors

Text with hexadecimal color #48dafe

This text has a font color of #48dafe.

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

#48dafe background color

This paragraph has a background color of #48dafe.

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

#48dafe border color

This element has a border color of #48dafe.

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

CSS codes

.text {color:#48dafe;}

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

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

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 #f8fdff is the lightest one.

#000a0c
```
#000a0c rgb(0,10,12)
```
#001920
```
#001920 rgb(0,25,32)
```
#002933
```
#002933 rgb(0,41,51)
```
#003947
```
#003947 rgb(0,57,71)
```
#00485a
```
#00485a rgb(0,72,90)
```
#01586e
```
#01586e rgb(1,88,110)
```
#016881
```
#016881 rgb(1,104,129)
```
#017795
```
#017795 rgb(1,119,149)
```
#0187a8
```
#0187a8 rgb(1,135,168)
```
#0197bc
```
#0197bc rgb(1,151,188)
```
#01a6cf
```
#01a6cf rgb(1,166,207)
```
#01b6e3
```
#01b6e3 rgb(1,182,227)
```
#01c6f6
```
#01c6f6 rgb(1,198,246)
```

Shade Color Variation

#0dcefe
```
#0dcefe rgb(13,206,254)
```
#21d2fe
```
#21d2fe rgb(33,210,254)
```
#34d6fe
```
#34d6fe rgb(52,214,254)
```
#48dafe
```
#48dafe rgb(72,218,254)
```
#5cdefe
```
#5cdefe rgb(92,222,254)
```
#6fe2fe
```
#6fe2fe rgb(111,226,254)
```
#83e6fe
```
#83e6fe rgb(131,230,254)
```
#96eafe
```
#96eafe rgb(150,234,254)
```
#aaeeff
```
#aaeeff rgb(170,238,255)
```
#bdf2ff
```
#bdf2ff rgb(189,242,255)
```
#d1f6ff
```
#d1f6ff rgb(209,246,255)
```
#e4faff
```
#e4faff rgb(228,250,255)
```
#f8fdff
```
#f8fdff rgb(248,253,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 #48dafe is the most saturated one.

#9da7a9
```
#9da7a9 rgb(157,167,169)
```
#96abb0
```
#96abb0 rgb(150,171,176)
```
#8fafb7
```
#8fafb7 rgb(143,175,183)
```
#88b4be
```
#88b4be rgb(136,180,190)
```
#81b8c5
```
#81b8c5 rgb(129,184,197)
```
#7abccc
```
#7abccc rgb(122,188,204)
```
#72c0d4
```
#72c0d4 rgb(114,192,212)
```
#6bc5db
```
#6bc5db rgb(107,197,219)
```
#64c9e2
```
#64c9e2 rgb(100,201,226)
```
#5dcde9
```
#5dcde9 rgb(93,205,233)
```
#56d1f0
```
#56d1f0 rgb(86,209,240)
```
#4fd6f7
```
#4fd6f7 rgb(79,214,247)
```
#48dafe
```
#48dafe rgb(72,218,254)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9dbac1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2caf2 Protanopia 1% of men
#c0c9ff Deuteranopia 1% of men
#43deee Tritanopia 0.001% of the population

Trichromacy

#96d0f6 Protanomaly 1% of men, 0.01% of women
#94cffe Deuteranomaly 6% of men, 0.4% of women
#45dcf4 Tritanomaly 0.01% of the population

#48dafe hex color

#48dafe Color Information

#48dafe Color Conversion

Color Schemes with #48dafe

Alternatives to #48dafe

#48dafe Preview

Shades and Tints of #48dafe

Tones of #48dafe

Color Blindness Simulator