#48dcf6 hex color

In a RGB color space, hex #48dcf6 is composed of 28.2% red, 86.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 10.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 189 degrees, a saturation of 90.6% and a lightness of 62.4%. #48dcf6 color hex could be obtained by blending #90ffff with #00b9ed. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 86
- B 96
RGB color chart
- C 71
- M 11
- Y 0
- K 4
CMYK color chart

● #48dcf6 color description : Bright cyan.

The hexadecimal color #48dcf6 has RGB values of R:72, G:220, B:246 and CMYK values of C:0.71, M:0.11, Y:0, K:0.04. Its decimal value is 4775158.

Hex triplet	48dcf6	`#48dcf6`
RGB Decimal	72, 220, 246	`rgb(72,220,246)`
RGB Percent	28.2, 86.3, 96.5	`rgb(28.2%,86.3%,96.5%)`
CMYK	71, 11, 0, 4
HSL	189°, 90.6, 62.4	`hsl(189,90.6%,62.4%)`
HSV (or HSB)	189°, 70.7, 96.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.409, -30.47, -23.996
XYZ	44.896, 59.214, 96.247
xyY	0.224, 0.296, 59.214
CIE-LCH	81.409, 38.785, 218.221
CIE-LUV	81.409, -53.83, -34.048
Hunter-Lab	76.951, -30.521, -20.292
Binary	01001000, 11011100, 11110110

#48dcf6
```
#48dcf6 rgb(72,220,246)
```
#f66248
```
#f66248 rgb(246,98,72)
```

Complementary Color

#48f6b9
```
#48f6b9 rgb(72,246,185)
```
#48dcf6
```
#48dcf6 rgb(72,220,246)
```
#4885f6
```
#4885f6 rgb(72,133,246)
```

Analogous Color

#f6b948
```
#f6b948 rgb(246,185,72)
```
#48dcf6
```
#48dcf6 rgb(72,220,246)
```
#f64885
```
#f64885 rgb(246,72,133)
```

Split Complementary Color

#dcf648
```
#dcf648 rgb(220,246,72)
```
#48dcf6
```
#48dcf6 rgb(72,220,246)
```
#f648dc
```
#f648dc rgb(246,72,220)
```

Triadic Color

#48f662
```
#48f662 rgb(72,246,98)
```
#48dcf6
```
#48dcf6 rgb(72,220,246)
```
#f648dc
```
#f648dc rgb(246,72,220)
```
#f66248
```
#f66248 rgb(246,98,72)
```

Tetradic Color

#0bc5e6
```
#0bc5e6 rgb(11,197,230)
```
#17d3f4
```
#17d3f4 rgb(23,211,244)
```
#30d7f5
```
#30d7f5 rgb(48,215,245)
```
#48dcf6
```
#48dcf6 rgb(72,220,246)
```
#60e1f7
```
#60e1f7 rgb(96,225,247)
```
#79e5f8
```
#79e5f8 rgb(121,229,248)
```
#91eafa
```
#91eafa rgb(145,234,250)
```

Monochromatic Color

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

#48f6e5
```
#48f6e5 rgb(72,246,229)
```
#48f6f3
```
#48f6f3 rgb(72,246,243)
```
#48ebf6
```
#48ebf6 rgb(72,235,246)
```
#48dcf6
```
#48dcf6 rgb(72,220,246)
```
#48cef6
```
#48cef6 rgb(72,206,246)
```
#48bff6
```
#48bff6 rgb(72,191,246)
```
#48b1f6
```
#48b1f6 rgb(72,177,246)
```

Similar Colors

Text with hexadecimal color #48dcf6

This text has a font color of #48dcf6.

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

#48dcf6 background color

This paragraph has a background color of #48dcf6.

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

#48dcf6 border color

This element has a border color of #48dcf6.

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

CSS codes

.text {color:#48dcf6;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011317
```
#011317 rgb(1,19,23)
```
#022329
```
#022329 rgb(2,35,41)
```
#03343c
```
#03343c rgb(3,52,60)
```
#04444f
```
#04444f rgb(4,68,79)
```
#055461
```
#055461 rgb(5,84,97)
```
#066474
```
#066474 rgb(6,100,116)
```
#077487
```
#077487 rgb(7,116,135)
```
#08849a
```
#08849a rgb(8,132,154)
```
#0894ac
```
#0894ac rgb(8,148,172)
```
#09a4bf
```
#09a4bf rgb(9,164,191)
```
#0ab4d2
```
#0ab4d2 rgb(10,180,210)
```
#0bc4e4
```
#0bc4e4 rgb(11,196,228)
```

Shade Color Variation

#10d1f3
```
#10d1f3 rgb(16,209,243)
```
#23d5f4
```
#23d5f4 rgb(35,213,244)
```
#35d8f5
```
#35d8f5 rgb(53,216,245)
```
#48dcf6
```
#48dcf6 rgb(72,220,246)
```
#5be0f7
```
#5be0f7 rgb(91,224,247)
```
#6de3f8
```
#6de3f8 rgb(109,227,248)
```
#80e7f9
```
#80e7f9 rgb(128,231,249)
```
#93eafa
```
#93eafa rgb(147,234,250)
```
#a5eefb
```
#a5eefb rgb(165,238,251)
```
#b8f1fc
```
#b8f1fc rgb(184,241,252)
```
#cbf5fc
```
#cbf5fc rgb(203,245,252)
```
#def9fd
```
#def9fd rgb(222,249,253)
```
#f0fcfe
```
#f0fcfe rgb(240,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a3a5 is the less saturated color, while #41e1fd is the most saturated one.

#99a3a5
```
#99a3a5 rgb(153,163,165)
```
#92a8ac
```
#92a8ac rgb(146,168,172)
```
#8aadb4
```
#8aadb4 rgb(138,173,180)
```
#83b3bb
```
#83b3bb rgb(131,179,187)
```
#7cb8c2
```
#7cb8c2 rgb(124,184,194)
```
#74bdca
```
#74bdca rgb(116,189,202)
```
#6dc2d1
```
#6dc2d1 rgb(109,194,209)
```
#66c7d8
```
#66c7d8 rgb(102,199,216)
```
#5ecce0
```
#5ecce0 rgb(94,204,224)
```
#57d2e7
```
#57d2e7 rgb(87,210,231)
```
#4fd7ef
```
#4fd7ef rgb(79,215,239)
```
#48dcf6
```
#48dcf6 rgb(72,220,246)
```
#41e1fd
```
#41e1fd rgb(65,225,253)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9ebbc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cbeb Protanopia 1% of men
#c4c9fe Deuteranopia 1% of men
#4bdfef Tritanopia 0.001% of the population

Trichromacy

#98d1ef Protanomaly 1% of men, 0.01% of women
#97d0fb Deuteranomaly 6% of men, 0.4% of women
#4addf1 Tritanomaly 0.01% of the population

#48dcf6 hex color

#48dcf6 Color Information

#48dcf6 Color Conversion

Color Schemes with #48dcf6

Alternatives to #48dcf6

#48dcf6 Preview

Shades and Tints of #48dcf6

Tones of #48dcf6

Color Blindness Simulator