#48cbf5 hex color

In a RGB color space, hex #48cbf5 is composed of 28.2% red, 79.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 17.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 194.6 degrees, a saturation of 89.6% and a lightness of 62.2%. #48cbf5 color hex could be obtained by blending #90ffff with #0097eb. Closest websafe color is: #33ccff.

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

● #48cbf5 color description : Bright cyan.

The hexadecimal color #48cbf5 has RGB values of R:72, G:203, B:245 and CMYK values of C:0.71, M:0.17, Y:0, K:0.04. Its decimal value is 4770805.

Hex triplet	48cbf5	`#48cbf5`
RGB Decimal	72, 203, 245	`rgb(72,203,245)`
RGB Percent	28.2, 79.6, 96.1	`rgb(28.2%,79.6%,96.1%)`
CMYK	71, 17, 0, 4
HSL	194.6°, 89.6, 62.2	`hsl(194.6,89.6%,62.2%)`
HSV (or HSB)	194.6°, 70.6, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.484, -22.372, -31.002
XYZ	40.505, 50.679, 94.028
xyY	0.219, 0.274, 50.679
CIE-LCH	76.484, 38.231, 234.185
CIE-LUV	76.484, -47.928, -46.826
Hunter-Lab	71.189, -23.017, -28.48
Binary	01001000, 11001011, 11110101

#48cbf5
```
#48cbf5 rgb(72,203,245)
```
#f57248
```
#f57248 rgb(245,114,72)
```

Complementary Color

#48f5c9
```
#48f5c9 rgb(72,245,201)
```
#48cbf5
```
#48cbf5 rgb(72,203,245)
```
#4875f5
```
#4875f5 rgb(72,117,245)
```

Analogous Color

#f5c948
```
#f5c948 rgb(245,201,72)
```
#48cbf5
```
#48cbf5 rgb(72,203,245)
```
#f54875
```
#f54875 rgb(245,72,117)
```

Split Complementary Color

#cbf548
```
#cbf548 rgb(203,245,72)
```
#48cbf5
```
#48cbf5 rgb(72,203,245)
```
#f548cb
```
#f548cb rgb(245,72,203)
```

Triadic Color

#48f572
```
#48f572 rgb(72,245,114)
```
#48cbf5
```
#48cbf5 rgb(72,203,245)
```
#f548cb
```
#f548cb rgb(245,72,203)
```
#f57248
```
#f57248 rgb(245,114,72)
```

Tetradic Color

#0cb0e4
```
#0cb0e4 rgb(12,176,228)
```
#18bdf2
```
#18bdf2 rgb(24,189,242)
```
#30c4f4
```
#30c4f4 rgb(48,196,244)
```
#48cbf5
```
#48cbf5 rgb(72,203,245)
```
#60d2f6
```
#60d2f6 rgb(96,210,246)
```
#78d9f8
```
#78d9f8 rgb(120,217,248)
```
#91e0f9
```
#91e0f9 rgb(145,224,249)
```

Monochromatic Color

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

#48f5f4
```
#48f5f4 rgb(72,245,244)
```
#48e8f5
```
#48e8f5 rgb(72,232,245)
```
#48d9f5
```
#48d9f5 rgb(72,217,245)
```
#48cbf5
```
#48cbf5 rgb(72,203,245)
```
#48bdf5
```
#48bdf5 rgb(72,189,245)
```
#48aef5
```
#48aef5 rgb(72,174,245)
```
#48a0f5
```
#48a0f5 rgb(72,160,245)
```

Similar Colors

Text with hexadecimal color #48cbf5

This text has a font color of #48cbf5.

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

#48cbf5 background color

This paragraph has a background color of #48cbf5.

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

#48cbf5 border color

This element has a border color of #48cbf5.

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

CSS codes

.text {color:#48cbf5;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#011116
```
#011116 rgb(1,17,22)
```
#021f28
```
#021f28 rgb(2,31,40)
```
#032d3b
```
#032d3b rgb(3,45,59)
```
#043c4d
```
#043c4d rgb(4,60,77)
```
#054a60
```
#054a60 rgb(5,74,96)
```
#065873
```
#065873 rgb(6,88,115)
```
#076785
```
#076785 rgb(7,103,133)
```
#087598
```
#087598 rgb(8,117,152)
```
#0983aa
```
#0983aa rgb(9,131,170)
```
#0a92bd
```
#0a92bd rgb(10,146,189)
```
#0ba0d0
```
#0ba0d0 rgb(11,160,208)
```
#0caee2
```
#0caee2 rgb(12,174,226)
```

Shade Color Variation

#10bbf2
```
#10bbf2 rgb(16,187,242)
```
#23c0f3
```
#23c0f3 rgb(35,192,243)
```
#35c6f4
```
#35c6f4 rgb(53,198,244)
```
#48cbf5
```
#48cbf5 rgb(72,203,245)
```
#5bd0f6
```
#5bd0f6 rgb(91,208,246)
```
#6dd6f7
```
#6dd6f7 rgb(109,214,247)
```
#80dbf8
```
#80dbf8 rgb(128,219,248)
```
#92e0f9
```
#92e0f9 rgb(146,224,249)
```
#a5e5fa
```
#a5e5fa rgb(165,229,250)
```
#b8ebfb
```
#b8ebfb rgb(184,235,251)
```
#caf0fc
```
#caf0fc rgb(202,240,252)
```
#ddf5fd
```
#ddf5fd rgb(221,245,253)
```
#effbfe
```
#effbfe rgb(239,251,254)
```

Tint Color Variation

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

#9aa1a3
```
#9aa1a3 rgb(154,161,163)
```
#92a5ab
```
#92a5ab rgb(146,165,171)
```
#8ba9b2
```
#8ba9b2 rgb(139,169,178)
```
#83acba
```
#83acba rgb(131,172,186)
```
#7cb0c1
```
#7cb0c1 rgb(124,176,193)
```
#75b4c8
```
#75b4c8 rgb(117,180,200)
```
#6db8d0
```
#6db8d0 rgb(109,184,208)
```
#66bcd7
```
#66bcd7 rgb(102,188,215)
```
#5ec0df
```
#5ec0df rgb(94,192,223)
```
#57c3e6
```
#57c3e6 rgb(87,195,230)
```
#4fc7ee
```
#4fc7ee rgb(79,199,238)
```
#48cbf5
```
#48cbf5 rgb(72,203,245)
```
#41cffc
```
#41cffc rgb(65,207,252)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#96b0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4beeb Protanopia 1% of men
#aebdfb Deuteranopia 1% of men
#3ed1e0 Tritanopia 0.001% of the population

Trichromacy

#8dc2ee Protanomaly 1% of men, 0.01% of women
#89c2f9 Deuteranomaly 6% of men, 0.4% of women
#41cfe8 Tritanomaly 0.01% of the population

#48cbf5 hex color

#48cbf5 Color Information

#48cbf5 Color Conversion

Color Schemes with #48cbf5

Alternatives to #48cbf5

#48cbf5 Preview

Shades and Tints of #48cbf5

Tones of #48cbf5

Color Blindness Simulator