#48c9cd hex color

In a RGB color space, hex #48c9cd is composed of 28.2% red, 78.8% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 2% magenta, 0% yellow and 19.6% black. It has a hue angle of 181.8 degrees, a saturation of 57.1% and a lightness of 54.3%. #48c9cd color hex could be obtained by blending #90ffff with #00939b. Closest websafe color is: #33cccc.

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

● #48c9cd color description : Moderate cyan.

The hexadecimal color #48c9cd has RGB values of R:72, G:201, B:205 and CMYK values of C:0.65, M:0.02, Y:0, K:0.2. Its decimal value is 4770253.

Hex triplet	48c9cd	`#48c9cd`
RGB Decimal	72, 201, 205	`rgb(72,201,205)`
RGB Percent	28.2, 78.8, 80.4	`rgb(28.2%,78.8%,80.4%)`
CMYK	65, 2, 0, 20
HSL	181.8°, 57.1, 54.3	`hsl(181.8,57.1%,54.3%)`
HSV (or HSB)	181.8°, 64.9, 80.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.544, -33.349, -12.388
XYZ	34.575, 47.556, 65.111
xyY	0.235, 0.323, 47.556
CIE-LCH	74.544, 35.575, 200.379
CIE-LUV	74.544, -49.633, -14.131
Hunter-Lab	68.961, -31.186, -7.708
Binary	01001000, 11001001, 11001101

#48c9cd
```
#48c9cd rgb(72,201,205)
```
#cd4c48
```
#cd4c48 rgb(205,76,72)
```

Complementary Color

#48cd8f
```
#48cd8f rgb(72,205,143)
```
#48c9cd
```
#48c9cd rgb(72,201,205)
```
#4887cd
```
#4887cd rgb(72,135,205)
```

Analogous Color

#cd8f48
```
#cd8f48 rgb(205,143,72)
```
#48c9cd
```
#48c9cd rgb(72,201,205)
```
#cd4887
```
#cd4887 rgb(205,72,135)
```

Split Complementary Color

#c9cd48
```
#c9cd48 rgb(201,205,72)
```
#48c9cd
```
#48c9cd rgb(72,201,205)
```
#cd48c9
```
#cd48c9 rgb(205,72,201)
```

Triadic Color

#48cd4c
```
#48cd4c rgb(72,205,76)
```
#48c9cd
```
#48c9cd rgb(72,201,205)
```
#cd48c9
```
#cd48c9 rgb(205,72,201)
```
#cd4c48
```
#cd4c48 rgb(205,76,72)
```

Tetradic Color

#2b9a9d
```
#2b9a9d rgb(43,154,157)
```
#30aeb2
```
#30aeb2 rgb(48,174,178)
```
#36c1c6
```
#36c1c6 rgb(54,193,198)
```
#48c9cd
```
#48c9cd rgb(72,201,205)
```
#5ccfd2
```
#5ccfd2 rgb(92,207,210)
```
#70d5d8
```
#70d5d8 rgb(112,213,216)
```
#84dbdd
```
#84dbdd rgb(132,219,221)
```

Monochromatic Color

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

#48cdb0
```
#48cdb0 rgb(72,205,176)
```
#48cdbb
```
#48cdbb rgb(72,205,187)
```
#48cdc6
```
#48cdc6 rgb(72,205,198)
```
#48c9cd
```
#48c9cd rgb(72,201,205)
```
#48becd
```
#48becd rgb(72,190,205)
```
#48b3cd
```
#48b3cd rgb(72,179,205)
```
#48a8cd
```
#48a8cd rgb(72,168,205)
```

Similar Colors

Text with hexadecimal color #48c9cd

This text has a font color of #48c9cd.

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

#48c9cd background color

This paragraph has a background color of #48c9cd.

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

#48c9cd border color

This element has a border color of #48c9cd.

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

CSS codes

.text {color:#48c9cd;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#051111
```
#051111 rgb(5,17,17)
```
#092021
```
#092021 rgb(9,32,33)
```
#0d2f30
```
#0d2f30 rgb(13,47,48)
```
#113e3f
```
#113e3f rgb(17,62,63)
```
#164d4f
```
#164d4f rgb(22,77,79)
```
#1a5c5e
```
#1a5c5e rgb(26,92,94)
```
#1e6b6e
```
#1e6b6e rgb(30,107,110)
```
#227a7d
```
#227a7d rgb(34,122,125)
```
#26898d
```
#26898d rgb(38,137,141)
```
#2b999c
```
#2b999c rgb(43,153,156)
```
#2fa8ab
```
#2fa8ab rgb(47,168,171)
```
#33b7bb
```
#33b7bb rgb(51,183,187)
```

Shade Color Variation

#39c4c9
```
#39c4c9 rgb(57,196,201)
```
#48c9cd
```
#48c9cd rgb(72,201,205)
```
#57ced1
```
#57ced1 rgb(87,206,209)
```
#67d2d5
```
#67d2d5 rgb(103,210,213)
```
#76d7da
```
#76d7da rgb(118,215,218)
```
#86dbde
```
#86dbde rgb(134,219,222)
```
#95e0e2
```
#95e0e2 rgb(149,224,226)
```
#a4e4e6
```
#a4e4e6 rgb(164,228,230)
```
#b4e9ea
```
#b4e9ea rgb(180,233,234)
```
#c3edef
```
#c3edef rgb(195,237,239)
```
#d3f2f3
```
#d3f2f3 rgb(211,242,243)
```
#e2f6f7
```
#e2f6f7 rgb(226,246,247)
```
#f1fbfb
```
#f1fbfb rgb(241,251,251)
```

Tint Color Variation

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

#878e8e
```
#878e8e rgb(135,142,142)
```
#7e9697
```
#7e9697 rgb(126,150,151)
```
#759fa0
```
#759fa0 rgb(117,159,160)
```
#6ca7a9
```
#6ca7a9 rgb(108,167,169)
```
#63b0b2
```
#63b0b2 rgb(99,176,178)
```
#5ab8bb
```
#5ab8bb rgb(90,184,187)
```
#51c1c4
```
#51c1c4 rgb(81,193,196)
```
#48c9cd
```
#48c9cd rgb(72,201,205)
```
#3fd1d6
```
#3fd1d6 rgb(63,209,214)
```
#36dadf
```
#36dadf rgb(54,218,223)
```
#2de2e8
```
#2de2e8 rgb(45,226,232)
```
#24ebf1
```
#24ebf1 rgb(36,235,241)
```
#1bf3fa
```
#1bf3fa rgb(27,243,250)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#91abab Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbbac5 Protanopia 1% of men
#beb6d7 Deuteranopia 1% of men
#57cad9 Tritanopia 0.001% of the population

Trichromacy

#91bfc8 Protanomaly 1% of men, 0.01% of women
#93bdd3 Deuteranomaly 6% of men, 0.4% of women
#51c9d4 Tritanomaly 0.01% of the population

#48c9cd hex color

#48c9cd Color Information

#48c9cd Color Conversion

Color Schemes with #48c9cd

Alternatives to #48c9cd

#48c9cd Preview

Shades and Tints of #48c9cd

Tones of #48c9cd

Color Blindness Simulator