#48b4f7 hex color

In a RGB color space, hex #48b4f7 is composed of 28.2% red, 70.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 27.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 203 degrees, a saturation of 91.6% and a lightness of 62.5%. #48b4f7 color hex could be obtained by blending #90ffff with #0069ef. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 71
- B 97
RGB color chart
- C 71
- M 27
- Y 0
- K 3
CMYK color chart

● #48b4f7 color description : Bright blue.

The hexadecimal color #48b4f7 has RGB values of R:72, G:180, B:247 and CMYK values of C:0.71, M:0.27, Y:0, K:0.03. Its decimal value is 4764919.

Hex triplet	48b4f7	`#48b4f7`
RGB Decimal	72, 180, 247	`rgb(72,180,247)`
RGB Percent	28.2, 70.6, 96.9	`rgb(28.2%,70.6%,96.9%)`
CMYK	71, 27, 0, 3
HSL	203°, 91.6, 62.5	`hsl(203,91.6%,62.5%)`
HSV (or HSB)	203°, 70.9, 96.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.988, -9.62, -42.16
XYZ	35.778, 40.733, 93.967
xyY	0.21, 0.239, 40.733
CIE-LCH	69.988, 43.243, 257.146
CIE-LUV	69.988, -39.792, -66.95
Hunter-Lab	63.822, -11.624, -42.619
Binary	01001000, 10110100, 11110111

#48b4f7
```
#48b4f7 rgb(72,180,247)
```
#f78b48
```
#f78b48 rgb(247,139,72)
```

Complementary Color

#48f7e3
```
#48f7e3 rgb(72,247,227)
```
#48b4f7
```
#48b4f7 rgb(72,180,247)
```
#485cf7
```
#485cf7 rgb(72,92,247)
```

Analogous Color

#f7e348
```
#f7e348 rgb(247,227,72)
```
#48b4f7
```
#48b4f7 rgb(72,180,247)
```
#f7485d
```
#f7485d rgb(247,72,93)
```

Split Complementary Color

#b4f748
```
#b4f748 rgb(180,247,72)
```
#48b4f7
```
#48b4f7 rgb(72,180,247)
```
#f748b4
```
#f748b4 rgb(247,72,180)
```

Triadic Color

#48f78b
```
#48f78b rgb(72,247,139)
```
#48b4f7
```
#48b4f7 rgb(72,180,247)
```
#f748b4
```
#f748b4 rgb(247,72,180)
```
#f78b48
```
#f78b48 rgb(247,139,72)
```

Tetradic Color

#0a93e8
```
#0a93e8 rgb(10,147,232)
```
#17a0f5
```
#17a0f5 rgb(23,160,245)
```
#30aaf6
```
#30aaf6 rgb(48,170,246)
```
#48b4f7
```
#48b4f7 rgb(72,180,247)
```
#60bef8
```
#60bef8 rgb(96,190,248)
```
#79c8f9
```
#79c8f9 rgb(121,200,249)
```
#91d2fa
```
#91d2fa rgb(145,210,250)
```

Monochromatic Color

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

#48e0f7
```
#48e0f7 rgb(72,224,247)
```
#48d1f7
```
#48d1f7 rgb(72,209,247)
```
#48c3f7
```
#48c3f7 rgb(72,195,247)
```
#48b4f7
```
#48b4f7 rgb(72,180,247)
```
#48a5f7
```
#48a5f7 rgb(72,165,247)
```
#4897f7
```
#4897f7 rgb(72,151,247)
```
#4888f7
```
#4888f7 rgb(72,136,247)
```

Similar Colors

Text with hexadecimal color #48b4f7

This text has a font color of #48b4f7.

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

#48b4f7 background color

This paragraph has a background color of #48b4f7.

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

#48b4f7 border color

This element has a border color of #48b4f7.

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

CSS codes

.text {color:#48b4f7;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#010f18
```
#010f18 rgb(1,15,24)
```
#021b2b
```
#021b2b rgb(2,27,43)
```
#03273d
```
#03273d rgb(3,39,61)
```
#043350
```
#043350 rgb(4,51,80)
```
#043f63
```
#043f63 rgb(4,63,99)
```
#054b76
```
#054b76 rgb(5,75,118)
```
#065788
```
#065788 rgb(6,87,136)
```
#07629b
```
#07629b rgb(7,98,155)
```
#086eae
```
#086eae rgb(8,110,174)
```
#087ac1
```
#087ac1 rgb(8,122,193)
```
#0986d4
```
#0986d4 rgb(9,134,212)
```
#0a92e6
```
#0a92e6 rgb(10,146,230)
```

Shade Color Variation

#109df5
```
#109df5 rgb(16,157,245)
```
#22a5f5
```
#22a5f5 rgb(34,165,245)
```
#35acf6
```
#35acf6 rgb(53,172,246)
```
#48b4f7
```
#48b4f7 rgb(72,180,247)
```
#5bbcf8
```
#5bbcf8 rgb(91,188,248)
```
#6ec3f9
```
#6ec3f9 rgb(110,195,249)
```
#80cbf9
```
#80cbf9 rgb(128,203,249)
```
#93d3fa
```
#93d3fa rgb(147,211,250)
```
#a6dbfb
```
#a6dbfb rgb(166,219,251)
```
#b9e2fc
```
#b9e2fc rgb(185,226,252)
```
#cceafd
```
#cceafd rgb(204,234,253)
```
#def2fe
```
#def2fe rgb(222,242,254)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a1a6 is the less saturated color, while #41b6fe is the most saturated one.

#99a1a6
```
#99a1a6 rgb(153,161,166)
```
#91a3ae
```
#91a3ae rgb(145,163,174)
```
#8aa5b5
```
#8aa5b5 rgb(138,165,181)
```
#83a6bc
```
#83a6bc rgb(131,166,188)
```
#7ba8c4
```
#7ba8c4 rgb(123,168,196)
```
#74aacb
```
#74aacb rgb(116,170,203)
```
#6dabd2
```
#6dabd2 rgb(109,171,210)
```
#65adda
```
#65adda rgb(101,173,218)
```
#5eafe1
```
#5eafe1 rgb(94,175,225)
```
#57b1e8
```
#57b1e8 rgb(87,177,232)
```
#4fb2f0
```
#4fb2f0 rgb(79,178,240)
```
#48b4f7
```
#48b4f7 rgb(72,180,247)
```
#41b6fe
```
#41b6fe rgb(65,182,254)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa0ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#99adef Protanopia 1% of men
#8baefb Deuteranopia 1% of men
#20c0ce Tritanopia 0.001% of the population

Trichromacy

#7baff2 Protanomaly 1% of men, 0.01% of women
#72b0f9 Deuteranomaly 6% of men, 0.4% of women
#2ebbdd Tritanomaly 0.01% of the population

#48b4f7 hex color

#48b4f7 Color Information

#48b4f7 Color Conversion

Color Schemes with #48b4f7

Alternatives to #48b4f7

#48b4f7 Preview

Shades and Tints of #48b4f7

Tones of #48b4f7

Color Blindness Simulator