#48bdf6 hex color

In a RGB color space, hex #48bdf6 is composed of 28.2% red, 74.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 23.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 199.7 degrees, a saturation of 90.6% and a lightness of 62.4%. #48bdf6 color hex could be obtained by blending #90ffff with #007bed. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 74
- B 96
RGB color chart
- C 71
- M 23
- Y 0
- K 4
CMYK color chart

● #48bdf6 color description : Bright blue.

The hexadecimal color #48bdf6 has RGB values of R:72, G:189, B:246 and CMYK values of C:0.71, M:0.23, Y:0, K:0.04. Its decimal value is 4767222.

Hex triplet	48bdf6	`#48bdf6`
RGB Decimal	72, 189, 246	`rgb(72,189,246)`
RGB Percent	28.2, 74.1, 96.5	`rgb(28.2%,74.1%,96.5%)`
CMYK	71, 23, 0, 4
HSL	199.7°, 90.6, 62.4	`hsl(199.7,90.6%,62.4%)`
HSV (or HSB)	199.7°, 70.7, 96.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.511, -14.791, -37.685
XYZ	37.5, 44.424, 93.782
xyY	0.213, 0.253, 44.424
CIE-LCH	72.511, 40.484, 248.571
CIE-LUV	72.511, -42.97, -58.932
Hunter-Lab	66.651, -16.208, -36.769
Binary	01001000, 10111101, 11110110

#48bdf6
```
#48bdf6 rgb(72,189,246)
```
#f68148
```
#f68148 rgb(246,129,72)
```

Complementary Color

#48f6d8
```
#48f6d8 rgb(72,246,216)
```
#48bdf6
```
#48bdf6 rgb(72,189,246)
```
#4866f6
```
#4866f6 rgb(72,102,246)
```

Analogous Color

#f6d848
```
#f6d848 rgb(246,216,72)
```
#48bdf6
```
#48bdf6 rgb(72,189,246)
```
#f64866
```
#f64866 rgb(246,72,102)
```

Split Complementary Color

#bdf648
```
#bdf648 rgb(189,246,72)
```
#48bdf6
```
#48bdf6 rgb(72,189,246)
```
#f648bd
```
#f648bd rgb(246,72,189)
```

Triadic Color

#48f681
```
#48f681 rgb(72,246,129)
```
#48bdf6
```
#48bdf6 rgb(72,189,246)
```
#f648bd
```
#f648bd rgb(246,72,189)
```
#f68148
```
#f68148 rgb(246,129,72)
```

Tetradic Color

#0b9ee6
```
#0b9ee6 rgb(11,158,230)
```
#17abf4
```
#17abf4 rgb(23,171,244)
```
#30b4f5
```
#30b4f5 rgb(48,180,245)
```
#48bdf6
```
#48bdf6 rgb(72,189,246)
```
#60c6f7
```
#60c6f7 rgb(96,198,247)
```
#79cff8
```
#79cff8 rgb(121,207,248)
```
#91d7fa
```
#91d7fa rgb(145,215,250)
```

Monochromatic Color

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

#48e9f6
```
#48e9f6 rgb(72,233,246)
```
#48daf6
```
#48daf6 rgb(72,218,246)
```
#48ccf6
```
#48ccf6 rgb(72,204,246)
```
#48bdf6
```
#48bdf6 rgb(72,189,246)
```
#48aff6
```
#48aff6 rgb(72,175,246)
```
#48a0f6
```
#48a0f6 rgb(72,160,246)
```
#4892f6
```
#4892f6 rgb(72,146,246)
```

Similar Colors

Text with hexadecimal color #48bdf6

This text has a font color of #48bdf6.

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

#48bdf6 background color

This paragraph has a background color of #48bdf6.

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

#48bdf6 border color

This element has a border color of #48bdf6.

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

CSS codes

.text {color:#48bdf6;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011017
```
#011017 rgb(1,16,23)
```
#021c29
```
#021c29 rgb(2,28,41)
```
#03293c
```
#03293c rgb(3,41,60)
```
#04364f
```
#04364f rgb(4,54,79)
```
#054361
```
#054361 rgb(5,67,97)
```
#065074
```
#065074 rgb(6,80,116)
```
#075d87
```
#075d87 rgb(7,93,135)
```
#086a9a
```
#086a9a rgb(8,106,154)
```
#0877ac
```
#0877ac rgb(8,119,172)
```
#0983bf
```
#0983bf rgb(9,131,191)
```
#0a90d2
```
#0a90d2 rgb(10,144,210)
```
#0b9de4
```
#0b9de4 rgb(11,157,228)
```

Shade Color Variation

#10a9f3
```
#10a9f3 rgb(16,169,243)
```
#23b0f4
```
#23b0f4 rgb(35,176,244)
```
#35b6f5
```
#35b6f5 rgb(53,182,245)
```
#48bdf6
```
#48bdf6 rgb(72,189,246)
```
#5bc4f7
```
#5bc4f7 rgb(91,196,247)
```
#6dcaf8
```
#6dcaf8 rgb(109,202,248)
```
#80d1f9
```
#80d1f9 rgb(128,209,249)
```
#93d8fa
```
#93d8fa rgb(147,216,250)
```
#a5dffb
```
#a5dffb rgb(165,223,251)
```
#b8e5fc
```
#b8e5fc rgb(184,229,252)
```
#cbecfc
```
#cbecfc rgb(203,236,252)
```
#def3fd
```
#def3fd rgb(222,243,253)
```
#f0fafe
```
#f0fafe rgb(240,250,254)
```

Tint Color Variation

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

#99a1a5
```
#99a1a5 rgb(153,161,165)
```
#92a4ac
```
#92a4ac rgb(146,164,172)
```
#8aa6b4
```
#8aa6b4 rgb(138,166,180)
```
#83a9bb
```
#83a9bb rgb(131,169,187)
```
#7cabc2
```
#7cabc2 rgb(124,171,194)
```
#74aeca
```
#74aeca rgb(116,174,202)
```
#6db0d1
```
#6db0d1 rgb(109,176,209)
```
#66b3d8
```
#66b3d8 rgb(102,179,216)
```
#5eb5e0
```
#5eb5e0 rgb(94,181,224)
```
#57b8e7
```
#57b8e7 rgb(87,184,231)
```
#4fbaef
```
#4fbaef rgb(79,186,239)
```
#48bdf6
```
#48bdf6 rgb(72,189,246)
```
#41c0fd
```
#41c0fd rgb(65,192,253)
```

Tone Color Variation

Below, you can see how #48bdf6 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
#8fa7b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b3ed Protanopia 1% of men
#99b4fb Deuteranopia 1% of men
#2fc6d5 Tritanopia 0.001% of the population

Trichromacy

#82b7f0 Protanomaly 1% of men, 0.01% of women
#7bb7f9 Deuteranomaly 6% of men, 0.4% of women
#38c3e1 Tritanomaly 0.01% of the population

#48bdf6 hex color

#48bdf6 Color Information

#48bdf6 Color Conversion

Color Schemes with #48bdf6

Alternatives to #48bdf6

#48bdf6 Preview

Shades and Tints of #48bdf6

Tones of #48bdf6

Color Blindness Simulator