#48d8bc hex color

In a RGB color space, hex #48d8bc is composed of 28.2% red, 84.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 0% magenta, 13% yellow and 15.3% black. It has a hue angle of 168.3 degrees, a saturation of 64.9% and a lightness of 56.5%. #48d8bc color hex could be obtained by blending #90ffff with #00b179. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 85
- B 74
RGB color chart
- C 67
- M 0
- Y 13
- K 15
CMYK color chart

● #48d8bc color description : Moderate cyan.

The hexadecimal color #48d8bc has RGB values of R:72, G:216, B:188 and CMYK values of C:0.67, M:0, Y:0.13, K:0.15. Its decimal value is 4774076.

Hex triplet	48d8bc	`#48d8bc`
RGB Decimal	72, 216, 188	`rgb(72,216,188)`
RGB Percent	28.2, 84.7, 73.7	`rgb(28.2%,84.7%,73.7%)`
CMYK	67, 0, 13, 15
HSL	168.3°, 64.9, 56.5	`hsl(168.3,64.9%,56.5%)`
HSV (or HSB)	168.3°, 66.7, 84.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.53, -44.683, 2.64
XYZ	36.302, 54.117, 56.107
xyY	0.248, 0.369, 54.117
CIE-LCH	78.53, 44.761, 176.618
CIE-LUV	78.53, -56.119, 11.096
Hunter-Lab	73.564, -40.652, 6.275
Binary	01001000, 11011000, 10111100

#48d8bc
```
#48d8bc rgb(72,216,188)
```
#d84864
```
#d84864 rgb(216,72,100)
```

Complementary Color

#48d874
```
#48d874 rgb(72,216,116)
```
#48d8bc
```
#48d8bc rgb(72,216,188)
```
#48acd8
```
#48acd8 rgb(72,172,216)
```

Analogous Color

#d87448
```
#d87448 rgb(216,116,72)
```
#48d8bc
```
#48d8bc rgb(72,216,188)
```
#d848ac
```
#d848ac rgb(216,72,172)
```

Split Complementary Color

#d8bc48
```
#d8bc48 rgb(216,188,72)
```
#48d8bc
```
#48d8bc rgb(72,216,188)
```
#bc48d8
```
#bc48d8 rgb(188,72,216)
```

Triadic Color

#64d848
```
#64d848 rgb(100,216,72)
```
#48d8bc
```
#48d8bc rgb(72,216,188)
```
#bc48d8
```
#bc48d8 rgb(188,72,216)
```
#d84864
```
#d84864 rgb(216,72,100)
```

Tetradic Color

#25ae94
```
#25ae94 rgb(37,174,148)
```
#2ac3a5
```
#2ac3a5 rgb(42,195,165)
```
#33d4b4
```
#33d4b4 rgb(51,212,180)
```
#48d8bc
```
#48d8bc rgb(72,216,188)
```
#5ddcc4
```
#5ddcc4 rgb(93,220,196)
```
#72e1cb
```
#72e1cb rgb(114,225,203)
```
#87e5d3
```
#87e5d3 rgb(135,229,211)
```

Monochromatic Color

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

#48d898
```
#48d898 rgb(72,216,152)
```
#48d8a4
```
#48d8a4 rgb(72,216,164)
```
#48d8b0
```
#48d8b0 rgb(72,216,176)
```
#48d8bc
```
#48d8bc rgb(72,216,188)
```
#48d8c8
```
#48d8c8 rgb(72,216,200)
```
#48d8d4
```
#48d8d4 rgb(72,216,212)
```
#48d0d8
```
#48d0d8 rgb(72,208,216)
```

Similar Colors

Text with hexadecimal color #48d8bc

This text has a font color of #48d8bc.

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

#48d8bc background color

This paragraph has a background color of #48d8bc.

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

#48d8bc border color

This element has a border color of #48d8bc.

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

CSS codes

.text {color:#48d8bc;}

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

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

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

#020b09
```
#020b09 rgb(2,11,9)
```
#061b17
```
#061b17 rgb(6,27,23)
```
#092b25
```
#092b25 rgb(9,43,37)
```
#0d3c32
```
#0d3c32 rgb(13,60,50)
```
#104c40
```
#104c40 rgb(16,76,64)
```
#145c4e
```
#145c4e rgb(20,92,78)
```
#176c5c
```
#176c5c rgb(23,108,92)
```
#1a7c69
```
#1a7c69 rgb(26,124,105)
```
#1e8c77
```
#1e8c77 rgb(30,140,119)
```
#219d85
```
#219d85 rgb(33,157,133)
```
#25ad92
```
#25ad92 rgb(37,173,146)
```
#28bda0
```
#28bda0 rgb(40,189,160)
```
#2ccdae
```
#2ccdae rgb(44,205,174)
```

Shade Color Variation

#38d5b6
```
#38d5b6 rgb(56,213,182)
```
#48d8bc
```
#48d8bc rgb(72,216,188)
```
#58dbc2
```
#58dbc2 rgb(88,219,194)
```
#68dfc8
```
#68dfc8 rgb(104,223,200)
```
#79e2ce
```
#79e2ce rgb(121,226,206)
```
#89e6d4
```
#89e6d4 rgb(137,230,212)
```
#99e9da
```
#99e9da rgb(153,233,218)
```
#a9ede0
```
#a9ede0 rgb(169,237,224)
```
#b9f0e5
```
#b9f0e5 rgb(185,240,229)
```
#c9f4eb
```
#c9f4eb rgb(201,244,235)
```
#daf7f1
```
#daf7f1 rgb(218,247,241)
```
#eafaf7
```
#eafaf7 rgb(234,250,247)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#8c9492
```
#8c9492 rgb(140,148,146)
```
#849c97
```
#849c97 rgb(132,156,151)
```
#7ba59d
```
#7ba59d rgb(123,165,157)
```
#73ada2
```
#73ada2 rgb(115,173,162)
```
#6ab6a7
```
#6ab6a7 rgb(106,182,167)
```
#62beac
```
#62beac rgb(98,190,172)
```
#59c7b2
```
#59c7b2 rgb(89,199,178)
```
#51cfb7
```
#51cfb7 rgb(81,207,183)
```
#48d8bc
```
#48d8bc rgb(72,216,188)
```
#3fe1c1
```
#3fe1c1 rgb(63,225,193)
```
#37e9c6
```
#37e9c6 rgb(55,233,198)
```
#2ef2cc
```
#2ef2cc rgb(46,242,204)
```
#26fad1
```
#26fad1 rgb(38,250,209)
```

Tone Color Variation

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

#ccc4b4 Protanopia 1% of men
#d6bfc8 Deuteranopia 1% of men
#66d4e4 Tritanopia 0.001% of the population

Trichromacy

#9ccbb7 Protanomaly 1% of men, 0.01% of women
#a2c8c4 Deuteranomaly 6% of men, 0.4% of women
#5bd5d5 Tritanomaly 0.01% of the population

#48d8bc hex color

#48d8bc Color Information

#48d8bc Color Conversion

Color Schemes with #48d8bc

Alternatives to #48d8bc

#48d8bc Preview

Shades and Tints of #48d8bc

Tones of #48d8bc

Color Blindness Simulator