#48acdd hex color

In a RGB color space, hex #48acdd is composed of 28.2% red, 67.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 22.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 199.7 degrees, a saturation of 68.7% and a lightness of 57.5%. #48acdd color hex could be obtained by blending #90ffff with #0059bb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 67
- B 87
RGB color chart
- C 67
- M 22
- Y 0
- K 13
CMYK color chart

● #48acdd color description : Soft blue.

The hexadecimal color #48acdd has RGB values of R:72, G:172, B:221 and CMYK values of C:0.67, M:0.22, Y:0, K:0.13. Its decimal value is 4762845.

Hex triplet	48acdd	`#48acdd`
RGB Decimal	72, 172, 221	`rgb(72,172,221)`
RGB Percent	28.2, 67.5, 86.7	`rgb(28.2%,67.5%,86.7%)`
CMYK	67, 22, 0, 13
HSL	199.7°, 68.7, 57.5	`hsl(199.7,68.7%,57.5%)`
HSV (or HSB)	199.7°, 67.4, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.597, -13.809, -33.246
XYZ	30.473, 36.101, 73.765
xyY	0.217, 0.257, 36.101
CIE-LCH	66.597, 36, 247.444
CIE-LUV	66.597, -38.253, -50.873
Hunter-Lab	60.084, -14.617, -30.731
Binary	01001000, 10101100, 11011101

#48acdd
```
#48acdd rgb(72,172,221)
```
#dd7948
```
#dd7948 rgb(221,121,72)
```

Complementary Color

#48ddc4
```
#48ddc4 rgb(72,221,196)
```
#48acdd
```
#48acdd rgb(72,172,221)
```
#4862dd
```
#4862dd rgb(72,98,221)
```

Analogous Color

#ddc448
```
#ddc448 rgb(221,196,72)
```
#48acdd
```
#48acdd rgb(72,172,221)
```
#dd4861
```
#dd4861 rgb(221,72,97)
```

Split Complementary Color

#acdd48
```
#acdd48 rgb(172,221,72)
```
#48acdd
```
#48acdd rgb(72,172,221)
```
#dd48ac
```
#dd48ac rgb(221,72,172)
```

Triadic Color

#48dd79
```
#48dd79 rgb(72,221,121)
```
#48acdd
```
#48acdd rgb(72,172,221)
```
#dd48ac
```
#dd48ac rgb(221,72,172)
```
#dd7948
```
#dd7948 rgb(221,121,72)
```

Tetradic Color

#2286b7
```
#2286b7 rgb(34,134,183)
```
#2695cc
```
#2695cc rgb(38,149,204)
```
#32a2d9
```
#32a2d9 rgb(50,162,217)
```
#48acdd
```
#48acdd rgb(72,172,221)
```
#5eb6e1
```
#5eb6e1 rgb(94,182,225)
```
#73c0e5
```
#73c0e5 rgb(115,192,229)
```
#89c9e9
```
#89c9e9 rgb(137,201,233)
```

Monochromatic Color

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

#48d1dd
```
#48d1dd rgb(72,209,221)
```
#48c5dd
```
#48c5dd rgb(72,197,221)
```
#48b8dd
```
#48b8dd rgb(72,184,221)
```
#48acdd
```
#48acdd rgb(72,172,221)
```
#48a0dd
```
#48a0dd rgb(72,160,221)
```
#4893dd
```
#4893dd rgb(72,147,221)
```
#4887dd
```
#4887dd rgb(72,135,221)
```

Similar Colors

Text with hexadecimal color #48acdd

This text has a font color of #48acdd.

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

#48acdd background color

This paragraph has a background color of #48acdd.

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

#48acdd border color

This element has a border color of #48acdd.

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

CSS codes

.text {color:#48acdd;}

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

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

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, #030b10 is the darkest color, while #feffff is the lightest one.

#030b10
```
#030b10 rgb(3,11,16)
```
#061720
```
#061720 rgb(6,23,32)
```
#092431
```
#092431 rgb(9,36,49)
```
#0c3041
```
#0c3041 rgb(12,48,65)
```
#0f3c52
```
#0f3c52 rgb(15,60,82)
```
#124862
```
#124862 rgb(18,72,98)
```
#155473
```
#155473 rgb(21,84,115)
```
#186083
```
#186083 rgb(24,96,131)
```
#1b6c94
```
#1b6c94 rgb(27,108,148)
```
#1f78a4
```
#1f78a4 rgb(31,120,164)
```
#2284b5
```
#2284b5 rgb(34,132,181)
```
#2591c5
```
#2591c5 rgb(37,145,197)
```
#289dd6
```
#289dd6 rgb(40,157,214)
```

Shade Color Variation

#37a4da
```
#37a4da rgb(55,164,218)
```
#48acdd
```
#48acdd rgb(72,172,221)
```
#59b4e0
```
#59b4e0 rgb(89,180,224)
```
#69bbe3
```
#69bbe3 rgb(105,187,227)
```
#7ac3e6
```
#7ac3e6 rgb(122,195,230)
```
#8acae9
```
#8acae9 rgb(138,202,233)
```
#9bd2ec
```
#9bd2ec rgb(155,210,236)
```
#abd9ef
```
#abd9ef rgb(171,217,239)
```
#bce1f3
```
#bce1f3 rgb(188,225,243)
```
#cce8f6
```
#cce8f6 rgb(204,232,246)
```
#ddf0f9
```
#ddf0f9 rgb(221,240,249)
```
#edf7fc
```
#edf7fc rgb(237,247,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b959a is the less saturated color, while #27b7fe is the most saturated one.

#8b959a
```
#8b959a rgb(139,149,154)
```
#8298a3
```
#8298a3 rgb(130,152,163)
```
#7a9bab
```
#7a9bab rgb(122,155,171)
```
#729eb3
```
#729eb3 rgb(114,158,179)
```
#69a1bc
```
#69a1bc rgb(105,161,188)
```
#61a3c4
```
#61a3c4 rgb(97,163,196)
```
#59a6cc
```
#59a6cc rgb(89,166,204)
```
#50a9d5
```
#50a9d5 rgb(80,169,213)
```
#48acdd
```
#48acdd rgb(72,172,221)
```
#40afe5
```
#40afe5 rgb(64,175,229)
```
#37b2ee
```
#37b2ee rgb(55,178,238)
```
#2fb5f6
```
#2fb5f6 rgb(47,181,246)
```
#27b7fe
```
#27b7fe rgb(39,183,254)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8599a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a4d7 Protanopia 1% of men
#90a5e3 Deuteranopia 1% of men
#3bb5c2 Tritanopia 0.001% of the population

Trichromacy

#7aa7d9 Protanomaly 1% of men, 0.01% of women
#75a7e0 Deuteranomaly 6% of men, 0.4% of women
#3fb2cc Tritanomaly 0.01% of the population

#48acdd hex color

#48acdd Color Information

#48acdd Color Conversion

Color Schemes with #48acdd

Alternatives to #48acdd

#48acdd Preview

Shades and Tints of #48acdd

Tones of #48acdd

Color Blindness Simulator