#48c4ad hex color

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

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

● #48c4ad color description : Moderate cyan.

The hexadecimal color #48c4ad has RGB values of R:72, G:196, B:173 and CMYK values of C:0.63, M:0, Y:0.12, K:0.23. Its decimal value is 4768941.

Hex triplet	48c4ad	`#48c4ad`
RGB Decimal	72, 196, 173	`rgb(72,196,173)`
RGB Percent	28.2, 76.9, 67.8	`rgb(28.2%,76.9%,67.8%)`
CMYK	63, 0, 12, 23
HSL	168.9°, 51.2, 52.5	`hsl(168.9,51.2%,52.5%)`
HSV (or HSB)	168.9°, 63.3, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.143, -39.673, 1.442
XYZ	29.953, 43.872, 46.423
xyY	0.249, 0.365, 43.872
CIE-LCH	72.143, 39.699, 177.919
CIE-LUV	72.143, -49.724, 8.382
Hunter-Lab	66.236, -35.193, 4.811
Binary	01001000, 11000100, 10101101

#48c4ad
```
#48c4ad rgb(72,196,173)
```
#c4485f
```
#c4485f rgb(196,72,95)
```

Complementary Color

#48c46f
```
#48c46f rgb(72,196,111)
```
#48c4ad
```
#48c4ad rgb(72,196,173)
```
#489dc4
```
#489dc4 rgb(72,157,196)
```

Analogous Color

#c46f48
```
#c46f48 rgb(196,111,72)
```
#48c4ad
```
#48c4ad rgb(72,196,173)
```
#c4489d
```
#c4489d rgb(196,72,157)
```

Split Complementary Color

#c4ad48
```
#c4ad48 rgb(196,173,72)
```
#48c4ad
```
#48c4ad rgb(72,196,173)
```
#ad48c4
```
#ad48c4 rgb(173,72,196)
```

Triadic Color

#5fc448
```
#5fc448 rgb(95,196,72)
```
#48c4ad
```
#48c4ad rgb(72,196,173)
```
#ad48c4
```
#ad48c4 rgb(173,72,196)
```
#c4485f
```
#c4485f rgb(196,72,95)
```

Tetradic Color

#2f917f
```
#2f917f rgb(47,145,127)
```
#35a48f
```
#35a48f rgb(53,164,143)
```
#3bb7a0
```
#3bb7a0 rgb(59,183,160)
```
#48c4ad
```
#48c4ad rgb(72,196,173)
```
#5bcab6
```
#5bcab6 rgb(91,202,182)
```
#6fd0be
```
#6fd0be rgb(111,208,190)
```
#82d7c7
```
#82d7c7 rgb(130,215,199)
```

Monochromatic Color

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

#48c48e
```
#48c48e rgb(72,196,142)
```
#48c498
```
#48c498 rgb(72,196,152)
```
#48c4a3
```
#48c4a3 rgb(72,196,163)
```
#48c4ad
```
#48c4ad rgb(72,196,173)
```
#48c4b7
```
#48c4b7 rgb(72,196,183)
```
#48c4c2
```
#48c4c2 rgb(72,196,194)
```
#48bcc4
```
#48bcc4 rgb(72,188,196)
```

Similar Colors

Text with hexadecimal color #48c4ad

This text has a font color of #48c4ad.

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

#48c4ad background color

This paragraph has a background color of #48c4ad.

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

#48c4ad border color

This element has a border color of #48c4ad.

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

CSS codes

.text {color:#48c4ad;}

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

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

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)
```
#16453c
```
#16453c rgb(22,69,60)
```
#1b5449
```
#1b5449 rgb(27,84,73)
```
#206356
```
#206356 rgb(32,99,86)
```
#257263
```
#257263 rgb(37,114,99)
```
#298070
```
#298070 rgb(41,128,112)
```
#2e8f7d
```
#2e8f7d rgb(46,143,125)
```
#339e8a
```
#339e8a rgb(51,158,138)
```
#38ad97
```
#38ad97 rgb(56,173,151)
```
#3dbca4
```
#3dbca4 rgb(61,188,164)
```

Shade Color Variation

#48c4ad
```
#48c4ad rgb(72,196,173)
```
#57c9b4
```
#57c9b4 rgb(87,201,180)
```
#66ceba
```
#66ceba rgb(102,206,186)
```
#74d2c1
```
#74d2c1 rgb(116,210,193)
```
#83d7c8
```
#83d7c8 rgb(131,215,200)
```
#92dcce
```
#92dcce rgb(146,220,206)
```
#a1e1d5
```
#a1e1d5 rgb(161,225,213)
```
#b0e5dc
```
#b0e5dc rgb(176,229,220)
```
#bfeae2
```
#bfeae2 rgb(191,234,226)
```
#cdefe9
```
#cdefe9 rgb(205,239,233)
```
#dcf4ef
```
#dcf4ef rgb(220,244,239)
```
#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 #10fcd0 is the most saturated one.

#808c8a
```
#808c8a rgb(128,140,138)
```
#779590
```
#779590 rgb(119,149,144)
```
#6d9f96
```
#6d9f96 rgb(109,159,150)
```
#64a89b
```
#64a89b rgb(100,168,155)
```
#5bb1a1
```
#5bb1a1 rgb(91,177,161)
```
#51bba7
```
#51bba7 rgb(81,187,167)
```
#48c4ad
```
#48c4ad rgb(72,196,173)
```
#3fcdb3
```
#3fcdb3 rgb(63,205,179)
```
#35d7b9
```
#35d7b9 rgb(53,215,185)
```
#2ce0bf
```
#2ce0bf rgb(44,224,191)
```
#23e9c4
```
#23e9c4 rgb(35,233,196)
```
#19f3ca
```
#19f3ca rgb(25,243,202)
```
#10fcd0
```
#10fcd0 rgb(16,252,208)
```

Tone Color Variation

Below, you can see how #48c4ad 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
#8ba49f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb4a7 Protanopia 1% of men
#c3afb9 Deuteranopia 1% of men
#61c2d0 Tritanopia 0.001% of the population

Trichromacy

#91b9a9 Protanomaly 1% of men, 0.01% of women
#96b7b4 Deuteranomaly 6% of men, 0.4% of women
#58c2c3 Tritanomaly 0.01% of the population

#48c4ad hex color

#48c4ad Color Information

#48c4ad Color Conversion

Color Schemes with #48c4ad

Alternatives to #48c4ad

#48c4ad Preview

Shades and Tints of #48c4ad

Tones of #48c4ad

Color Blindness Simulator