#48bbfe hex color

In a RGB color space, hex #48bbfe is composed of 28.2% red, 73.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 26.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 202.1 degrees, a saturation of 98.9% and a lightness of 63.9%. #48bbfe color hex could be obtained by blending #90ffff with #0077fd. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 73
- B 100
RGB color chart
- C 72
- M 26
- Y 0
- K 0
CMYK color chart

● #48bbfe color description : Bright blue.

The hexadecimal color #48bbfe has RGB values of R:72, G:187, B:254 and CMYK values of C:0.72, M:0.26, Y:0, K:0. Its decimal value is 4766718.

Hex triplet	48bbfe	`#48bbfe`
RGB Decimal	72, 187, 254	`rgb(72,187,254)`
RGB Percent	28.2, 73.3, 99.6	`rgb(28.2%,73.3%,99.6%)`
CMYK	72, 26, 0, 0
HSL	202.1°, 98.9, 63.9	`hsl(202.1,98.9%,63.9%)`
HSV (or HSB)	202.1°, 71.7, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.276, -11.101, -42.366
XYZ	38.328, 44.071, 100.247
xyY	0.21, 0.241, 44.071
CIE-LCH	72.276, 43.797, 255.317
CIE-LUV	72.276, -41.858, -67.416
Hunter-Lab	66.386, -13.119, -43.062
Binary	01001000, 10111011, 11111110

#48bbfe
```
#48bbfe rgb(72,187,254)
```
#fe8b48
```
#fe8b48 rgb(254,139,72)
```

Complementary Color

#48fee6
```
#48fee6 rgb(72,254,230)
```
#48bbfe
```
#48bbfe rgb(72,187,254)
```
#4860fe
```
#4860fe rgb(72,96,254)
```

Analogous Color

#fee648
```
#fee648 rgb(254,230,72)
```
#48bbfe
```
#48bbfe rgb(72,187,254)
```
#fe4860
```
#fe4860 rgb(254,72,96)
```

Split Complementary Color

#bbfe48
```
#bbfe48 rgb(187,254,72)
```
#48bbfe
```
#48bbfe rgb(72,187,254)
```
#fe48bb
```
#fe48bb rgb(254,72,187)
```

Triadic Color

#48fe8b
```
#48fe8b rgb(72,254,139)
```
#48bbfe
```
#48bbfe rgb(72,187,254)
```
#fe48bb
```
#fe48bb rgb(254,72,187)
```
#fe8b48
```
#fe8b48 rgb(254,139,72)
```

Tetradic Color

#019df8
```
#019df8 rgb(1,157,248)
```
#15a8fe
```
#15a8fe rgb(21,168,254)
```
#2fb2fe
```
#2fb2fe rgb(47,178,254)
```
#48bbfe
```
#48bbfe rgb(72,187,254)
```
#61c4fe
```
#61c4fe rgb(97,196,254)
```
#7bcefe
```
#7bcefe rgb(123,206,254)
```
#94d7fe
```
#94d7fe rgb(148,215,254)
```

Monochromatic Color

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

#48e9fe
```
#48e9fe rgb(72,233,254)
```
#48d9fe
```
#48d9fe rgb(72,217,254)
```
#48cafe
```
#48cafe rgb(72,202,254)
```
#48bbfe
```
#48bbfe rgb(72,187,254)
```
#48acfe
```
#48acfe rgb(72,172,254)
```
#489dfe
```
#489dfe rgb(72,157,254)
```
#488efe
```
#488efe rgb(72,142,254)
```

Similar Colors

Text with hexadecimal color #48bbfe

This text has a font color of #48bbfe.

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

#48bbfe background color

This paragraph has a background color of #48bbfe.

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

#48bbfe border color

This element has a border color of #48bbfe.

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

CSS codes

.text {color:#48bbfe;}

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

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

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, #00080c is the darkest color, while #f8fcff is the lightest one.

#00080c
```
#00080c rgb(0,8,12)
```
#001420
```
#001420 rgb(0,20,32)
```
#002033
```
#002033 rgb(0,32,51)
```
#002d47
```
#002d47 rgb(0,45,71)
```
#00395a
```
#00395a rgb(0,57,90)
```
#01456e
```
#01456e rgb(1,69,110)
```
#015281
```
#015281 rgb(1,82,129)
```
#015e95
```
#015e95 rgb(1,94,149)
```
#016ba8
```
#016ba8 rgb(1,107,168)
```
#0177bc
```
#0177bc rgb(1,119,188)
```
#0183cf
```
#0183cf rgb(1,131,207)
```
#0190e3
```
#0190e3 rgb(1,144,227)
```
#019cf6
```
#019cf6 rgb(1,156,246)
```

Shade Color Variation

#0da5fe
```
#0da5fe rgb(13,165,254)
```
#21adfe
```
#21adfe rgb(33,173,254)
```
#34b4fe
```
#34b4fe rgb(52,180,254)
```
#48bbfe
```
#48bbfe rgb(72,187,254)
```
#5cc2fe
```
#5cc2fe rgb(92,194,254)
```
#6fc9fe
```
#6fc9fe rgb(111,201,254)
```
#83d1fe
```
#83d1fe rgb(131,209,254)
```
#96d8fe
```
#96d8fe rgb(150,216,254)
```
#aadfff
```
#aadfff rgb(170,223,255)
```
#bde6ff
```
#bde6ff rgb(189,230,255)
```
#d1eeff
```
#d1eeff rgb(209,238,255)
```
#e4f5ff
```
#e4f5ff rgb(228,245,255)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#9da5a9
```
#9da5a9 rgb(157,165,169)
```
#96a6b0
```
#96a6b0 rgb(150,166,176)
```
#8fa8b7
```
#8fa8b7 rgb(143,168,183)
```
#88aabe
```
#88aabe rgb(136,170,190)
```
#81acc5
```
#81acc5 rgb(129,172,197)
```
#7aaecc
```
#7aaecc rgb(122,174,204)
```
#72b0d4
```
#72b0d4 rgb(114,176,212)
```
#6bb2db
```
#6bb2db rgb(107,178,219)
```
#64b4e2
```
#64b4e2 rgb(100,180,226)
```
#5db5e9
```
#5db5e9 rgb(93,181,233)
```
#56b7f0
```
#56b7f0 rgb(86,183,240)
```
#4fb9f7
```
#4fb9f7 rgb(79,185,247)
```
#48bbfe
```
#48bbfe rgb(72,187,254)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8ea5b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb2f5 Protanopia 1% of men
#93b4ff Deuteranopia 1% of men
#1bc6d5 Tritanopia 0.001% of the population

Trichromacy

#7fb5f8 Protanomaly 1% of men, 0.01% of women
#78b6fe Deuteranomaly 6% of men, 0.4% of women
#2bc2e4 Tritanomaly 0.01% of the population

#48bbfe hex color

#48bbfe Color Information

#48bbfe Color Conversion

Color Schemes with #48bbfe

Alternatives to #48bbfe

#48bbfe Preview

Shades and Tints of #48bbfe

Tones of #48bbfe

Color Blindness Simulator