#48c4c2 hex color

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

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

● #48c4c2 color description : Moderate cyan.

The hexadecimal color #48c4c2 has RGB values of R:72, G:196, B:194 and CMYK values of C:0.63, M:0, Y:0.01, K:0.23. Its decimal value is 4768962.

Hex triplet	48c4c2	`#48c4c2`
RGB Decimal	72, 196, 194	`rgb(72,196,194)`
RGB Percent	28.2, 76.9, 76.1	`rgb(28.2%,76.9%,76.1%)`
CMYK	63, 0, 1, 23
HSL	179°, 51.2, 52.5	`hsl(179,51.2%,52.5%)`
HSV (or HSB)	179°, 63.3, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.727, -34.076, -9.129
XYZ	32.147, 44.75, 57.979
xyY	0.238, 0.332, 44.75
CIE-LCH	72.727, 35.278, 194.998
CIE-LUV	72.727, -48.476, -8.77
Hunter-Lab	66.895, -31.287, -4.561
Binary	01001000, 11000100, 11000010

#48c4c2
```
#48c4c2 rgb(72,196,194)
```
#c4484a
```
#c4484a rgb(196,72,74)
```

Complementary Color

#48c484
```
#48c484 rgb(72,196,132)
```
#48c4c2
```
#48c4c2 rgb(72,196,194)
```
#4888c4
```
#4888c4 rgb(72,136,196)
```

Analogous Color

#c48448
```
#c48448 rgb(196,132,72)
```
#48c4c2
```
#48c4c2 rgb(72,196,194)
```
#c44888
```
#c44888 rgb(196,72,136)
```

Split Complementary Color

#c4c248
```
#c4c248 rgb(196,194,72)
```
#48c4c2
```
#48c4c2 rgb(72,196,194)
```
#c248c4
```
#c248c4 rgb(194,72,196)
```

Triadic Color

#4ac448
```
#4ac448 rgb(74,196,72)
```
#48c4c2
```
#48c4c2 rgb(72,196,194)
```
#c248c4
```
#c248c4 rgb(194,72,196)
```
#c4484a
```
#c4484a rgb(196,72,74)
```

Tetradic Color

#2f918f
```
#2f918f rgb(47,145,143)
```
#35a4a2
```
#35a4a2 rgb(53,164,162)
```
#3bb7b5
```
#3bb7b5 rgb(59,183,181)
```
#48c4c2
```
#48c4c2 rgb(72,196,194)
```
#5bcac8
```
#5bcac8 rgb(91,202,200)
```
#6fd0cf
```
#6fd0cf rgb(111,208,207)
```
#82d7d5
```
#82d7d5 rgb(130,215,213)
```

Monochromatic Color

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

#48c4a3
```
#48c4a3 rgb(72,196,163)
```
#48c4ad
```
#48c4ad rgb(72,196,173)
```
#48c4b8
```
#48c4b8 rgb(72,196,184)
```
#48c4c2
```
#48c4c2 rgb(72,196,194)
```
#48bcc4
```
#48bcc4 rgb(72,188,196)
```
#48b1c4
```
#48b1c4 rgb(72,177,196)
```
#48a7c4
```
#48a7c4 rgb(72,167,196)
```

Similar Colors

Text with hexadecimal color #48c4c2

This text has a font color of #48c4c2.

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

#48c4c2 background color

This paragraph has a background color of #48c4c2.

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

#48c4c2 border color

This element has a border color of #48c4c2.

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

CSS codes

.text {color:#48c4c2;}

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

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

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

#030a0a
```
#030a0a rgb(3,10,10)
```
#081918
```
#081918 rgb(8,25,24)
```
#0d2727
```
#0d2727 rgb(13,39,39)
```
#123636
```
#123636 rgb(18,54,54)
```
#164544
```
#164544 rgb(22,69,68)
```
#1b5453
```
#1b5453 rgb(27,84,83)
```
#206362
```
#206362 rgb(32,99,98)
```
#257270
```
#257270 rgb(37,114,112)
```
#29807f
```
#29807f rgb(41,128,127)
```
#2e8f8e
```
#2e8f8e rgb(46,143,142)
```
#339e9c
```
#339e9c rgb(51,158,156)
```
#38adab
```
#38adab rgb(56,173,171)
```
#3dbcba
```
#3dbcba rgb(61,188,186)
```

Shade Color Variation

#48c4c2
```
#48c4c2 rgb(72,196,194)
```
#57c9c7
```
#57c9c7 rgb(87,201,199)
```
#66cecc
```
#66cecc rgb(102,206,204)
```
#74d2d1
```
#74d2d1 rgb(116,210,209)
```
#83d7d6
```
#83d7d6 rgb(131,215,214)
```
#92dcdb
```
#92dcdb rgb(146,220,219)
```
#a1e1e0
```
#a1e1e0 rgb(161,225,224)
```
#b0e5e5
```
#b0e5e5 rgb(176,229,229)
```
#bfeaea
```
#bfeaea rgb(191,234,234)
```
#cdefee
```
#cdefee rgb(205,239,238)
```
#dcf4f3
```
#dcf4f3 rgb(220,244,243)
```
#ebf9f8
```
#ebf9f8 rgb(235,249,248)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#808c8c
```
#808c8c rgb(128,140,140)
```
#779595
```
#779595 rgb(119,149,149)
```
#6d9f9e
```
#6d9f9e rgb(109,159,158)
```
#64a8a7
```
#64a8a7 rgb(100,168,167)
```
#5bb1b0
```
#5bb1b0 rgb(91,177,176)
```
#51bbb9
```
#51bbb9 rgb(81,187,185)
```
#48c4c2
```
#48c4c2 rgb(72,196,194)
```
#3fcdcb
```
#3fcdcb rgb(63,205,203)
```
#35d7d4
```
#35d7d4 rgb(53,215,212)
```
#2ce0dd
```
#2ce0dd rgb(44,224,221)
```
#23e9e6
```
#23e9e6 rgb(35,233,230)
```
#19f3ef
```
#19f3ef rgb(25,243,239)
```
#10fcf8
```
#10fcf8 rgb(16,252,248)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8ea6a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b5bb Protanopia 1% of men
#bcb2cc Deuteranopia 1% of men
#59c4d3 Tritanopia 0.001% of the population

Trichromacy

#8fbabd Protanomaly 1% of men, 0.01% of women
#91b8c8 Deuteranomaly 6% of men, 0.4% of women
#53c4cc Tritanomaly 0.01% of the population

#48c4c2 hex color

#48c4c2 Color Information

#48c4c2 Color Conversion

Color Schemes with #48c4c2

Alternatives to #48c4c2

#48c4c2 Preview

Shades and Tints of #48c4c2

Tones of #48c4c2

Color Blindness Simulator