#48ccfa hex color

In a RGB color space, hex #48ccfa is composed of 28.2% red, 80% green and 98% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 18.4% magenta, 0% yellow and 2% black. It has a hue angle of 195.5 degrees, a saturation of 94.7% and a lightness of 63.1%. #48ccfa color hex could be obtained by blending #90ffff with #0099f5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 80
- B 98
RGB color chart
- C 71
- M 18
- Y 0
- K 2
CMYK color chart

● #48ccfa color description : Bright blue.

The hexadecimal color #48ccfa has RGB values of R:72, G:204, B:250 and CMYK values of C:0.71, M:0.18, Y:0, K:0.02. Its decimal value is 4771066.

Hex triplet	48ccfa	`#48ccfa`
RGB Decimal	72, 204, 250	`rgb(72,204,250)`
RGB Percent	28.2, 80, 98	`rgb(28.2%,80%,98%)`
CMYK	71, 18, 0, 2
HSL	195.5°, 94.7, 63.1	`hsl(195.5,94.7%,63.1%)`
HSV (or HSB)	195.5°, 71.2, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.958, -21.311, -32.949
XYZ	41.516, 51.462, 98.182
xyY	0.217, 0.269, 51.462
CIE-LCH	76.958, 39.24, 237.105
CIE-LUV	76.958, -47.983, -50.344
Hunter-Lab	71.737, -22.237, -30.931
Binary	01001000, 11001100, 11111010

#48ccfa
```
#48ccfa rgb(72,204,250)
```
#fa7648
```
#fa7648 rgb(250,118,72)
```

Complementary Color

#48facf
```
#48facf rgb(72,250,207)
```
#48ccfa
```
#48ccfa rgb(72,204,250)
```
#4873fa
```
#4873fa rgb(72,115,250)
```

Analogous Color

#facf48
```
#facf48 rgb(250,207,72)
```
#48ccfa
```
#48ccfa rgb(72,204,250)
```
#fa4873
```
#fa4873 rgb(250,72,115)
```

Split Complementary Color

#ccfa48
```
#ccfa48 rgb(204,250,72)
```
#48ccfa
```
#48ccfa rgb(72,204,250)
```
#fa48cc
```
#fa48cc rgb(250,72,204)
```

Triadic Color

#48fa76
```
#48fa76 rgb(72,250,118)
```
#48ccfa
```
#48ccfa rgb(72,204,250)
```
#fa48cc
```
#fa48cc rgb(250,72,204)
```
#fa7648
```
#fa7648 rgb(250,118,72)
```

Tetradic Color

#07b3ef
```
#07b3ef rgb(7,179,239)
```
#16bef9
```
#16bef9 rgb(22,190,249)
```
#2fc5f9
```
#2fc5f9 rgb(47,197,249)
```
#48ccfa
```
#48ccfa rgb(72,204,250)
```
#61d3fb
```
#61d3fb rgb(97,211,251)
```
#7adafb
```
#7adafb rgb(122,218,251)
```
#92e1fc
```
#92e1fc rgb(146,225,252)
```

Monochromatic Color

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

#48f9fa
```
#48f9fa rgb(72,249,250)
```
#48eafa
```
#48eafa rgb(72,234,250)
```
#48dbfa
```
#48dbfa rgb(72,219,250)
```
#48ccfa
```
#48ccfa rgb(72,204,250)
```
#48bdfa
```
#48bdfa rgb(72,189,250)
```
#48aefa
```
#48aefa rgb(72,174,250)
```
#48a0fa
```
#48a0fa rgb(72,160,250)
```

Similar Colors

Text with hexadecimal color #48ccfa

This text has a font color of #48ccfa.

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

#48ccfa background color

This paragraph has a background color of #48ccfa.

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

#48ccfa border color

This element has a border color of #48ccfa.

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

CSS codes

.text {color:#48ccfa;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#01141b
```
#01141b rgb(1,20,27)
```
#01232e
```
#01232e rgb(1,35,46)
```
#023141
```
#023141 rgb(2,49,65)
```
#023f54
```
#023f54 rgb(2,63,84)
```
#034d67
```
#034d67 rgb(3,77,103)
```
#035c7a
```
#035c7a rgb(3,92,122)
```
#046a8e
```
#046a8e rgb(4,106,142)
```
#0478a1
```
#0478a1 rgb(4,120,161)
```
#0587b4
```
#0587b4 rgb(5,135,180)
```
#0595c7
```
#0595c7 rgb(5,149,199)
```
#06a3da
```
#06a3da rgb(6,163,218)
```
#06b1ed
```
#06b1ed rgb(6,177,237)
```

Shade Color Variation

#0fbcf8
```
#0fbcf8 rgb(15,188,248)
```
#22c1f9
```
#22c1f9 rgb(34,193,249)
```
#35c7f9
```
#35c7f9 rgb(53,199,249)
```
#48ccfa
```
#48ccfa rgb(72,204,250)
```
#5bd1fb
```
#5bd1fb rgb(91,209,251)
```
#6ed7fb
```
#6ed7fb rgb(110,215,251)
```
#81dcfc
```
#81dcfc rgb(129,220,252)
```
#94e1fc
```
#94e1fc rgb(148,225,252)
```
#a7e7fd
```
#a7e7fd rgb(167,231,253)
```
#bbecfd
```
#bbecfd rgb(187,236,253)
```
#cef1fe
```
#cef1fe rgb(206,241,254)
```
#e1f7fe
```
#e1f7fe rgb(225,247,254)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#9fa2a3
```
#9fa2a3 rgb(159,162,163)
```
#98a6aa
```
#98a6aa rgb(152,166,170)
```
#90a9b2
```
#90a9b2 rgb(144,169,178)
```
#89adb9
```
#89adb9 rgb(137,173,185)
```
#82b0c0
```
#82b0c0 rgb(130,176,192)
```
#7bb4c7
```
#7bb4c7 rgb(123,180,199)
```
#73b7cf
```
#73b7cf rgb(115,183,207)
```
#6cbbd6
```
#6cbbd6 rgb(108,187,214)
```
#65bedd
```
#65bedd rgb(101,190,221)
```
#5ec2e4
```
#5ec2e4 rgb(94,194,228)
```
#56c5ec
```
#56c5ec rgb(86,197,236)
```
#4fc9f3
```
#4fc9f3 rgb(79,201,243)
```
#48ccfa
```
#48ccfa rgb(72,204,250)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#96b1ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bff0 Protanopia 1% of men
#adbfff Deuteranopia 1% of men
#3ad3e2 Tritanopia 0.001% of the population

Trichromacy

#8cc4f3 Protanomaly 1% of men, 0.01% of women
#88c3fd Deuteranomaly 6% of men, 0.4% of women
#3fd0eb Tritanomaly 0.01% of the population

#48ccfa hex color

#48ccfa Color Information

#48ccfa Color Conversion

Color Schemes with #48ccfa

Alternatives to #48ccfa

#48ccfa Preview

Shades and Tints of #48ccfa

Tones of #48ccfa

Color Blindness Simulator