#48acf5 hex color

In a RGB color space, hex #48acf5 is composed of 28.2% red, 67.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 29.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 205.3 degrees, a saturation of 89.6% and a lightness of 62.2%. #48acf5 color hex could be obtained by blending #90ffff with #0059eb. Closest websafe color is: #3399ff.

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

● #48acf5 color description : Bright blue.

The hexadecimal color #48acf5 has RGB values of R:72, G:172, B:245 and CMYK values of C:0.71, M:0.3, Y:0, K:0.04. Its decimal value is 4762869.

Hex triplet	48acf5	`#48acf5`
RGB Decimal	72, 172, 245	`rgb(72,172,245)`
RGB Percent	28.2, 67.5, 96.1	`rgb(28.2%,67.5%,96.1%)`
CMYK	71, 30, 0, 4
HSL	205.3°, 89.6, 62.2	`hsl(205.3,89.6%,62.2%)`
HSV (or HSB)	205.3°, 70.6, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.63, -5.878, -44.769
XYZ	33.902, 37.473, 91.827
xyY	0.208, 0.23, 37.473
CIE-LCH	67.63, 45.153, 262.52
CIE-LUV	67.63, -37.128, -71.517
Hunter-Lab	61.215, -8.268, -46.089
Binary	01001000, 10101100, 11110101

#48acf5
```
#48acf5 rgb(72,172,245)
```
#f59148
```
#f59148 rgb(245,145,72)
```

Complementary Color

#48f5e8
```
#48f5e8 rgb(72,245,232)
```
#48acf5
```
#48acf5 rgb(72,172,245)
```
#4856f5
```
#4856f5 rgb(72,86,245)
```

Analogous Color

#f5e848
```
#f5e848 rgb(245,232,72)
```
#48acf5
```
#48acf5 rgb(72,172,245)
```
#f54856
```
#f54856 rgb(245,72,86)
```

Split Complementary Color

#acf548
```
#acf548 rgb(172,245,72)
```
#48acf5
```
#48acf5 rgb(72,172,245)
```
#f548ac
```
#f548ac rgb(245,72,172)
```

Triadic Color

#48f591
```
#48f591 rgb(72,245,145)
```
#48acf5
```
#48acf5 rgb(72,172,245)
```
#f548ac
```
#f548ac rgb(245,72,172)
```
#f59148
```
#f59148 rgb(245,145,72)
```

Tetradic Color

#0c89e4
```
#0c89e4 rgb(12,137,228)
```
#1896f2
```
#1896f2 rgb(24,150,242)
```
#30a1f4
```
#30a1f4 rgb(48,161,244)
```
#48acf5
```
#48acf5 rgb(72,172,245)
```
#60b7f6
```
#60b7f6 rgb(96,183,246)
```
#78c2f8
```
#78c2f8 rgb(120,194,248)
```
#91cdf9
```
#91cdf9 rgb(145,205,249)
```

Monochromatic Color

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

#48d7f5
```
#48d7f5 rgb(72,215,245)
```
#48c9f5
```
#48c9f5 rgb(72,201,245)
```
#48baf5
```
#48baf5 rgb(72,186,245)
```
#48acf5
```
#48acf5 rgb(72,172,245)
```
#489ef5
```
#489ef5 rgb(72,158,245)
```
#488ff5
```
#488ff5 rgb(72,143,245)
```
#4881f5
```
#4881f5 rgb(72,129,245)
```

Similar Colors

Text with hexadecimal color #48acf5

This text has a font color of #48acf5.

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

#48acf5 background color

This paragraph has a background color of #48acf5.

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

#48acf5 border color

This element has a border color of #48acf5.

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

CSS codes

.text {color:#48acf5;}

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

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

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 #eff8fe is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#010d16
```
#010d16 rgb(1,13,22)
```
#021828
```
#021828 rgb(2,24,40)
```
#03233b
```
#03233b rgb(3,35,59)
```
#042f4d
```
#042f4d rgb(4,47,77)
```
#053a60
```
#053a60 rgb(5,58,96)
```
#064573
```
#064573 rgb(6,69,115)
```
#075085
```
#075085 rgb(7,80,133)
```
#085b98
```
#085b98 rgb(8,91,152)
```
#0966aa
```
#0966aa rgb(9,102,170)
```
#0a72bd
```
#0a72bd rgb(10,114,189)
```
#0b7dd0
```
#0b7dd0 rgb(11,125,208)
```
#0c88e2
```
#0c88e2 rgb(12,136,226)
```

Shade Color Variation

#1093f2
```
#1093f2 rgb(16,147,242)
```
#239bf3
```
#239bf3 rgb(35,155,243)
```
#35a4f4
```
#35a4f4 rgb(53,164,244)
```
#48acf5
```
#48acf5 rgb(72,172,245)
```
#5bb4f6
```
#5bb4f6 rgb(91,180,246)
```
#6dbdf7
```
#6dbdf7 rgb(109,189,247)
```
#80c5f8
```
#80c5f8 rgb(128,197,248)
```
#92cef9
```
#92cef9 rgb(146,206,249)
```
#a5d6fa
```
#a5d6fa rgb(165,214,250)
```
#b8dffb
```
#b8dffb rgb(184,223,251)
```
#cae7fc
```
#cae7fc rgb(202,231,252)
```
#ddeffd
```
#ddeffd rgb(221,239,253)
```
#eff8fe
```
#eff8fe rgb(239,248,254)
```

Tint Color Variation

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

#9a9fa3
```
#9a9fa3 rgb(154,159,163)
```
#92a0ab
```
#92a0ab rgb(146,160,171)
```
#8ba2b2
```
#8ba2b2 rgb(139,162,178)
```
#83a3ba
```
#83a3ba rgb(131,163,186)
```
#7ca4c1
```
#7ca4c1 rgb(124,164,193)
```
#75a5c8
```
#75a5c8 rgb(117,165,200)
```
#6da6d0
```
#6da6d0 rgb(109,166,208)
```
#66a7d7
```
#66a7d7 rgb(102,167,215)
```
#5ea9df
```
#5ea9df rgb(94,169,223)
```
#57aae6
```
#57aae6 rgb(87,170,230)
```
#4fabee
```
#4fabee rgb(79,171,238)
```
#48acf5
```
#48acf5 rgb(72,172,245)
```
#41adfc
```
#41adfc rgb(65,173,252)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#869aa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a7ee Protanopia 1% of men
#7fa9f8 Deuteranopia 1% of men
#11b9c7 Tritanopia 0.001% of the population

Trichromacy

#75a8f0 Protanomaly 1% of men, 0.01% of women
#6baaf7 Deuteranomaly 6% of men, 0.4% of women
#25b4d7 Tritanomaly 0.01% of the population

#48acf5 hex color

#48acf5 Color Information

#48acf5 Color Conversion

Color Schemes with #48acf5

Alternatives to #48acf5

#48acf5 Preview

Shades and Tints of #48acf5

Tones of #48acf5

Color Blindness Simulator