#48ba9d hex color

In a RGB color space, hex #48ba9d is composed of 28.2% red, 72.9% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 0% magenta, 15.6% yellow and 27.1% black. It has a hue angle of 164.7 degrees, a saturation of 45.2% and a lightness of 50.6%. #48ba9d color hex could be obtained by blending #90ffff with #00753b. Closest websafe color is: #33cc99.

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

● #48ba9d color description : Moderate cyan - lime green.

The hexadecimal color #48ba9d has RGB values of R:72, G:186, B:157 and CMYK values of C:0.61, M:0, Y:0.16, K:0.27. Its decimal value is 4766365.

Hex triplet	48ba9d	`#48ba9d`
RGB Decimal	72, 186, 157	`rgb(72,186,157)`
RGB Percent	28.2, 72.9, 61.6	`rgb(28.2%,72.9%,61.6%)`
CMYK	61, 0, 16, 27
HSL	164.7°, 45.2, 50.6	`hsl(164.7,45.2%,50.6%)`
HSV (or HSB)	164.7°, 61.3, 72.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.699, -39.2, 5.192
XYZ	26.315, 38.928, 38.023
xyY	0.255, 0.377, 38.928
CIE-LCH	68.699, 39.543, 172.455
CIE-LUV	68.699, -46.898, 13.727
Hunter-Lab	62.392, -33.9, 7.541
Binary	01001000, 10111010, 10011101

#48ba9d
```
#48ba9d rgb(72,186,157)
```
#ba4865
```
#ba4865 rgb(186,72,101)
```

Complementary Color

#48ba64
```
#48ba64 rgb(72,186,100)
```
#48ba9d
```
#48ba9d rgb(72,186,157)
```
#489eba
```
#489eba rgb(72,158,186)
```

Analogous Color

#ba6448
```
#ba6448 rgb(186,100,72)
```
#48ba9d
```
#48ba9d rgb(72,186,157)
```
#ba489e
```
#ba489e rgb(186,72,158)
```

Split Complementary Color

#ba9d48
```
#ba9d48 rgb(186,157,72)
```
#48ba9d
```
#48ba9d rgb(72,186,157)
```
#9d48ba
```
#9d48ba rgb(157,72,186)
```

Triadic Color

#65ba48
```
#65ba48 rgb(101,186,72)
```
#48ba9d
```
#48ba9d rgb(72,186,157)
```
#9d48ba
```
#9d48ba rgb(157,72,186)
```
#ba4865
```
#ba4865 rgb(186,72,101)
```

Tetradic Color

#32846f
```
#32846f rgb(50,132,111)
```
#39967f
```
#39967f rgb(57,150,127)
```
#40a98e
```
#40a98e rgb(64,169,142)
```
#48ba9d
```
#48ba9d rgb(72,186,157)
```
#5bc1a7
```
#5bc1a7 rgb(91,193,167)
```
#6dc8b1
```
#6dc8b1 rgb(109,200,177)
```
#80cfbb
```
#80cfbb rgb(128,207,187)
```

Monochromatic Color

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

#48ba81
```
#48ba81 rgb(72,186,129)
```
#48ba8a
```
#48ba8a rgb(72,186,138)
```
#48ba94
```
#48ba94 rgb(72,186,148)
```
#48ba9d
```
#48ba9d rgb(72,186,157)
```
#48baa7
```
#48baa7 rgb(72,186,167)
```
#48bab0
```
#48bab0 rgb(72,186,176)
```
#48baba
```
#48baba rgb(72,186,186)
```

Similar Colors

Text with hexadecimal color #48ba9d

This text has a font color of #48ba9d.

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

#48ba9d background color

This paragraph has a background color of #48ba9d.

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

#48ba9d border color

This element has a border color of #48ba9d.

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

CSS codes

.text {color:#48ba9d;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#06100e
```
#06100e rgb(6,16,14)
```
#0c1f1a
```
#0c1f1a rgb(12,31,26)
```
#112d26
```
#112d26 rgb(17,45,38)
```
#163b32
```
#163b32 rgb(22,59,50)
```
#1c493e
```
#1c493e rgb(28,73,62)
```
#21584a
```
#21584a rgb(33,88,74)
```
#266656
```
#266656 rgb(38,102,86)
```
#2c7462
```
#2c7462 rgb(44,116,98)
```
#31826e
```
#31826e rgb(49,130,110)
```
#37917a
```
#37917a rgb(55,145,122)
```
#3c9f86
```
#3c9f86 rgb(60,159,134)
```
#41ad92
```
#41ad92 rgb(65,173,146)
```

Shade Color Variation

#48ba9d
```
#48ba9d rgb(72,186,157)
```
#56bfa5
```
#56bfa5 rgb(86,191,165)
```
#64c5ac
```
#64c5ac rgb(100,197,172)
```
#73cab4
```
#73cab4 rgb(115,202,180)
```
#81cfbc
```
#81cfbc rgb(129,207,188)
```
#8fd5c3
```
#8fd5c3 rgb(143,213,195)
```
#9ddacb
```
#9ddacb rgb(157,218,203)
```
#ace0d2
```
#ace0d2 rgb(172,224,210)
```
#bae5da
```
#bae5da rgb(186,229,218)
```
#c8eae2
```
#c8eae2 rgb(200,234,226)
```
#d6f0e9
```
#d6f0e9 rgb(214,240,233)
```
#e5f5f1
```
#e5f5f1 rgb(229,245,241)
```
#f3faf9
```
#f3faf9 rgb(243,250,249)
```

Tint Color Variation

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

#788a85
```
#788a85 rgb(120,138,133)
```
#6f938a
```
#6f938a rgb(111,147,138)
```
#659d8f
```
#659d8f rgb(101,157,143)
```
#5ba793
```
#5ba793 rgb(91,167,147)
```
#52b098
```
#52b098 rgb(82,176,152)
```
#48ba9d
```
#48ba9d rgb(72,186,157)
```
#3ec4a2
```
#3ec4a2 rgb(62,196,162)
```
#35cda7
```
#35cda7 rgb(53,205,167)
```
#2bd7ab
```
#2bd7ab rgb(43,215,171)
```
#21e1b0
```
#21e1b0 rgb(33,225,176)
```
#18eab5
```
#18eab5 rgb(24,234,181)
```
#0ef4ba
```
#0ef4ba rgb(14,244,186)
```
#04febe
```
#04febe rgb(4,254,190)
```

Tone Color Variation

Below, you can see how #48ba9d 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
#869c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3ab99 Protanopia 1% of men
#bca6aa Deuteranopia 1% of men
#62b8c5 Tritanopia 0.001% of the population

Trichromacy

#8cb09a Protanomaly 1% of men, 0.01% of women
#92ada5 Deuteranomaly 6% of men, 0.4% of women
#58b8b6 Tritanomaly 0.01% of the population

#48ba9d hex color

#48ba9d Color Information

#48ba9d Color Conversion

Color Schemes with #48ba9d

Alternatives to #48ba9d

#48ba9d Preview

Shades and Tints of #48ba9d

Tones of #48ba9d

Color Blindness Simulator