#48e0c4 hex color

In a RGB color space, hex #48e0c4 is composed of 28.2% red, 87.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 0% magenta, 12.5% yellow and 12.2% black. It has a hue angle of 168.9 degrees, a saturation of 71% and a lightness of 58%. #48e0c4 color hex could be obtained by blending #90ffff with #00c189. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 88
- B 77
RGB color chart
- C 68
- M 0
- Y 13
- K 12
CMYK color chart

● #48e0c4 color description : Soft cyan.

The hexadecimal color #48e0c4 has RGB values of R:72, G:224, B:196 and CMYK values of C:0.68, M:0, Y:0.13, K:0.12. Its decimal value is 4776132.

Hex triplet	48e0c4	`#48e0c4`
RGB Decimal	72, 224, 196	`rgb(72,224,196)`
RGB Percent	28.2, 87.8, 76.9	`rgb(28.2%,87.8%,76.9%)`
CMYK	68, 0, 13, 12
HSL	168.9°, 71, 58	`hsl(168.9,71%,58%)`
HSV (or HSB)	168.9°, 67.9, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.11, -46.12, 2.13
XYZ	39.289, 58.671, 61.476
xyY	0.246, 0.368, 58.671
CIE-LCH	81.11, 46.169, 177.356
CIE-LUV	81.11, -58.481, 10.602
Hunter-Lab	76.597, -42.488, 6.033
Binary	01001000, 11100000, 11000100

#48e0c4
```
#48e0c4 rgb(72,224,196)
```
#e04864
```
#e04864 rgb(224,72,100)
```

Complementary Color

#48e078
```
#48e078 rgb(72,224,120)
```
#48e0c4
```
#48e0c4 rgb(72,224,196)
```
#48b0e0
```
#48b0e0 rgb(72,176,224)
```

Analogous Color

#e07848
```
#e07848 rgb(224,120,72)
```
#48e0c4
```
#48e0c4 rgb(72,224,196)
```
#e048b0
```
#e048b0 rgb(224,72,176)
```

Split Complementary Color

#e0c448
```
#e0c448 rgb(224,196,72)
```
#48e0c4
```
#48e0c4 rgb(72,224,196)
```
#c448e0
```
#c448e0 rgb(196,72,224)
```

Triadic Color

#64e048
```
#64e048 rgb(100,224,72)
```
#48e0c4
```
#48e0c4 rgb(72,224,196)
```
#c448e0
```
#c448e0 rgb(196,72,224)
```
#e04864
```
#e04864 rgb(224,72,100)
```

Tetradic Color

#20bc9f
```
#20bc9f rgb(32,188,159)
```
#23d2b1
```
#23d2b1 rgb(35,210,177)
```
#32dcbd
```
#32dcbd rgb(50,220,189)
```
#48e0c4
```
#48e0c4 rgb(72,224,196)
```
#5ee4cb
```
#5ee4cb rgb(94,228,203)
```
#74e7d2
```
#74e7d2 rgb(116,231,210)
```
#89ebd9
```
#89ebd9 rgb(137,235,217)
```

Monochromatic Color

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

#48e09e
```
#48e09e rgb(72,224,158)
```
#48e0ab
```
#48e0ab rgb(72,224,171)
```
#48e0b7
```
#48e0b7 rgb(72,224,183)
```
#48e0c4
```
#48e0c4 rgb(72,224,196)
```
#48e0d1
```
#48e0d1 rgb(72,224,209)
```
#48e0dd
```
#48e0dd rgb(72,224,221)
```
#48d6e0
```
#48d6e0 rgb(72,214,224)
```

Similar Colors

Text with hexadecimal color #48e0c4

This text has a font color of #48e0c4.

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

#48e0c4 background color

This paragraph has a background color of #48e0c4.

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

#48e0c4 border color

This element has a border color of #48e0c4.

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

CSS codes

.text {color:#48e0c4;}

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

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

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, #000201 is the darkest color, while #f0fcfa is the lightest one.

#000201
```
#000201 rgb(0,2,1)
```
#03120f
```
#03120f rgb(3,18,15)
```
#06231e
```
#06231e rgb(6,35,30)
```
#09342c
```
#09342c rgb(9,52,44)
```
#0c453a
```
#0c453a rgb(12,69,58)
```
#0e5548
```
#0e5548 rgb(14,85,72)
```
#116657
```
#116657 rgb(17,102,87)
```
#147765
```
#147765 rgb(20,119,101)
```
#178873
```
#178873 rgb(23,136,115)
```
#1a9881
```
#1a9881 rgb(26,152,129)
```
#1da98f
```
#1da98f rgb(29,169,143)
```
#20ba9e
```
#20ba9e rgb(32,186,158)
```
#22cbac
```
#22cbac rgb(34,203,172)
```

Shade Color Variation

#26dab9
```
#26dab9 rgb(38,218,185)
```
#37ddbf
```
#37ddbf rgb(55,221,191)
```
#48e0c4
```
#48e0c4 rgb(72,224,196)
```
#59e3c9
```
#59e3c9 rgb(89,227,201)
```
#6ae6cf
```
#6ae6cf rgb(106,230,207)
```
#7ae9d4
```
#7ae9d4 rgb(122,233,212)
```
#8bebda
```
#8bebda rgb(139,235,218)
```
#9ceedf
```
#9ceedf rgb(156,238,223)
```
#adf1e4
```
#adf1e4 rgb(173,241,228)
```
#bdf4ea
```
#bdf4ea rgb(189,244,234)
```
#cef7ef
```
#cef7ef rgb(206,247,239)
```
#dffaf5
```
#dffaf5 rgb(223,250,245)
```
#f0fcfa
```
#f0fcfa rgb(240,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929695 is the less saturated color, while #2ff9d4 is the most saturated one.

#929695
```
#929695 rgb(146,150,149)
```
#8a9e9a
```
#8a9e9a rgb(138,158,154)
```
#82a6a0
```
#82a6a0 rgb(130,166,160)
```
#79afa5
```
#79afa5 rgb(121,175,165)
```
#71b7aa
```
#71b7aa rgb(113,183,170)
```
#69bfaf
```
#69bfaf rgb(105,191,175)
```
#61c7b4
```
#61c7b4 rgb(97,199,180)
```
#58d0ba
```
#58d0ba rgb(88,208,186)
```
#50d8bf
```
#50d8bf rgb(80,216,191)
```
#48e0c4
```
#48e0c4 rgb(72,224,196)
```
#40e8c9
```
#40e8c9 rgb(64,232,201)
```
#38f0ce
```
#38f0ce rgb(56,240,206)
```
#2ff9d4
```
#2ff9d4 rgb(47,249,212)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9ab9b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3cbbb Protanopia 1% of men
#dcc6d0 Deuteranopia 1% of men
#67dcec Tritanopia 0.001% of the population

Trichromacy

#a0d2be Protanomaly 1% of men, 0.01% of women
#a6cfcc Deuteranomaly 6% of men, 0.4% of women
#5bdddd Tritanomaly 0.01% of the population

#48e0c4 hex color

#48e0c4 Color Information

#48e0c4 Color Conversion

Color Schemes with #48e0c4

Alternatives to #48e0c4

#48e0c4 Preview

Shades and Tints of #48e0c4

Tones of #48e0c4

Color Blindness Simulator