#48d7ce hex color

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

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

● #48d7ce color description : Moderate cyan.

The hexadecimal color #48d7ce has RGB values of R:72, G:215, B:206 and CMYK values of C:0.67, M:0, Y:0.04, K:0.16. Its decimal value is 4773838.

Hex triplet	48d7ce	`#48d7ce`
RGB Decimal	72, 215, 206	`rgb(72,215,206)`
RGB Percent	28.2, 84.3, 80.8	`rgb(28.2%,84.3%,80.8%)`
CMYK	67, 0, 4, 16
HSL	176.2°, 64.1, 56.3	`hsl(176.2,64.1%,56.3%)`
HSV (or HSB)	176.2°, 66.5, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.713, -39.547, -6.719
XYZ	38.11, 54.431, 66.887
xyY	0.239, 0.341, 54.431
CIE-LCH	78.713, 40.113, 189.642
CIE-LUV	78.713, -54.622, -4.194
Hunter-Lab	73.778, -36.906, -2.108
Binary	01001000, 11010111, 11001110

#48d7ce
```
#48d7ce rgb(72,215,206)
```
#d74851
```
#d74851 rgb(215,72,81)
```

Complementary Color

#48d787
```
#48d787 rgb(72,215,135)
```
#48d7ce
```
#48d7ce rgb(72,215,206)
```
#4899d7
```
#4899d7 rgb(72,153,215)
```

Analogous Color

#d78748
```
#d78748 rgb(215,135,72)
```
#48d7ce
```
#48d7ce rgb(72,215,206)
```
#d74899
```
#d74899 rgb(215,72,153)
```

Split Complementary Color

#d7ce48
```
#d7ce48 rgb(215,206,72)
```
#48d7ce
```
#48d7ce rgb(72,215,206)
```
#ce48d7
```
#ce48d7 rgb(206,72,215)
```

Triadic Color

#51d748
```
#51d748 rgb(81,215,72)
```
#48d7ce
```
#48d7ce rgb(72,215,206)
```
#ce48d7
```
#ce48d7 rgb(206,72,215)
```
#d74851
```
#d74851 rgb(215,72,81)
```

Tetradic Color

#26ada4
```
#26ada4 rgb(38,173,164)
```
#2ac2b8
```
#2ac2b8 rgb(42,194,184)
```
#33d2c8
```
#33d2c8 rgb(51,210,200)
```
#48d7ce
```
#48d7ce rgb(72,215,206)
```
#5ddcd4
```
#5ddcd4 rgb(93,220,212)
```
#72e0d9
```
#72e0d9 rgb(114,224,217)
```
#87e5df
```
#87e5df rgb(135,229,223)
```

Monochromatic Color

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

#48d7aa
```
#48d7aa rgb(72,215,170)
```
#48d7b6
```
#48d7b6 rgb(72,215,182)
```
#48d7c2
```
#48d7c2 rgb(72,215,194)
```
#48d7ce
```
#48d7ce rgb(72,215,206)
```
#48d4d7
```
#48d4d7 rgb(72,212,215)
```
#48c8d7
```
#48c8d7 rgb(72,200,215)
```
#48bcd7
```
#48bcd7 rgb(72,188,215)
```

Similar Colors

Text with hexadecimal color #48d7ce

This text has a font color of #48d7ce.

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

#48d7ce background color

This paragraph has a background color of #48d7ce.

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

#48d7ce border color

This element has a border color of #48d7ce.

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

CSS codes

.text {color:#48d7ce;}

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

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

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

#020a0a
```
#020a0a rgb(2,10,10)
```
#061a19
```
#061a19 rgb(6,26,25)
```
#092a28
```
#092a28 rgb(9,42,40)
```
#0d3a38
```
#0d3a38 rgb(13,58,56)
```
#104b47
```
#104b47 rgb(16,75,71)
```
#145b56
```
#145b56 rgb(20,91,86)
```
#176b65
```
#176b65 rgb(23,107,101)
```
#1b7b75
```
#1b7b75 rgb(27,123,117)
```
#1e8b84
```
#1e8b84 rgb(30,139,132)
```
#229b93
```
#229b93 rgb(34,155,147)
```
#25aba3
```
#25aba3 rgb(37,171,163)
```
#29bbb2
```
#29bbb2 rgb(41,187,178)
```
#2ccbc1
```
#2ccbc1 rgb(44,203,193)
```

Shade Color Variation

#38d3ca
```
#38d3ca rgb(56,211,202)
```
#48d7ce
```
#48d7ce rgb(72,215,206)
```
#58dbd2
```
#58dbd2 rgb(88,219,210)
```
#68ded7
```
#68ded7 rgb(104,222,215)
```
#78e2db
```
#78e2db rgb(120,226,219)
```
#88e5df
```
#88e5df rgb(136,229,223)
```
#98e9e4
```
#98e9e4 rgb(152,233,228)
```
#a9ece8
```
#a9ece8 rgb(169,236,232)
```
#b9f0ec
```
#b9f0ec rgb(185,240,236)
```
#c9f3f0
```
#c9f3f0 rgb(201,243,240)
```
#d9f7f5
```
#d9f7f5 rgb(217,247,245)
```
#e9faf9
```
#e9faf9 rgb(233,250,249)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#8d9292
```
#8d9292 rgb(141,146,146)
```
#849b9a
```
#849b9a rgb(132,155,154)
```
#7ba4a1
```
#7ba4a1 rgb(123,164,161)
```
#73aca9
```
#73aca9 rgb(115,172,169)
```
#6ab5b0
```
#6ab5b0 rgb(106,181,176)
```
#62bdb8
```
#62bdb8 rgb(98,189,184)
```
#59c6bf
```
#59c6bf rgb(89,198,191)
```
#51cec7
```
#51cec7 rgb(81,206,199)
```
#48d7ce
```
#48d7ce rgb(72,215,206)
```
#3fe0d5
```
#3fe0d5 rgb(63,224,213)
```
#37e8dd
```
#37e8dd rgb(55,232,221)
```
#2ef1e4
```
#2ef1e4 rgb(46,241,228)
```
#26f9ec
```
#26f9ec rgb(38,249,236)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#97b4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c4c5 Protanopia 1% of men
#cec0d9 Deuteranopia 1% of men
#5ed5e5 Tritanopia 0.001% of the population

Trichromacy

#9acbc8 Protanomaly 1% of men, 0.01% of women
#9dc8d5 Deuteranomaly 6% of men, 0.4% of women
#56d6dc Tritanomaly 0.01% of the population

#48d7ce hex color

#48d7ce Color Information

#48d7ce Color Conversion

Color Schemes with #48d7ce

Alternatives to #48d7ce

#48d7ce Preview

Shades and Tints of #48d7ce

Tones of #48d7ce

Color Blindness Simulator