#48adcd hex color

In a RGB color space, hex #48adcd is composed of 28.2% red, 67.8% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 15.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 194.4 degrees, a saturation of 57.1% and a lightness of 54.3%. #48adcd color hex could be obtained by blending #90ffff with #005b9b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 68
- B 80
RGB color chart
- C 65
- M 16
- Y 0
- K 20
CMYK color chart

● #48adcd color description : Moderate cyan.

The hexadecimal color #48adcd has RGB values of R:72, G:173, B:205 and CMYK values of C:0.65, M:0.16, Y:0, K:0.2. Its decimal value is 4763085.

Hex triplet	48adcd	`#48adcd`
RGB Decimal	72, 173, 205	`rgb(72,173,205)`
RGB Percent	28.2, 67.8, 80.4	`rgb(28.2%,67.8%,80.4%)`
CMYK	65, 16, 0, 20
HSL	194.4°, 57.1, 54.3	`hsl(194.4,57.1%,54.3%)`
HSV (or HSB)	194.4°, 64.9, 80.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.267, -19.421, -24.932
XYZ	28.633, 35.67, 63.13
xyY	0.225, 0.28, 35.67
CIE-LCH	66.267, 31.603, 232.083
CIE-LUV	66.267, -39.419, -36.218
Hunter-Lab	59.725, -18.944, -20.864
Binary	01001000, 10101101, 11001101

#48adcd
```
#48adcd rgb(72,173,205)
```
#cd6848
```
#cd6848 rgb(205,104,72)
```

Complementary Color

#48cdab
```
#48cdab rgb(72,205,171)
```
#48adcd
```
#48adcd rgb(72,173,205)
```
#486bcd
```
#486bcd rgb(72,107,205)
```

Analogous Color

#cdab48
```
#cdab48 rgb(205,171,72)
```
#48adcd
```
#48adcd rgb(72,173,205)
```
#cd486b
```
#cd486b rgb(205,72,107)
```

Split Complementary Color

#adcd48
```
#adcd48 rgb(173,205,72)
```
#48adcd
```
#48adcd rgb(72,173,205)
```
#cd48ad
```
#cd48ad rgb(205,72,173)
```

Triadic Color

#48cd68
```
#48cd68 rgb(72,205,104)
```
#48adcd
```
#48adcd rgb(72,173,205)
```
#cd48ad
```
#cd48ad rgb(205,72,173)
```
#cd6848
```
#cd6848 rgb(205,104,72)
```

Tetradic Color

#2b829d
```
#2b829d rgb(43,130,157)
```
#3092b2
```
#3092b2 rgb(48,146,178)
```
#36a3c6
```
#36a3c6 rgb(54,163,198)
```
#48adcd
```
#48adcd rgb(72,173,205)
```
#5cb6d2
```
#5cb6d2 rgb(92,182,210)
```
#70bfd8
```
#70bfd8 rgb(112,191,216)
```
#84c8dd
```
#84c8dd rgb(132,200,221)
```

Monochromatic Color

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

#48cdcc
```
#48cdcc rgb(72,205,204)
```
#48c3cd
```
#48c3cd rgb(72,195,205)
```
#48b8cd
```
#48b8cd rgb(72,184,205)
```
#48adcd
```
#48adcd rgb(72,173,205)
```
#48a2cd
```
#48a2cd rgb(72,162,205)
```
#4897cd
```
#4897cd rgb(72,151,205)
```
#488ccd
```
#488ccd rgb(72,140,205)
```

Similar Colors

Text with hexadecimal color #48adcd

This text has a font color of #48adcd.

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

#48adcd background color

This paragraph has a background color of #48adcd.

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

#48adcd border color

This element has a border color of #48adcd.

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

CSS codes

.text {color:#48adcd;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#050e11
```
#050e11 rgb(5,14,17)
```
#091b21
```
#091b21 rgb(9,27,33)
```
#0d2830
```
#0d2830 rgb(13,40,48)
```
#11343f
```
#11343f rgb(17,52,63)
```
#16414f
```
#16414f rgb(22,65,79)
```
#1a4e5e
```
#1a4e5e rgb(26,78,94)
```
#1e5b6e
```
#1e5b6e rgb(30,91,110)
```
#22677d
```
#22677d rgb(34,103,125)
```
#26748d
```
#26748d rgb(38,116,141)
```
#2b819c
```
#2b819c rgb(43,129,156)
```
#2f8dab
```
#2f8dab rgb(47,141,171)
```
#339abb
```
#339abb rgb(51,154,187)
```

Shade Color Variation

#39a6c9
```
#39a6c9 rgb(57,166,201)
```
#48adcd
```
#48adcd rgb(72,173,205)
```
#57b4d1
```
#57b4d1 rgb(87,180,209)
```
#67bbd5
```
#67bbd5 rgb(103,187,213)
```
#76c2da
```
#76c2da rgb(118,194,218)
```
#86c9de
```
#86c9de rgb(134,201,222)
```
#95d0e2
```
#95d0e2 rgb(149,208,226)
```
#a4d6e6
```
#a4d6e6 rgb(164,214,230)
```
#b4ddea
```
#b4ddea rgb(180,221,234)
```
#c3e4ef
```
#c3e4ef rgb(195,228,239)
```
#d3ebf3
```
#d3ebf3 rgb(211,235,243)
```
#e2f2f7
```
#e2f2f7 rgb(226,242,247)
```
#f1f9fb
```
#f1f9fb rgb(241,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878c8e is the less saturated color, while #1bc4fa is the most saturated one.

#878c8e
```
#878c8e rgb(135,140,142)
```
#7e9197
```
#7e9197 rgb(126,145,151)
```
#7596a0
```
#7596a0 rgb(117,150,160)
```
#6c9aa9
```
#6c9aa9 rgb(108,154,169)
```
#639fb2
```
#639fb2 rgb(99,159,178)
```
#5aa4bb
```
#5aa4bb rgb(90,164,187)
```
#51a8c4
```
#51a8c4 rgb(81,168,196)
```
#48adcd
```
#48adcd rgb(72,173,205)
```
#3fb2d6
```
#3fb2d6 rgb(63,178,214)
```
#36b6df
```
#36b6df rgb(54,182,223)
```
#2dbbe8
```
#2dbbe8 rgb(45,187,232)
```
#24c0f1
```
#24c0f1 rgb(36,192,241)
```
#1bc4fa
```
#1bc4fa rgb(27,196,250)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#83979e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da4c7 Protanopia 1% of men
#9aa3d4 Deuteranopia 1% of men
#47b3c1 Tritanopia 0.001% of the population

Trichromacy

#7ea7c9 Protanomaly 1% of men, 0.01% of women
#7ca6d2 Deuteranomaly 6% of men, 0.4% of women
#47b1c5 Tritanomaly 0.01% of the population

#48adcd hex color

#48adcd Color Information

#48adcd Color Conversion

Color Schemes with #48adcd

Alternatives to #48adcd

#48adcd Preview

Shades and Tints of #48adcd

Tones of #48adcd

Color Blindness Simulator