#48ab9a hex color

In a RGB color space, hex #48ab9a is composed of 28.2% red, 67.1% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 0% magenta, 9.9% yellow and 32.9% black. It has a hue angle of 169.7 degrees, a saturation of 40.7% and a lightness of 47.6%. #48ab9a color hex could be obtained by blending #90ffff with #005735. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 67
- B 60
RGB color chart
- C 58
- M 0
- Y 10
- K 33
CMYK color chart

● #48ab9a color description : Dark moderate cyan.

The hexadecimal color #48ab9a has RGB values of R:72, G:171, B:154 and CMYK values of C:0.58, M:0, Y:0.1, K:0.33. Its decimal value is 4762522.

Hex triplet	48ab9a	`#48ab9a`
RGB Decimal	72, 171, 154	`rgb(72,171,154)`
RGB Percent	28.2, 67.1, 60.4	`rgb(28.2%,67.1%,60.4%)`
CMYK	58, 0, 10, 33
HSL	169.7°, 40.7, 47.6	`hsl(169.7,40.7%,47.6%)`
HSV (or HSB)	169.7°, 57.9, 67.1
Web Safe	339999	`#339999`

CIE-LAB	64.027, -33.067, 0.076
XYZ	23.066, 32.835, 35.692
xyY	0.252, 0.358, 32.835
CIE-LCH	64.027, 33.067, 179.868
CIE-LUV	64.027, -41.336, 5.209
Hunter-Lab	57.302, -28.424, 3.18
Binary	01001000, 10101011, 10011010

#48ab9a
```
#48ab9a rgb(72,171,154)
```
#ab4859
```
#ab4859 rgb(171,72,89)
```

Complementary Color

#48ab69
```
#48ab69 rgb(72,171,105)
```
#48ab9a
```
#48ab9a rgb(72,171,154)
```
#488bab
```
#488bab rgb(72,139,171)
```

Analogous Color

#ab6948
```
#ab6948 rgb(171,105,72)
```
#48ab9a
```
#48ab9a rgb(72,171,154)
```
#ab488b
```
#ab488b rgb(171,72,139)
```

Split Complementary Color

#ab9a48
```
#ab9a48 rgb(171,154,72)
```
#48ab9a
```
#48ab9a rgb(72,171,154)
```
#9a48ab
```
#9a48ab rgb(154,72,171)
```

Triadic Color

#59ab48
```
#59ab48 rgb(89,171,72)
```
#48ab9a
```
#48ab9a rgb(72,171,154)
```
#9a48ab
```
#9a48ab rgb(154,72,171)
```
#ab4859
```
#ab4859 rgb(171,72,89)
```

Tetradic Color

#31756a
```
#31756a rgb(49,117,106)
```
#39877a
```
#39877a rgb(57,135,122)
```
#40998a
```
#40998a rgb(64,153,138)
```
#48ab9a
```
#48ab9a rgb(72,171,154)
```
#55b7a7
```
#55b7a7 rgb(85,183,167)
```
#67bfb0
```
#67bfb0 rgb(103,191,176)
```
#79c7b9
```
#79c7b9 rgb(121,199,185)
```

Monochromatic Color

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

#48ab81
```
#48ab81 rgb(72,171,129)
```
#48ab8a
```
#48ab8a rgb(72,171,138)
```
#48ab92
```
#48ab92 rgb(72,171,146)
```
#48ab9a
```
#48ab9a rgb(72,171,154)
```
#48aba2
```
#48aba2 rgb(72,171,162)
```
#48abab
```
#48abab rgb(72,171,171)
```
#48a3ab
```
#48a3ab rgb(72,163,171)
```

Similar Colors

Text with hexadecimal color #48ab9a

This text has a font color of #48ab9a.

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

#48ab9a background color

This paragraph has a background color of #48ab9a.

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

#48ab9a border color

This element has a border color of #48ab9a.

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

CSS codes

.text {color:#48ab9a;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#081311
```
#081311 rgb(8,19,17)
```
#0e211e
```
#0e211e rgb(14,33,30)
```
#142f2a
```
#142f2a rgb(20,47,42)
```
#1a3d37
```
#1a3d37 rgb(26,61,55)
```
#1f4a43
```
#1f4a43 rgb(31,74,67)
```
#25584f
```
#25584f rgb(37,88,79)
```
#2b665c
```
#2b665c rgb(43,102,92)
```
#317468
```
#317468 rgb(49,116,104)
```
#378275
```
#378275 rgb(55,130,117)
```
#3c8f81
```
#3c8f81 rgb(60,143,129)
```
#429d8e
```
#429d8e rgb(66,157,142)
```
#48ab9a
```
#48ab9a rgb(72,171,154)
```

Shade Color Variation

#51b6a4
```
#51b6a4 rgb(81,182,164)
```
#5fbcac
```
#5fbcac rgb(95,188,172)
```
#6dc1b3
```
#6dc1b3 rgb(109,193,179)
```
#7ac7ba
```
#7ac7ba rgb(122,199,186)
```
#88cdc1
```
#88cdc1 rgb(136,205,193)
```
#96d3c8
```
#96d3c8 rgb(150,211,200)
```
#a4d9cf
```
#a4d9cf rgb(164,217,207)
```
#b2ded7
```
#b2ded7 rgb(178,222,215)
```
#bfe4de
```
#bfe4de rgb(191,228,222)
```
#cdeae5
```
#cdeae5 rgb(205,234,229)
```
#dbf0ec
```
#dbf0ec rgb(219,240,236)
```
#e9f6f3
```
#e9f6f3 rgb(233,246,243)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777c7b is the less saturated color, while #07ecc5 is the most saturated one.

#777c7b
```
#777c7b rgb(119,124,123)
```
#6d8681
```
#6d8681 rgb(109,134,129)
```
#648f88
```
#648f88 rgb(100,143,136)
```
#5b988e
```
#5b988e rgb(91,152,142)
```
#51a294
```
#51a294 rgb(81,162,148)
```
#48ab9a
```
#48ab9a rgb(72,171,154)
```
#3fb4a0
```
#3fb4a0 rgb(63,180,160)
```
#35bea6
```
#35bea6 rgb(53,190,166)
```
#2cc7ac
```
#2cc7ac rgb(44,199,172)
```
#23d0b3
```
#23d0b3 rgb(35,208,179)
```
#19dab9
```
#19dab9 rgb(25,218,185)
```
#10e3bf
```
#10e3bf rgb(16,227,191)
```
#07ecc5
```
#07ecc5 rgb(7,236,197)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7e918e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59f97 Protanopia 1% of men
#ac9ba6 Deuteranopia 1% of men
#5cabb8 Tritanopia 0.001% of the population

Trichromacy

#83a398 Protanomaly 1% of men, 0.01% of women
#87a1a1 Deuteranomaly 6% of men, 0.4% of women
#55abad Tritanomaly 0.01% of the population

#48ab9a hex color

#48ab9a Color Information

#48ab9a Color Conversion

Color Schemes with #48ab9a

Alternatives to #48ab9a

#48ab9a Preview

Shades and Tints of #48ab9a

Tones of #48ab9a

Color Blindness Simulator