#48b9a2 hex color

In a RGB color space, hex #48b9a2 is composed of 28.2% red, 72.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 0% magenta, 12.4% yellow and 27.5% black. It has a hue angle of 167.8 degrees, a saturation of 44.7% and a lightness of 50.4%. #48b9a2 color hex could be obtained by blending #90ffff with #007345. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 73
- B 64
RGB color chart
- C 61
- M 0
- Y 12
- K 27
CMYK color chart

● #48b9a2 color description : Moderate cyan.

The hexadecimal color #48b9a2 has RGB values of R:72, G:185, B:162 and CMYK values of C:0.61, M:0, Y:0.12, K:0.27. Its decimal value is 4766114.

Hex triplet	48b9a2	`#48b9a2`
RGB Decimal	72, 185, 162	`rgb(72,185,162)`
RGB Percent	28.2, 72.5, 63.5	`rgb(28.2%,72.5%,63.5%)`
CMYK	61, 0, 12, 27
HSL	167.8°, 44.7, 50.4	`hsl(167.8,44.7%,50.4%)`
HSV (or HSB)	167.8°, 61.1, 72.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.52, -37.502, 2.19
XYZ	26.541, 38.682, 40.248
xyY	0.252, 0.367, 38.682
CIE-LCH	68.52, 37.566, 176.659
CIE-LUV	68.52, -46.243, 9.081
Hunter-Lab	62.195, -32.669, 5.168
Binary	01001000, 10111001, 10100010

#48b9a2
```
#48b9a2 rgb(72,185,162)
```
#b9485f
```
#b9485f rgb(185,72,95)
```

Complementary Color

#48b96a
```
#48b96a rgb(72,185,106)
```
#48b9a2
```
#48b9a2 rgb(72,185,162)
```
#4898b9
```
#4898b9 rgb(72,152,185)
```

Analogous Color

#b96a48
```
#b96a48 rgb(185,106,72)
```
#48b9a2
```
#48b9a2 rgb(72,185,162)
```
#b94898
```
#b94898 rgb(185,72,152)
```

Split Complementary Color

#b9a248
```
#b9a248 rgb(185,162,72)
```
#48b9a2
```
#48b9a2 rgb(72,185,162)
```
#a248b9
```
#a248b9 rgb(162,72,185)
```

Triadic Color

#5fb948
```
#5fb948 rgb(95,185,72)
```
#48b9a2
```
#48b9a2 rgb(72,185,162)
```
#a248b9
```
#a248b9 rgb(162,72,185)
```
#b9485f
```
#b9485f rgb(185,72,95)
```

Tetradic Color

#328372
```
#328372 rgb(50,131,114)
```
#399582
```
#399582 rgb(57,149,130)
```
#40a792
```
#40a792 rgb(64,167,146)
```
#48b9a2
```
#48b9a2 rgb(72,185,162)
```
#5ac0ab
```
#5ac0ab rgb(90,192,171)
```
#6dc7b5
```
#6dc7b5 rgb(109,199,181)
```
#7fcebe
```
#7fcebe rgb(127,206,190)
```

Monochromatic Color

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

#48b986
```
#48b986 rgb(72,185,134)
```
#48b98f
```
#48b98f rgb(72,185,143)
```
#48b999
```
#48b999 rgb(72,185,153)
```
#48b9a2
```
#48b9a2 rgb(72,185,162)
```
#48b9ab
```
#48b9ab rgb(72,185,171)
```
#48b9b5
```
#48b9b5 rgb(72,185,181)
```
#48b4b9
```
#48b4b9 rgb(72,180,185)
```

Similar Colors

Text with hexadecimal color #48b9a2

This text has a font color of #48b9a2.

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

#48b9a2 background color

This paragraph has a background color of #48b9a2.

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

#48b9a2 border color

This element has a border color of #48b9a2.

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

CSS codes

.text {color:#48b9a2;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#06100e
```
#06100e rgb(6,16,14)
```
#0b1e1a
```
#0b1e1a rgb(11,30,26)
```
#112c26
```
#112c26 rgb(17,44,38)
```
#163a33
```
#163a33 rgb(22,58,51)
```
#1c483f
```
#1c483f rgb(28,72,63)
```
#21574c
```
#21574c rgb(33,87,76)
```
#276558
```
#276558 rgb(39,101,88)
```
#2c7365
```
#2c7365 rgb(44,115,101)
```
#318171
```
#318171 rgb(49,129,113)
```
#378f7d
```
#378f7d rgb(55,143,125)
```
#3c9e8a
```
#3c9e8a rgb(60,158,138)
```
#42ac96
```
#42ac96 rgb(66,172,150)
```

Shade Color Variation

#48b9a2
```
#48b9a2 rgb(72,185,162)
```
#56bea9
```
#56bea9 rgb(86,190,169)
```
#64c4b0
```
#64c4b0 rgb(100,196,176)
```
#73c9b8
```
#73c9b8 rgb(115,201,184)
```
#81cfbf
```
#81cfbf rgb(129,207,191)
```
#8fd4c6
```
#8fd4c6 rgb(143,212,198)
```
#9ddacd
```
#9ddacd rgb(157,218,205)
```
#abdfd4
```
#abdfd4 rgb(171,223,212)
```
#bae4dc
```
#bae4dc rgb(186,228,220)
```
#c8eae3
```
#c8eae3 rgb(200,234,227)
```
#d6efea
```
#d6efea rgb(214,239,234)
```
#e4f5f1
```
#e4f5f1 rgb(228,245,241)
```
#f2faf9
```
#f2faf9 rgb(242,250,249)
```

Tint Color Variation

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

#798885
```
#798885 rgb(121,136,133)
```
#6f928b
```
#6f928b rgb(111,146,139)
```
#659c91
```
#659c91 rgb(101,156,145)
```
#5ba696
```
#5ba696 rgb(91,166,150)
```
#52af9c
```
#52af9c rgb(82,175,156)
```
#48b9a2
```
#48b9a2 rgb(72,185,162)
```
#3ec3a8
```
#3ec3a8 rgb(62,195,168)
```
#35ccae
```
#35ccae rgb(53,204,174)
```
#2bd6b3
```
#2bd6b3 rgb(43,214,179)
```
#21e0b9
```
#21e0b9 rgb(33,224,185)
```
#17eabf
```
#17eabf rgb(23,234,191)
```
#0ef3c5
```
#0ef3c5 rgb(14,243,197)
```
#04fdca
```
#04fdca rgb(4,253,202)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#869c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1ab9d Protanopia 1% of men
#baa6ae Deuteranopia 1% of men
#60b8c5 Tritanopia 0.001% of the population

Trichromacy

#8bb09f Protanomaly 1% of men, 0.01% of women
#90ada9 Deuteranomaly 6% of men, 0.4% of women
#57b8b8 Tritanomaly 0.01% of the population

#48b9a2 hex color

#48b9a2 Color Information

#48b9a2 Color Conversion

Color Schemes with #48b9a2

Alternatives to #48b9a2

#48b9a2 Preview

Shades and Tints of #48b9a2

Tones of #48b9a2

Color Blindness Simulator