#48d8fd hex color

In a RGB color space, hex #48d8fd is composed of 28.2% red, 84.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 14.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 192.3 degrees, a saturation of 97.8% and a lightness of 63.7%. #48d8fd color hex could be obtained by blending #90ffff with #00b1fb. Closest websafe color is: #33ccff.

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

● #48d8fd color description : Bright cyan.

The hexadecimal color #48d8fd has RGB values of R:72, G:216, B:253 and CMYK values of C:0.72, M:0.15, Y:0, K:0.01. Its decimal value is 4774141.

Hex triplet	48d8fd	`#48d8fd`
RGB Decimal	72, 216, 253	`rgb(72,216,253)`
RGB Percent	28.2, 84.7, 99.2	`rgb(28.2%,84.7%,99.2%)`
CMYK	72, 15, 0, 1
HSL	192.3°, 97.8, 63.7	`hsl(192.3,97.8%,63.7%)`
HSV (or HSB)	192.3°, 71.5, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.503, -26.4, -29.096
XYZ	44.953, 57.577, 101.668
xyY	0.22, 0.282, 57.577
CIE-LCH	80.503, 39.288, 227.781
CIE-LUV	80.503, -51.989, -43.276
Hunter-Lab	75.88, -27.041, -26.324
Binary	01001000, 11011000, 11111101

#48d8fd
```
#48d8fd rgb(72,216,253)
```
#fd6d48
```
#fd6d48 rgb(253,109,72)
```

Complementary Color

#48fdc8
```
#48fdc8 rgb(72,253,200)
```
#48d8fd
```
#48d8fd rgb(72,216,253)
```
#487efd
```
#487efd rgb(72,126,253)
```

Analogous Color

#fdc848
```
#fdc848 rgb(253,200,72)
```
#48d8fd
```
#48d8fd rgb(72,216,253)
```
#fd487e
```
#fd487e rgb(253,72,126)
```

Split Complementary Color

#d8fd48
```
#d8fd48 rgb(216,253,72)
```
#48d8fd
```
#48d8fd rgb(72,216,253)
```
#fd48d8
```
#fd48d8 rgb(253,72,216)
```

Triadic Color

#48fd6d
```
#48fd6d rgb(72,253,109)
```
#48d8fd
```
#48d8fd rgb(72,216,253)
```
#fd48d8
```
#fd48d8 rgb(253,72,216)
```
#fd6d48
```
#fd6d48 rgb(253,109,72)
```

Tetradic Color

#03c4f6
```
#03c4f6 rgb(3,196,246)
```
#16cdfc
```
#16cdfc rgb(22,205,252)
```
#2fd3fd
```
#2fd3fd rgb(47,211,253)
```
#48d8fd
```
#48d8fd rgb(72,216,253)
```
#61ddfd
```
#61ddfd rgb(97,221,253)
```
#7ae3fe
```
#7ae3fe rgb(122,227,254)
```
#94e8fe
```
#94e8fe rgb(148,232,254)
```

Monochromatic Color

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

#48fdf5
```
#48fdf5 rgb(72,253,245)
```
#48f6fd
```
#48f6fd rgb(72,246,253)
```
#48e7fd
```
#48e7fd rgb(72,231,253)
```
#48d8fd
```
#48d8fd rgb(72,216,253)
```
#48c9fd
```
#48c9fd rgb(72,201,253)
```
#48bafd
```
#48bafd rgb(72,186,253)
```
#48abfd
```
#48abfd rgb(72,171,253)
```

Similar Colors

Text with hexadecimal color #48d8fd

This text has a font color of #48d8fd.

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

#48d8fd background color

This paragraph has a background color of #48d8fd.

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

#48d8fd border color

This element has a border color of #48d8fd.

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

CSS codes

.text {color:#48d8fd;}

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

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

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, #00090b is the darkest color, while #f7fdff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#00181e
```
#00181e rgb(0,24,30)
```
#012832
```
#012832 rgb(1,40,50)
```
#013745
```
#013745 rgb(1,55,69)
```
#014759
```
#014759 rgb(1,71,89)
```
#01566c
```
#01566c rgb(1,86,108)
```
#01667f
```
#01667f rgb(1,102,127)
```
#027593
```
#027593 rgb(2,117,147)
```
#0285a6
```
#0285a6 rgb(2,133,166)
```
#0294ba
```
#0294ba rgb(2,148,186)
```
#02a4cd
```
#02a4cd rgb(2,164,205)
```
#02b3e0
```
#02b3e0 rgb(2,179,224)
```
#03c3f4
```
#03c3f4 rgb(3,195,244)
```

Shade Color Variation

#0eccfc
```
#0eccfc rgb(14,204,252)
```
#21d0fd
```
#21d0fd rgb(33,208,253)
```
#35d4fd
```
#35d4fd rgb(53,212,253)
```
#48d8fd
```
#48d8fd rgb(72,216,253)
```
#5bdcfd
```
#5bdcfd rgb(91,220,253)
```
#6fe0fd
```
#6fe0fd rgb(111,224,253)
```
#82e4fe
```
#82e4fe rgb(130,228,254)
```
#96e9fe
```
#96e9fe rgb(150,233,254)
```
#a9edfe
```
#a9edfe rgb(169,237,254)
```
#bcf1fe
```
#bcf1fe rgb(188,241,254)
```
#d0f5fe
```
#d0f5fe rgb(208,245,254)
```
#e3f9ff
```
#e3f9ff rgb(227,249,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#9da6a8
```
#9da6a8 rgb(157,166,168)
```
#96aaaf
```
#96aaaf rgb(150,170,175)
```
#8faeb6
```
#8faeb6 rgb(143,174,182)
```
#88b2bd
```
#88b2bd rgb(136,178,189)
```
#81b6c4
```
#81b6c4 rgb(129,182,196)
```
#7abbcb
```
#7abbcb rgb(122,187,203)
```
#73bfd2
```
#73bfd2 rgb(115,191,210)
```
#6cc3d9
```
#6cc3d9 rgb(108,195,217)
```
#64c7e1
```
#64c7e1 rgb(100,199,225)
```
#5dcbe8
```
#5dcbe8 rgb(93,203,232)
```
#56d0ef
```
#56d0ef rgb(86,208,239)
```
#4fd4f6
```
#4fd4f6 rgb(79,212,246)
```
#48d8fd
```
#48d8fd rgb(72,216,253)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#9cb9c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c8f2 Protanopia 1% of men
#bdc7ff Deuteranopia 1% of men
#42dced Tritanopia 0.001% of the population

Trichromacy

#94cef6 Protanomaly 1% of men, 0.01% of women
#92cdfe Deuteranomaly 6% of men, 0.4% of women
#44dbf2 Tritanomaly 0.01% of the population

#48d8fd hex color

#48d8fd Color Information

#48d8fd Color Conversion

Color Schemes with #48d8fd

Alternatives to #48d8fd

#48d8fd Preview

Shades and Tints of #48d8fd

Tones of #48d8fd

Color Blindness Simulator