#48caf5 hex color

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

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

● #48caf5 color description : Bright cyan.

The hexadecimal color #48caf5 has RGB values of R:72, G:202, B:245 and CMYK values of C:0.71, M:0.18, Y:0, K:0.04. Its decimal value is 4770549.

Hex triplet	48caf5	`#48caf5`
RGB Decimal	72, 202, 245	`rgb(72,202,245)`
RGB Percent	28.2, 79.2, 96.1	`rgb(28.2%,79.2%,96.1%)`
CMYK	71, 18, 0, 4
HSL	194.9°, 89.6, 62.2	`hsl(194.9,89.6%,62.2%)`
HSV (or HSB)	194.9°, 70.6, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.197, -21.864, -31.444
XYZ	40.27, 50.208, 93.95
xyY	0.218, 0.272, 50.208
CIE-LCH	76.197, 38.298, 235.188
CIE-LUV	76.197, -47.577, -47.63
Hunter-Lab	70.858, -22.555, -29.012
Binary	01001000, 11001010, 11110101

#48caf5
```
#48caf5 rgb(72,202,245)
```
#f57348
```
#f57348 rgb(245,115,72)
```

Complementary Color

#48f5ca
```
#48f5ca rgb(72,245,202)
```
#48caf5
```
#48caf5 rgb(72,202,245)
```
#4874f5
```
#4874f5 rgb(72,116,245)
```

Analogous Color

#f5ca48
```
#f5ca48 rgb(245,202,72)
```
#48caf5
```
#48caf5 rgb(72,202,245)
```
#f54874
```
#f54874 rgb(245,72,116)
```

Split Complementary Color

#caf548
```
#caf548 rgb(202,245,72)
```
#48caf5
```
#48caf5 rgb(72,202,245)
```
#f548ca
```
#f548ca rgb(245,72,202)
```

Triadic Color

#48f573
```
#48f573 rgb(72,245,115)
```
#48caf5
```
#48caf5 rgb(72,202,245)
```
#f548ca
```
#f548ca rgb(245,72,202)
```
#f57348
```
#f57348 rgb(245,115,72)
```

Tetradic Color

#0caee4
```
#0caee4 rgb(12,174,228)
```
#18bcf2
```
#18bcf2 rgb(24,188,242)
```
#30c3f4
```
#30c3f4 rgb(48,195,244)
```
#48caf5
```
#48caf5 rgb(72,202,245)
```
#60d1f6
```
#60d1f6 rgb(96,209,246)
```
#78d8f8
```
#78d8f8 rgb(120,216,248)
```
#91dff9
```
#91dff9 rgb(145,223,249)
```

Monochromatic Color

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

#48f5f5
```
#48f5f5 rgb(72,245,245)
```
#48e7f5
```
#48e7f5 rgb(72,231,245)
```
#48d8f5
```
#48d8f5 rgb(72,216,245)
```
#48caf5
```
#48caf5 rgb(72,202,245)
```
#48bcf5
```
#48bcf5 rgb(72,188,245)
```
#48adf5
```
#48adf5 rgb(72,173,245)
```
#489ff5
```
#489ff5 rgb(72,159,245)
```

Similar Colors

Text with hexadecimal color #48caf5

This text has a font color of #48caf5.

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

#48caf5 background color

This paragraph has a background color of #48caf5.

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

#48caf5 border color

This element has a border color of #48caf5.

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

CSS codes

.text {color:#48caf5;}

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

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

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 #effafe 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)
```
#043b4d
```
#043b4d rgb(4,59,77)
```
#054960
```
#054960 rgb(5,73,96)
```
#065873
```
#065873 rgb(6,88,115)
```
#076685
```
#076685 rgb(7,102,133)
```
#087498
```
#087498 rgb(8,116,152)
```
#0982aa
```
#0982aa rgb(9,130,170)
```
#0a91bd
```
#0a91bd rgb(10,145,189)
```
#0b9fd0
```
#0b9fd0 rgb(11,159,208)
```
#0cade2
```
#0cade2 rgb(12,173,226)
```

Shade Color Variation

#10baf2
```
#10baf2 rgb(16,186,242)
```
#23bff3
```
#23bff3 rgb(35,191,243)
```
#35c5f4
```
#35c5f4 rgb(53,197,244)
```
#48caf5
```
#48caf5 rgb(72,202,245)
```
#5bcff6
```
#5bcff6 rgb(91,207,246)
```
#6dd5f7
```
#6dd5f7 rgb(109,213,247)
```
#80daf8
```
#80daf8 rgb(128,218,248)
```
#92e0f9
```
#92e0f9 rgb(146,224,249)
```
#a5e5fa
```
#a5e5fa rgb(165,229,250)
```
#b8eafb
```
#b8eafb rgb(184,234,251)
```
#caf0fc
```
#caf0fc rgb(202,240,252)
```
#ddf5fd
```
#ddf5fd rgb(221,245,253)
```
#effafe
```
#effafe rgb(239,250,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 #41cefc is the most saturated one.

#9aa1a3
```
#9aa1a3 rgb(154,161,163)
```
#92a5ab
```
#92a5ab rgb(146,165,171)
```
#8ba8b2
```
#8ba8b2 rgb(139,168,178)
```
#83acba
```
#83acba rgb(131,172,186)
```
#7cb0c1
```
#7cb0c1 rgb(124,176,193)
```
#75b4c8
```
#75b4c8 rgb(117,180,200)
```
#6db7d0
```
#6db7d0 rgb(109,183,208)
```
#66bbd7
```
#66bbd7 rgb(102,187,215)
```
#5ebfdf
```
#5ebfdf rgb(94,191,223)
```
#57c3e6
```
#57c3e6 rgb(87,195,230)
```
#4fc6ee
```
#4fc6ee rgb(79,198,238)
```
#48caf5
```
#48caf5 rgb(72,202,245)
```
#41cefc
```
#41cefc rgb(65,206,252)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#95afb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bdeb Protanopia 1% of men
#acbcfb Deuteranopia 1% of men
#3dd0e0 Tritanopia 0.001% of the population

Trichromacy

#8cc2ef Protanomaly 1% of men, 0.01% of women
#88c1f9 Deuteranomaly 6% of men, 0.4% of women
#41cee7 Tritanomaly 0.01% of the population

#48caf5 hex color

#48caf5 Color Information

#48caf5 Color Conversion

Color Schemes with #48caf5

Alternatives to #48caf5

#48caf5 Preview

Shades and Tints of #48caf5

Tones of #48caf5

Color Blindness Simulator