#48d4fd hex color

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

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

● #48d4fd color description : Bright cyan.

The hexadecimal color #48d4fd has RGB values of R:72, G:212, B:253 and CMYK values of C:0.72, M:0.16, Y:0, K:0.01. Its decimal value is 4773117.

Hex triplet	48d4fd	`#48d4fd`
RGB Decimal	72, 212, 253	`rgb(72,212,253)`
RGB Percent	28.2, 83.1, 99.2	`rgb(28.2%,83.1%,99.2%)`
CMYK	72, 16, 0, 1
HSL	193.6°, 97.8, 63.7	`hsl(193.6,97.8%,63.7%)`
HSV (or HSB)	193.6°, 71.5, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.359, -24.412, -30.853
XYZ	43.941, 55.553, 101.33
xyY	0.219, 0.277, 55.553
CIE-LCH	79.359, 39.343, 231.647
CIE-LUV	79.359, -50.595, -46.494
Hunter-Lab	74.534, -25.201, -28.432
Binary	01001000, 11010100, 11111101

#48d4fd
```
#48d4fd rgb(72,212,253)
```
#fd7148
```
#fd7148 rgb(253,113,72)
```

Complementary Color

#48fdcc
```
#48fdcc rgb(72,253,204)
```
#48d4fd
```
#48d4fd rgb(72,212,253)
```
#487afd
```
#487afd rgb(72,122,253)
```

Analogous Color

#fdcc48
```
#fdcc48 rgb(253,204,72)
```
#48d4fd
```
#48d4fd rgb(72,212,253)
```
#fd487a
```
#fd487a rgb(253,72,122)
```

Split Complementary Color

#d4fd48
```
#d4fd48 rgb(212,253,72)
```
#48d4fd
```
#48d4fd rgb(72,212,253)
```
#fd48d4
```
#fd48d4 rgb(253,72,212)
```

Triadic Color

#48fd71
```
#48fd71 rgb(72,253,113)
```
#48d4fd
```
#48d4fd rgb(72,212,253)
```
#fd48d4
```
#fd48d4 rgb(253,72,212)
```
#fd7148
```
#fd7148 rgb(253,113,72)
```

Tetradic Color

#03bff6
```
#03bff6 rgb(3,191,246)
```
#16c8fc
```
#16c8fc rgb(22,200,252)
```
#2fcefd
```
#2fcefd rgb(47,206,253)
```
#48d4fd
```
#48d4fd rgb(72,212,253)
```
#61dafd
```
#61dafd rgb(97,218,253)
```
#7ae0fe
```
#7ae0fe rgb(122,224,254)
```
#94e6fe
```
#94e6fe rgb(148,230,254)
```

Monochromatic Color

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

#48fdf9
```
#48fdf9 rgb(72,253,249)
```
#48f2fd
```
#48f2fd rgb(72,242,253)
```
#48e3fd
```
#48e3fd rgb(72,227,253)
```
#48d4fd
```
#48d4fd rgb(72,212,253)
```
#48c5fd
```
#48c5fd rgb(72,197,253)
```
#48b6fd
```
#48b6fd rgb(72,182,253)
```
#48a7fd
```
#48a7fd rgb(72,167,253)
```

Similar Colors

Text with hexadecimal color #48d4fd

This text has a font color of #48d4fd.

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

#48d4fd background color

This paragraph has a background color of #48d4fd.

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

#48d4fd border color

This element has a border color of #48d4fd.

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

CSS codes

.text {color:#48d4fd;}

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

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

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)
```
#012732
```
#012732 rgb(1,39,50)
```
#013645
```
#013645 rgb(1,54,69)
```
#014559
```
#014559 rgb(1,69,89)
```
#01546c
```
#01546c rgb(1,84,108)
```
#01637f
```
#01637f rgb(1,99,127)
```
#027293
```
#027293 rgb(2,114,147)
```
#0281a6
```
#0281a6 rgb(2,129,166)
```
#0290ba
```
#0290ba rgb(2,144,186)
```
#029fcd
```
#029fcd rgb(2,159,205)
```
#02aee0
```
#02aee0 rgb(2,174,224)
```
#03bdf4
```
#03bdf4 rgb(3,189,244)
```

Shade Color Variation

#0ec6fc
```
#0ec6fc rgb(14,198,252)
```
#21cbfd
```
#21cbfd rgb(33,203,253)
```
#35cffd
```
#35cffd rgb(53,207,253)
```
#48d4fd
```
#48d4fd rgb(72,212,253)
```
#5bd9fd
```
#5bd9fd rgb(91,217,253)
```
#6fddfd
```
#6fddfd rgb(111,221,253)
```
#82e2fe
```
#82e2fe rgb(130,226,254)
```
#96e6fe
```
#96e6fe rgb(150,230,254)
```
#a9ebfe
```
#a9ebfe rgb(169,235,254)
```
#bceffe
```
#bceffe rgb(188,239,254)
```
#d0f4fe
```
#d0f4fe rgb(208,244,254)
```
#e3f8ff
```
#e3f8ff rgb(227,248,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#9da5a8
```
#9da5a8 rgb(157,165,168)
```
#96a9af
```
#96a9af rgb(150,169,175)
```
#8fadb6
```
#8fadb6 rgb(143,173,182)
```
#88b1bd
```
#88b1bd rgb(136,177,189)
```
#81b5c4
```
#81b5c4 rgb(129,181,196)
```
#7ab9cb
```
#7ab9cb rgb(122,185,203)
```
#73bdd2
```
#73bdd2 rgb(115,189,210)
```
#6cc1d9
```
#6cc1d9 rgb(108,193,217)
```
#64c4e1
```
#64c4e1 rgb(100,196,225)
```
#5dc8e8
```
#5dc8e8 rgb(93,200,232)
```
#56ccef
```
#56ccef rgb(86,204,239)
```
#4fd0f6
```
#4fd0f6 rgb(79,208,246)
```
#48d4fd
```
#48d4fd rgb(72,212,253)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9ab6bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc5f2 Protanopia 1% of men
#b8c5ff Deuteranopia 1% of men
#3ed9e9 Tritanopia 0.001% of the population

Trichromacy

#92caf6 Protanomaly 1% of men, 0.01% of women
#8fcafe Deuteranomaly 6% of men, 0.4% of women
#42d7f0 Tritanomaly 0.01% of the population

#48d4fd hex color

#48d4fd Color Information

#48d4fd Color Conversion

Color Schemes with #48d4fd

Alternatives to #48d4fd

#48d4fd Preview

Shades and Tints of #48d4fd

Tones of #48d4fd

Color Blindness Simulator