#48d7bf hex color

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

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

● #48d7bf color description : Moderate cyan.

The hexadecimal color #48d7bf has RGB values of R:72, G:215, B:191 and CMYK values of C:0.67, M:0, Y:0.11, K:0.16. Its decimal value is 4773823.

Hex triplet	48d7bf	`#48d7bf`
RGB Decimal	72, 215, 191	`rgb(72,215,191)`
RGB Percent	28.2, 84.3, 74.9	`rgb(28.2%,84.3%,74.9%)`
CMYK	67, 0, 11, 16
HSL	169.9°, 64.1, 56.3	`hsl(169.9,64.1%,56.3%)`
HSV (or HSB)	169.9°, 66.5, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.308, -43.489, 0.714
XYZ	36.374, 53.737, 57.743
xyY	0.246, 0.363, 53.737
CIE-LCH	78.308, 43.495, 179.059
CIE-LUV	78.308, -55.57, 7.982
Hunter-Lab	73.305, -39.714, 4.611
Binary	01001000, 11010111, 10111111

#48d7bf
```
#48d7bf rgb(72,215,191)
```
#d74860
```
#d74860 rgb(215,72,96)
```

Complementary Color

#48d778
```
#48d778 rgb(72,215,120)
```
#48d7bf
```
#48d7bf rgb(72,215,191)
```
#48a8d7
```
#48a8d7 rgb(72,168,215)
```

Analogous Color

#d77848
```
#d77848 rgb(215,120,72)
```
#48d7bf
```
#48d7bf rgb(72,215,191)
```
#d748a8
```
#d748a8 rgb(215,72,168)
```

Split Complementary Color

#d7bf48
```
#d7bf48 rgb(215,191,72)
```
#48d7bf
```
#48d7bf rgb(72,215,191)
```
#bf48d7
```
#bf48d7 rgb(191,72,215)
```

Triadic Color

#60d748
```
#60d748 rgb(96,215,72)
```
#48d7bf
```
#48d7bf rgb(72,215,191)
```
#bf48d7
```
#bf48d7 rgb(191,72,215)
```
#d74860
```
#d74860 rgb(215,72,96)
```

Tetradic Color

#26ad96
```
#26ad96 rgb(38,173,150)
```
#2ac2a8
```
#2ac2a8 rgb(42,194,168)
```
#33d2b8
```
#33d2b8 rgb(51,210,184)
```
#48d7bf
```
#48d7bf rgb(72,215,191)
```
#5ddcc6
```
#5ddcc6 rgb(93,220,198)
```
#72e0ce
```
#72e0ce rgb(114,224,206)
```
#87e5d5
```
#87e5d5 rgb(135,229,213)
```

Monochromatic Color

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

#48d79b
```
#48d79b rgb(72,215,155)
```
#48d7a7
```
#48d7a7 rgb(72,215,167)
```
#48d7b3
```
#48d7b3 rgb(72,215,179)
```
#48d7bf
```
#48d7bf rgb(72,215,191)
```
#48d7cb
```
#48d7cb rgb(72,215,203)
```
#48d7d7
```
#48d7d7 rgb(72,215,215)
```
#48cbd7
```
#48cbd7 rgb(72,203,215)
```

Similar Colors

Text with hexadecimal color #48d7bf

This text has a font color of #48d7bf.

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

#48d7bf background color

This paragraph has a background color of #48d7bf.

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

#48d7bf border color

This element has a border color of #48d7bf.

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

CSS codes

.text {color:#48d7bf;}

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

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

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

#020a09
```
#020a09 rgb(2,10,9)
```
#061a17
```
#061a17 rgb(6,26,23)
```
#092a25
```
#092a25 rgb(9,42,37)
```
#0d3a33
```
#0d3a33 rgb(13,58,51)
```
#104b41
```
#104b41 rgb(16,75,65)
```
#145b4f
```
#145b4f rgb(20,91,79)
```
#176b5d
```
#176b5d rgb(23,107,93)
```
#1b7b6b
```
#1b7b6b rgb(27,123,107)
```
#1e8b79
```
#1e8b79 rgb(30,139,121)
```
#229b87
```
#229b87 rgb(34,155,135)
```
#25ab95
```
#25ab95 rgb(37,171,149)
```
#29bba3
```
#29bba3 rgb(41,187,163)
```
#2ccbb1
```
#2ccbb1 rgb(44,203,177)
```

Shade Color Variation

#38d3b9
```
#38d3b9 rgb(56,211,185)
```
#48d7bf
```
#48d7bf rgb(72,215,191)
```
#58dbc5
```
#58dbc5 rgb(88,219,197)
```
#68deca
```
#68deca rgb(104,222,202)
```
#78e2d0
```
#78e2d0 rgb(120,226,208)
```
#88e5d6
```
#88e5d6 rgb(136,229,214)
```
#98e9db
```
#98e9db rgb(152,233,219)
```
#a9ece1
```
#a9ece1 rgb(169,236,225)
```
#b9f0e6
```
#b9f0e6 rgb(185,240,230)
```
#c9f3ec
```
#c9f3ec rgb(201,243,236)
```
#d9f7f2
```
#d9f7f2 rgb(217,247,242)
```
#e9faf7
```
#e9faf7 rgb(233,250,247)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#8d9291
```
#8d9291 rgb(141,146,145)
```
#849b97
```
#849b97 rgb(132,155,151)
```
#7ba49d
```
#7ba49d rgb(123,164,157)
```
#73aca3
```
#73aca3 rgb(115,172,163)
```
#6ab5a8
```
#6ab5a8 rgb(106,181,168)
```
#62bdae
```
#62bdae rgb(98,189,174)
```
#59c6b4
```
#59c6b4 rgb(89,198,180)
```
#51ceb9
```
#51ceb9 rgb(81,206,185)
```
#48d7bf
```
#48d7bf rgb(72,215,191)
```
#3fe0c5
```
#3fe0c5 rgb(63,224,197)
```
#37e8ca
```
#37e8ca rgb(55,232,202)
```
#2ef1d0
```
#2ef1d0 rgb(46,241,208)
```
#26f9d6
```
#26f9d6 rgb(38,249,214)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#96b3ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc4b7 Protanopia 1% of men
#d3bfcb Deuteranopia 1% of men
#64d4e3 Tritanopia 0.001% of the population

Trichromacy

#9bcaba Protanomaly 1% of men, 0.01% of women
#a1c7c6 Deuteranomaly 6% of men, 0.4% of women
#5ad5d6 Tritanomaly 0.01% of the population

#48d7bf hex color

#48d7bf Color Information

#48d7bf Color Conversion

Color Schemes with #48d7bf

Alternatives to #48d7bf

#48d7bf Preview

Shades and Tints of #48d7bf

Tones of #48d7bf

Color Blindness Simulator