#48bcfc hex color

In a RGB color space, hex #48bcfc is composed of 28.2% red, 73.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 25.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 201.3 degrees, a saturation of 96.8% and a lightness of 63.5%. #48bcfc color hex could be obtained by blending #90ffff with #0079f9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 74
- B 99
RGB color chart
- C 71
- M 25
- Y 0
- K 1
CMYK color chart

● #48bcfc color description : Bright blue.

The hexadecimal color #48bcfc has RGB values of R:72, G:188, B:252 and CMYK values of C:0.71, M:0.25, Y:0, K:0.01. Its decimal value is 4766972.

Hex triplet	48bcfc	`#48bcfc`
RGB Decimal	72, 188, 252	`rgb(72,188,252)`
RGB Percent	28.2, 73.7, 98.8	`rgb(28.2%,73.7%,98.8%)`
CMYK	71, 25, 0, 1
HSL	201.3°, 96.8, 63.5	`hsl(201.3,96.8%,63.5%)`
HSV (or HSB)	201.3°, 71.4, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.475, -12.298, -40.978
XYZ	38.222, 44.369, 98.64
xyY	0.211, 0.245, 44.369
CIE-LCH	72.475, 42.784, 253.295
CIE-LUV	72.475, -42.306, -64.902
Hunter-Lab	66.61, -14.142, -41.172
Binary	01001000, 10111100, 11111100

#48bcfc
```
#48bcfc rgb(72,188,252)
```
#fc8848
```
#fc8848 rgb(252,136,72)
```

Complementary Color

#48fce2
```
#48fce2 rgb(72,252,226)
```
#48bcfc
```
#48bcfc rgb(72,188,252)
```
#4862fc
```
#4862fc rgb(72,98,252)
```

Analogous Color

#fce248
```
#fce248 rgb(252,226,72)
```
#48bcfc
```
#48bcfc rgb(72,188,252)
```
#fc4862
```
#fc4862 rgb(252,72,98)
```

Split Complementary Color

#bcfc48
```
#bcfc48 rgb(188,252,72)
```
#48bcfc
```
#48bcfc rgb(72,188,252)
```
#fc48bc
```
#fc48bc rgb(252,72,188)
```

Triadic Color

#48fc88
```
#48fc88 rgb(72,252,136)
```
#48bcfc
```
#48bcfc rgb(72,188,252)
```
#fc48bc
```
#fc48bc rgb(252,72,188)
```
#fc8848
```
#fc8848 rgb(252,136,72)
```

Tetradic Color

#049ef4
```
#049ef4 rgb(4,158,244)
```
#16aafb
```
#16aafb rgb(22,170,251)
```
#2fb3fc
```
#2fb3fc rgb(47,179,252)
```
#48bcfc
```
#48bcfc rgb(72,188,252)
```
#61c5fc
```
#61c5fc rgb(97,197,252)
```
#7acefd
```
#7acefd rgb(122,206,253)
```
#93d8fd
```
#93d8fd rgb(147,216,253)
```

Monochromatic Color

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

#48e9fc
```
#48e9fc rgb(72,233,252)
```
#48dafc
```
#48dafc rgb(72,218,252)
```
#48cbfc
```
#48cbfc rgb(72,203,252)
```
#48bcfc
```
#48bcfc rgb(72,188,252)
```
#48adfc
```
#48adfc rgb(72,173,252)
```
#489efc
```
#489efc rgb(72,158,252)
```
#488ffc
```
#488ffc rgb(72,143,252)
```

Similar Colors

Text with hexadecimal color #48bcfc

This text has a font color of #48bcfc.

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

#48bcfc background color

This paragraph has a background color of #48bcfc.

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

#48bcfc border color

This element has a border color of #48bcfc.

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

CSS codes

.text {color:#48bcfc;}

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

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

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, #00060a is the darkest color, while #f6fcff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#00131d
```
#00131d rgb(0,19,29)
```
#012031
```
#012031 rgb(1,32,49)
```
#012c44
```
#012c44 rgb(1,44,68)
```
#013957
```
#013957 rgb(1,57,87)
```
#02456a
```
#02456a rgb(2,69,106)
```
#02527e
```
#02527e rgb(2,82,126)
```
#025e91
```
#025e91 rgb(2,94,145)
```
#036ba4
```
#036ba4 rgb(3,107,164)
```
#0377b8
```
#0377b8 rgb(3,119,184)
```
#0384cb
```
#0384cb rgb(3,132,203)
```
#0491de
```
#0491de rgb(4,145,222)
```
#049df2
```
#049df2 rgb(4,157,242)
```

Shade Color Variation

#0ea7fb
```
#0ea7fb rgb(14,167,251)
```
#21aefb
```
#21aefb rgb(33,174,251)
```
#35b5fc
```
#35b5fc rgb(53,181,252)
```
#48bcfc
```
#48bcfc rgb(72,188,252)
```
#5bc3fc
```
#5bc3fc rgb(91,195,252)
```
#6fcafd
```
#6fcafd rgb(111,202,253)
```
#82d1fd
```
#82d1fd rgb(130,209,253)
```
#95d8fd
```
#95d8fd rgb(149,216,253)
```
#a8dffe
```
#a8dffe rgb(168,223,254)
```
#bce6fe
```
#bce6fe rgb(188,230,254)
```
#cfedfe
```
#cfedfe rgb(207,237,254)
```
#e2f5ff
```
#e2f5ff rgb(226,245,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#9ea3a6
```
#9ea3a6 rgb(158,163,166)
```
#97a5ad
```
#97a5ad rgb(151,165,173)
```
#90a7b4
```
#90a7b4 rgb(144,167,180)
```
#88a9bc
```
#88a9bc rgb(136,169,188)
```
#81abc3
```
#81abc3 rgb(129,171,195)
```
#7aaeca
```
#7aaeca rgb(122,174,202)
```
#73b0d1
```
#73b0d1 rgb(115,176,209)
```
#6cb2d8
```
#6cb2d8 rgb(108,178,216)
```
#65b4df
```
#65b4df rgb(101,180,223)
```
#5db6e7
```
#5db6e7 rgb(93,182,231)
```
#56b8ee
```
#56b8ee rgb(86,184,238)
```
#4fbaf5
```
#4fbaf5 rgb(79,186,245)
```
#48bcfc
```
#48bcfc rgb(72,188,252)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8fa6b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b3f3 Protanopia 1% of men
#95b4ff Deuteranopia 1% of men
#23c7d5 Tritanopia 0.001% of the population

Trichromacy

#80b6f6 Protanomaly 1% of men, 0.01% of women
#79b7fd Deuteranomaly 6% of men, 0.4% of women
#30c3e3 Tritanomaly 0.01% of the population

#48bcfc hex color

#48bcfc Color Information

#48bcfc Color Conversion

Color Schemes with #48bcfc

Alternatives to #48bcfc

#48bcfc Preview

Shades and Tints of #48bcfc

Tones of #48bcfc

Color Blindness Simulator