#48a4ea hex color

In a RGB color space, hex #48a4ea is composed of 28.2% red, 64.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 29.9% magenta, 0% yellow and 8.2% black. It has a hue angle of 205.9 degrees, a saturation of 79.4% and a lightness of 60%. #48a4ea color hex could be obtained by blending #90ffff with #0049d5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 28
- G 64
- B 92
RGB color chart
- C 69
- M 30
- Y 0
- K 8
CMYK color chart

● #48a4ea color description : Soft blue.

The hexadecimal color #48a4ea has RGB values of R:72, G:164, B:234 and CMYK values of C:0.69, M:0.3, Y:0, K:0.08. Its decimal value is 4760810.

Hex triplet	48a4ea	`#48a4ea`
RGB Decimal	72, 164, 234	`rgb(72,164,234)`
RGB Percent	28.2, 64.3, 91.8	`rgb(28.2%,64.3%,91.8%)`
CMYK	69, 30, 0, 8
HSL	205.9°, 79.4, 60	`hsl(205.9,79.4%,60%)`
HSV (or HSB)	205.9°, 69.2, 91.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.857, -5.104, -43.108
XYZ	30.796, 33.867, 82.751
xyY	0.209, 0.23, 33.867
CIE-LCH	64.857, 43.409, 263.247
CIE-LUV	64.857, -34.845, -68.35
Hunter-Lab	58.195, -7.383, -43.572
Binary	01001000, 10100100, 11101010

#48a4ea
```
#48a4ea rgb(72,164,234)
```
#ea8e48
```
#ea8e48 rgb(234,142,72)
```

Complementary Color

#48eadf
```
#48eadf rgb(72,234,223)
```
#48a4ea
```
#48a4ea rgb(72,164,234)
```
#4853ea
```
#4853ea rgb(72,83,234)
```

Analogous Color

#eadf48
```
#eadf48 rgb(234,223,72)
```
#48a4ea
```
#48a4ea rgb(72,164,234)
```
#ea4853
```
#ea4853 rgb(234,72,83)
```

Split Complementary Color

#a4ea48
```
#a4ea48 rgb(164,234,72)
```
#48a4ea
```
#48a4ea rgb(72,164,234)
```
#ea48a4
```
#ea48a4 rgb(234,72,164)
```

Triadic Color

#48ea8e
```
#48ea8e rgb(72,234,142)
```
#48a4ea
```
#48a4ea rgb(72,164,234)
```
#ea48a4
```
#ea48a4 rgb(234,72,164)
```
#ea8e48
```
#ea8e48 rgb(234,142,72)
```

Tetradic Color

#187fce
```
#187fce rgb(24,127,206)
```
#1a8de5
```
#1a8de5 rgb(26,141,229)
```
#3199e7
```
#3199e7 rgb(49,153,231)
```
#48a4ea
```
#48a4ea rgb(72,164,234)
```
#5fafed
```
#5fafed rgb(95,175,237)
```
#76bbef
```
#76bbef rgb(118,187,239)
```
#8dc6f2
```
#8dc6f2 rgb(141,198,242)
```

Monochromatic Color

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

#48cdea
```
#48cdea rgb(72,205,234)
```
#48bfea
```
#48bfea rgb(72,191,234)
```
#48b2ea
```
#48b2ea rgb(72,178,234)
```
#48a4ea
```
#48a4ea rgb(72,164,234)
```
#4897ea
```
#4897ea rgb(72,151,234)
```
#4889ea
```
#4889ea rgb(72,137,234)
```
#487cea
```
#487cea rgb(72,124,234)
```

Similar Colors

Text with hexadecimal color #48a4ea

This text has a font color of #48a4ea.

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

#48a4ea background color

This paragraph has a background color of #48a4ea.

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

#48a4ea border color

This element has a border color of #48a4ea.

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

CSS codes

.text {color:#48a4ea;}

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

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

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, #01070b is the darkest color, while #f8fcfe is the lightest one.

#01070b
```
#01070b rgb(1,7,11)
```
#03111c
```
#03111c rgb(3,17,28)
```
#051c2e
```
#051c2e rgb(5,28,46)
```
#07273f
```
#07273f rgb(7,39,63)
```
#093251
```
#093251 rgb(9,50,81)
```
#0b3d63
```
#0b3d63 rgb(11,61,99)
```
#0d4874
```
#0d4874 rgb(13,72,116)
```
#0f5386
```
#0f5386 rgb(15,83,134)
```
#115d97
```
#115d97 rgb(17,93,151)
```
#1368a9
```
#1368a9 rgb(19,104,169)
```
#1573bb
```
#1573bb rgb(21,115,187)
```
#177ecc
```
#177ecc rgb(23,126,204)
```
#1989de
```
#1989de rgb(25,137,222)
```

Shade Color Variation

#2593e6
```
#2593e6 rgb(37,147,230)
```
#369be8
```
#369be8 rgb(54,155,232)
```
#48a4ea
```
#48a4ea rgb(72,164,234)
```
#5aadec
```
#5aadec rgb(90,173,236)
```
#6bb6ee
```
#6bb6ee rgb(107,182,238)
```
#7dbef0
```
#7dbef0 rgb(125,190,240)
```
#8ec7f2
```
#8ec7f2 rgb(142,199,242)
```
#a0d0f4
```
#a0d0f4 rgb(160,208,244)
```
#b2d9f6
```
#b2d9f6 rgb(178,217,246)
```
#c3e1f8
```
#c3e1f8 rgb(195,225,248)
```
#d5eafa
```
#d5eafa rgb(213,234,250)
```
#e6f3fc
```
#e6f3fc rgb(230,243,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96999c is the less saturated color, while #38a6fa is the most saturated one.

#96999c
```
#96999c rgb(150,153,156)
```
#8f9aa3
```
#8f9aa3 rgb(143,154,163)
```
#879bab
```
#879bab rgb(135,155,171)
```
#7f9db3
```
#7f9db3 rgb(127,157,179)
```
#779ebb
```
#779ebb rgb(119,158,187)
```
#6f9fc3
```
#6f9fc3 rgb(111,159,195)
```
#67a0cb
```
#67a0cb rgb(103,160,203)
```
#60a1d2
```
#60a1d2 rgb(96,161,210)
```
#58a2da
```
#58a2da rgb(88,162,218)
```
#50a3e2
```
#50a3e2 rgb(80,163,226)
```
#48a4ea
```
#48a4ea rgb(72,164,234)
```
#40a5f2
```
#40a5f2 rgb(64,165,242)
```
#38a6fa
```
#38a6fa rgb(56,166,250)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8294a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa0e4 Protanopia 1% of men
#7aa2ed Deuteranopia 1% of men
#21b1be Tritanopia 0.001% of the population

Trichromacy

#72a1e6 Protanomaly 1% of men, 0.01% of women
#68a2ec Deuteranomaly 6% of men, 0.4% of women
#2facce Tritanomaly 0.01% of the population

#48a4ea hex color

#48a4ea Color Information

#48a4ea Color Conversion

Color Schemes with #48a4ea

Alternatives to #48a4ea

#48a4ea Preview

Shades and Tints of #48a4ea

Tones of #48a4ea

Color Blindness Simulator