#48d7d3 hex color

In a RGB color space, hex #48d7d3 is composed of 28.2% red, 84.3% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 0% magenta, 1.9% yellow and 15.7% black. It has a hue angle of 178.3 degrees, a saturation of 64.1% and a lightness of 56.3%. #48d7d3 color hex could be obtained by blending #90ffff with #00afa7. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 84
- B 83
RGB color chart
- C 67
- M 0
- Y 2
- K 16
CMYK color chart

● #48d7d3 color description : Moderate cyan.

The hexadecimal color #48d7d3 has RGB values of R:72, G:215, B:211 and CMYK values of C:0.67, M:0, Y:0.02, K:0.16. Its decimal value is 4773843.

Hex triplet	48d7d3	`#48d7d3`
RGB Decimal	72, 215, 211	`rgb(72,215,211)`
RGB Percent	28.2, 84.3, 82.7	`rgb(28.2%,84.3%,82.7%)`
CMYK	67, 0, 2, 16
HSL	178.3°, 64.1, 56.3	`hsl(178.3,64.1%,56.3%)`
HSV (or HSB)	178.3°, 66.5, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.856, -38.183, -9.183
XYZ	38.727, 54.678, 70.137
xyY	0.237, 0.334, 54.678
CIE-LCH	78.856, 39.272, 193.522
CIE-LUV	78.856, -54.303, -8.335
Hunter-Lab	73.945, -35.917, -4.476
Binary	01001000, 11010111, 11010011

#48d7d3
```
#48d7d3 rgb(72,215,211)
```
#d7484c
```
#d7484c rgb(215,72,76)
```

Complementary Color

#48d78c
```
#48d78c rgb(72,215,140)
```
#48d7d3
```
#48d7d3 rgb(72,215,211)
```
#4894d7
```
#4894d7 rgb(72,148,215)
```

Analogous Color

#d78c48
```
#d78c48 rgb(215,140,72)
```
#48d7d3
```
#48d7d3 rgb(72,215,211)
```
#d74894
```
#d74894 rgb(215,72,148)
```

Split Complementary Color

#d7d348
```
#d7d348 rgb(215,211,72)
```
#48d7d3
```
#48d7d3 rgb(72,215,211)
```
#d348d7
```
#d348d7 rgb(211,72,215)
```

Triadic Color

#4cd748
```
#4cd748 rgb(76,215,72)
```
#48d7d3
```
#48d7d3 rgb(72,215,211)
```
#d348d7
```
#d348d7 rgb(211,72,215)
```
#d7484c
```
#d7484c rgb(215,72,76)
```

Tetradic Color

#26ada9
```
#26ada9 rgb(38,173,169)
```
#2ac2bd
```
#2ac2bd rgb(42,194,189)
```
#33d2ce
```
#33d2ce rgb(51,210,206)
```
#48d7d3
```
#48d7d3 rgb(72,215,211)
```
#5ddcd8
```
#5ddcd8 rgb(93,220,216)
```
#72e0dd
```
#72e0dd rgb(114,224,221)
```
#87e5e2
```
#87e5e2 rgb(135,229,226)
```

Monochromatic Color

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

#48d7af
```
#48d7af rgb(72,215,175)
```
#48d7bb
```
#48d7bb rgb(72,215,187)
```
#48d7c7
```
#48d7c7 rgb(72,215,199)
```
#48d7d3
```
#48d7d3 rgb(72,215,211)
```
#48cfd7
```
#48cfd7 rgb(72,207,215)
```
#48c3d7
```
#48c3d7 rgb(72,195,215)
```
#48b7d7
```
#48b7d7 rgb(72,183,215)
```

Similar Colors

Text with hexadecimal color #48d7d3

This text has a font color of #48d7d3.

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

#48d7d3 background color

This paragraph has a background color of #48d7d3.

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

#48d7d3 border color

This element has a border color of #48d7d3.

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

CSS codes

.text {color:#48d7d3;}

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

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

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, #020a0a is the darkest color, while #f9fefe is the lightest one.

#020a0a
```
#020a0a rgb(2,10,10)
```
#061a1a
```
#061a1a rgb(6,26,26)
```
#092a29
```
#092a29 rgb(9,42,41)
```
#0d3a39
```
#0d3a39 rgb(13,58,57)
```
#104b49
```
#104b49 rgb(16,75,73)
```
#145b59
```
#145b59 rgb(20,91,89)
```
#176b68
```
#176b68 rgb(23,107,104)
```
#1b7b78
```
#1b7b78 rgb(27,123,120)
```
#1e8b88
```
#1e8b88 rgb(30,139,136)
```
#229b98
```
#229b98 rgb(34,155,152)
```
#25aba7
```
#25aba7 rgb(37,171,167)
```
#29bbb7
```
#29bbb7 rgb(41,187,183)
```
#2ccbc7
```
#2ccbc7 rgb(44,203,199)
```

Shade Color Variation

#38d3cf
```
#38d3cf rgb(56,211,207)
```
#48d7d3
```
#48d7d3 rgb(72,215,211)
```
#58dbd7
```
#58dbd7 rgb(88,219,215)
```
#68dedb
```
#68dedb rgb(104,222,219)
```
#78e2df
```
#78e2df rgb(120,226,223)
```
#88e5e2
```
#88e5e2 rgb(136,229,226)
```
#98e9e6
```
#98e9e6 rgb(152,233,230)
```
#a9ecea
```
#a9ecea rgb(169,236,234)
```
#b9f0ee
```
#b9f0ee rgb(185,240,238)
```
#c9f3f2
```
#c9f3f2 rgb(201,243,242)
```
#d9f7f6
```
#d9f7f6 rgb(217,247,246)
```
#e9fafa
```
#e9fafa rgb(233,250,250)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#8d9292
```
#8d9292 rgb(141,146,146)
```
#849b9a
```
#849b9a rgb(132,155,154)
```
#7ba4a2
```
#7ba4a2 rgb(123,164,162)
```
#73acab
```
#73acab rgb(115,172,171)
```
#6ab5b3
```
#6ab5b3 rgb(106,181,179)
```
#62bdbb
```
#62bdbb rgb(98,189,187)
```
#59c6c3
```
#59c6c3 rgb(89,198,195)
```
#51cecb
```
#51cecb rgb(81,206,203)
```
#48d7d3
```
#48d7d3 rgb(72,215,211)
```
#3fe0db
```
#3fe0db rgb(63,224,219)
```
#37e8e3
```
#37e8e3 rgb(55,232,227)
```
#2ef1eb
```
#2ef1eb rgb(46,241,235)
```
#26f9f3
```
#26f9f3 rgb(38,249,243)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#98b5b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c5ca Protanopia 1% of men
#cdc1dd Deuteranopia 1% of men
#5cd6e6 Tritanopia 0.001% of the population

Trichromacy

#99cbcd Protanomaly 1% of men, 0.01% of women
#9cc9d9 Deuteranomaly 6% of men, 0.4% of women
#55d6df Tritanomaly 0.01% of the population

#48d7d3 hex color

#48d7d3 Color Information

#48d7d3 Color Conversion

Color Schemes with #48d7d3

Alternatives to #48d7d3

#48d7d3 Preview

Shades and Tints of #48d7d3

Tones of #48d7d3

Color Blindness Simulator