#48c0a2 hex color

In a RGB color space, hex #48c0a2 is composed of 28.2% red, 75.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 0% magenta, 15.6% yellow and 24.7% black. It has a hue angle of 165 degrees, a saturation of 48.8% and a lightness of 51.8%. #48c0a2 color hex could be obtained by blending #90ffff with #008145. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 75
- B 64
RGB color chart
- C 63
- M 0
- Y 16
- K 25
CMYK color chart

● #48c0a2 color description : Moderate cyan.

The hexadecimal color #48c0a2 has RGB values of R:72, G:192, B:162 and CMYK values of C:0.63, M:0, Y:0.16, K:0.25. Its decimal value is 4767906.

Hex triplet	48c0a2	`#48c0a2`
RGB Decimal	72, 192, 162	`rgb(72,192,162)`
RGB Percent	28.2, 75.3, 63.5	`rgb(28.2%,75.3%,63.5%)`
CMYK	63, 0, 16, 25
HSL	165°, 48.8, 51.8	`hsl(165,48.8%,51.8%)`
HSV (or HSB)	165°, 62.5, 75.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.652, -40.643, 5.273
XYZ	28.041, 41.683, 40.748
xyY	0.254, 0.377, 41.683
CIE-LCH	70.652, 40.984, 172.608
CIE-LUV	70.652, -48.872, 14.138
Hunter-Lab	64.563, -35.457, 7.773
Binary	01001000, 11000000, 10100010

#48c0a2
```
#48c0a2 rgb(72,192,162)
```
#c04866
```
#c04866 rgb(192,72,102)
```

Complementary Color

#48c066
```
#48c066 rgb(72,192,102)
```
#48c0a2
```
#48c0a2 rgb(72,192,162)
```
#48a2c0
```
#48a2c0 rgb(72,162,192)
```

Analogous Color

#c06648
```
#c06648 rgb(192,102,72)
```
#48c0a2
```
#48c0a2 rgb(72,192,162)
```
#c048a2
```
#c048a2 rgb(192,72,162)
```

Split Complementary Color

#c0a248
```
#c0a248 rgb(192,162,72)
```
#48c0a2
```
#48c0a2 rgb(72,192,162)
```
#a248c0
```
#a248c0 rgb(162,72,192)
```

Triadic Color

#66c048
```
#66c048 rgb(102,192,72)
```
#48c0a2
```
#48c0a2 rgb(72,192,162)
```
#a248c0
```
#a248c0 rgb(162,72,192)
```
#c04866
```
#c04866 rgb(192,72,102)
```

Tetradic Color

#308b75
```
#308b75 rgb(48,139,117)
```
#379e84
```
#379e84 rgb(55,158,132)
```
#3db194
```
#3db194 rgb(61,177,148)
```
#48c0a2
```
#48c0a2 rgb(72,192,162)
```
#5bc7ac
```
#5bc7ac rgb(91,199,172)
```
#6ecdb5
```
#6ecdb5 rgb(110,205,181)
```
#81d4bf
```
#81d4bf rgb(129,212,191)
```

Monochromatic Color

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

#48c084
```
#48c084 rgb(72,192,132)
```
#48c08e
```
#48c08e rgb(72,192,142)
```
#48c098
```
#48c098 rgb(72,192,152)
```
#48c0a2
```
#48c0a2 rgb(72,192,162)
```
#48c0ac
```
#48c0ac rgb(72,192,172)
```
#48c0b6
```
#48c0b6 rgb(72,192,182)
```
#48c0c0
```
#48c0c0 rgb(72,192,192)
```

Similar Colors

Text with hexadecimal color #48c0a2

This text has a font color of #48c0a2.

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

#48c0a2 background color

This paragraph has a background color of #48c0a2.

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

#48c0a2 border color

This element has a border color of #48c0a2.

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

CSS codes

.text {color:#48c0a2;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#071512
```
#071512 rgb(7,21,18)
```
#0c241e
```
#0c241e rgb(12,36,30)
```
#11322a
```
#11322a rgb(17,50,42)
```
#164136
```
#164136 rgb(22,65,54)
```
#1b5043
```
#1b5043 rgb(27,80,67)
```
#205e4f
```
#205e4f rgb(32,94,79)
```
#256d5b
```
#256d5b rgb(37,109,91)
```
#2a7b67
```
#2a7b67 rgb(42,123,103)
```
#308a73
```
#308a73 rgb(48,138,115)
```
#359980
```
#359980 rgb(53,153,128)
```
#3aa78c
```
#3aa78c rgb(58,167,140)
```
#3fb698
```
#3fb698 rgb(63,182,152)
```

Shade Color Variation

#48c0a2
```
#48c0a2 rgb(72,192,162)
```
#57c5a9
```
#57c5a9 rgb(87,197,169)
```
#65cab1
```
#65cab1 rgb(101,202,177)
```
#74cfb8
```
#74cfb8 rgb(116,207,184)
```
#82d4c0
```
#82d4c0 rgb(130,212,192)
```
#91d9c7
```
#91d9c7 rgb(145,217,199)
```
#a0dece
```
#a0dece rgb(160,222,206)
```
#aee3d6
```
#aee3d6 rgb(174,227,214)
```
#bde8dd
```
#bde8dd rgb(189,232,221)
```
#cbede5
```
#cbede5 rgb(203,237,229)
```
#daf2ec
```
#daf2ec rgb(218,242,236)
```
#e9f7f4
```
#e9f7f4 rgb(233,247,244)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#818786
```
#818786 rgb(129,135,134)
```
#77918a
```
#77918a rgb(119,145,138)
```
#6e9a8f
```
#6e9a8f rgb(110,154,143)
```
#64a494
```
#64a494 rgb(100,164,148)
```
#5bad99
```
#5bad99 rgb(91,173,153)
```
#51b79d
```
#51b79d rgb(81,183,157)
```
#48c0a2
```
#48c0a2 rgb(72,192,162)
```
#3fc9a7
```
#3fc9a7 rgb(63,201,167)
```
#35d3ab
```
#35d3ab rgb(53,211,171)
```
#2cdcb0
```
#2cdcb0 rgb(44,220,176)
```
#22e6b5
```
#22e6b5 rgb(34,230,181)
```
#19efba
```
#19efba rgb(25,239,186)
```
#0ff9be
```
#0ff9be rgb(15,249,190)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#89a19b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b09d Protanopia 1% of men
#c2abaf Deuteranopia 1% of men
#63bdcb Tritanopia 0.001% of the population

Trichromacy

#8fb69f Protanomaly 1% of men, 0.01% of women
#95b3aa Deuteranomaly 6% of men, 0.4% of women
#59bebc Tritanomaly 0.01% of the population

#48c0a2 hex color

#48c0a2 Color Information

#48c0a2 Color Conversion

Color Schemes with #48c0a2

Alternatives to #48c0a2

#48c0a2 Preview

Shades and Tints of #48c0a2

Tones of #48c0a2

Color Blindness Simulator