#48c4ae hex color

In a RGB color space, hex #48c4ae is composed of 28.2% red, 76.9% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 11.2% yellow and 23.1% black. It has a hue angle of 169.4 degrees, a saturation of 51.2% and a lightness of 52.5%. #48c4ae color hex could be obtained by blending #90ffff with #00895d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 77
- B 68
RGB color chart
- C 63
- M 0
- Y 11
- K 23
CMYK color chart

● #48c4ae color description : Moderate cyan.

The hexadecimal color #48c4ae has RGB values of R:72, G:196, B:174 and CMYK values of C:0.63, M:0, Y:0.11, K:0.23. Its decimal value is 4768942.

Hex triplet	48c4ae	`#48c4ae`
RGB Decimal	72, 196, 174	`rgb(72,196,174)`
RGB Percent	28.2, 76.9, 68.2	`rgb(28.2%,76.9%,68.2%)`
CMYK	63, 0, 11, 23
HSL	169.4°, 51.2, 52.5	`hsl(169.4,51.2%,52.5%)`
HSV (or HSB)	169.4°, 63.3, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.169, -39.418, 0.936
XYZ	30.05, 43.911, 46.934
xyY	0.249, 0.363, 43.911
CIE-LCH	72.169, 39.429, 178.64
CIE-LUV	72.169, -49.665, 7.585
Hunter-Lab	66.265, -35.019, 4.392
Binary	01001000, 11000100, 10101110

#48c4ae
```
#48c4ae rgb(72,196,174)
```
#c4485e
```
#c4485e rgb(196,72,94)
```

Complementary Color

#48c470
```
#48c470 rgb(72,196,112)
```
#48c4ae
```
#48c4ae rgb(72,196,174)
```
#489cc4
```
#489cc4 rgb(72,156,196)
```

Analogous Color

#c47048
```
#c47048 rgb(196,112,72)
```
#48c4ae
```
#48c4ae rgb(72,196,174)
```
#c4489c
```
#c4489c rgb(196,72,156)
```

Split Complementary Color

#c4ae48
```
#c4ae48 rgb(196,174,72)
```
#48c4ae
```
#48c4ae rgb(72,196,174)
```
#ae48c4
```
#ae48c4 rgb(174,72,196)
```

Triadic Color

#5ec448
```
#5ec448 rgb(94,196,72)
```
#48c4ae
```
#48c4ae rgb(72,196,174)
```
#ae48c4
```
#ae48c4 rgb(174,72,196)
```
#c4485e
```
#c4485e rgb(196,72,94)
```

Tetradic Color

#2f917f
```
#2f917f rgb(47,145,127)
```
#35a490
```
#35a490 rgb(53,164,144)
```
#3bb7a1
```
#3bb7a1 rgb(59,183,161)
```
#48c4ae
```
#48c4ae rgb(72,196,174)
```
#5bcab7
```
#5bcab7 rgb(91,202,183)
```
#6fd0bf
```
#6fd0bf rgb(111,208,191)
```
#82d7c8
```
#82d7c8 rgb(130,215,200)
```

Monochromatic Color

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

#48c48f
```
#48c48f rgb(72,196,143)
```
#48c499
```
#48c499 rgb(72,196,153)
```
#48c4a4
```
#48c4a4 rgb(72,196,164)
```
#48c4ae
```
#48c4ae rgb(72,196,174)
```
#48c4b8
```
#48c4b8 rgb(72,196,184)
```
#48c4c3
```
#48c4c3 rgb(72,196,195)
```
#48bbc4
```
#48bbc4 rgb(72,187,196)
```

Similar Colors

Text with hexadecimal color #48c4ae

This text has a font color of #48c4ae.

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

#48c4ae background color

This paragraph has a background color of #48c4ae.

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

#48c4ae border color

This element has a border color of #48c4ae.

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

CSS codes

.text {color:#48c4ae;}

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

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

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

#030a09
```
#030a09 rgb(3,10,9)
```
#081916
```
#081916 rgb(8,25,22)
```
#0d2723
```
#0d2723 rgb(13,39,35)
```
#123630
```
#123630 rgb(18,54,48)
```
#16453d
```
#16453d rgb(22,69,61)
```
#1b544a
```
#1b544a rgb(27,84,74)
```
#206357
```
#206357 rgb(32,99,87)
```
#257264
```
#257264 rgb(37,114,100)
```
#298071
```
#298071 rgb(41,128,113)
```
#2e8f7e
```
#2e8f7e rgb(46,143,126)
```
#339e8b
```
#339e8b rgb(51,158,139)
```
#38ad98
```
#38ad98 rgb(56,173,152)
```
#3dbca5
```
#3dbca5 rgb(61,188,165)
```

Shade Color Variation

#48c4ae
```
#48c4ae rgb(72,196,174)
```
#57c9b5
```
#57c9b5 rgb(87,201,181)
```
#66cebb
```
#66cebb rgb(102,206,187)
```
#74d2c2
```
#74d2c2 rgb(116,210,194)
```
#83d7c8
```
#83d7c8 rgb(131,215,200)
```
#92dccf
```
#92dccf rgb(146,220,207)
```
#a1e1d5
```
#a1e1d5 rgb(161,225,213)
```
#b0e5dc
```
#b0e5dc rgb(176,229,220)
```
#bfeae3
```
#bfeae3 rgb(191,234,227)
```
#cdefe9
```
#cdefe9 rgb(205,239,233)
```
#dcf4f0
```
#dcf4f0 rgb(220,244,240)
```
#ebf9f6
```
#ebf9f6 rgb(235,249,246)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808c8a is the less saturated color, while #10fcd2 is the most saturated one.

#808c8a
```
#808c8a rgb(128,140,138)
```
#779590
```
#779590 rgb(119,149,144)
```
#6d9f96
```
#6d9f96 rgb(109,159,150)
```
#64a89c
```
#64a89c rgb(100,168,156)
```
#5bb1a2
```
#5bb1a2 rgb(91,177,162)
```
#51bba8
```
#51bba8 rgb(81,187,168)
```
#48c4ae
```
#48c4ae rgb(72,196,174)
```
#3fcdb4
```
#3fcdb4 rgb(63,205,180)
```
#35d7ba
```
#35d7ba rgb(53,215,186)
```
#2ce0c0
```
#2ce0c0 rgb(44,224,192)
```
#23e9c6
```
#23e9c6 rgb(35,233,198)
```
#19f3cc
```
#19f3cc rgb(25,243,204)
```
#10fcd2
```
#10fcd2 rgb(16,252,210)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ba4a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb4a8 Protanopia 1% of men
#c3afba Deuteranopia 1% of men
#61c2d0 Tritanopia 0.001% of the population

Trichromacy

#91baaa Protanomaly 1% of men, 0.01% of women
#96b7b5 Deuteranomaly 6% of men, 0.4% of women
#58c3c4 Tritanomaly 0.01% of the population

#48c4ae hex color

#48c4ae Color Information

#48c4ae Color Conversion

Color Schemes with #48c4ae

Alternatives to #48c4ae

#48c4ae Preview

Shades and Tints of #48c4ae

Tones of #48c4ae

Color Blindness Simulator