colorhexa.com

#48a29a hex color

In a RGB color space, hex #48a29a is composed of 28.2% red, 63.5% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 4.9% yellow and 36.5% black. It has a hue angle of 174.7 degrees, a saturation of 38.5% and a lightness of 45.9%. #48a29a color hex could be obtained by blending #90ffff with #004535. Closest websafe color is: #339999.

- R 28
- G 64
- B 60
RGB color chart
- C 56
- M 0
- Y 5
- K 36
CMYK color chart

● #48a29a color description : Dark moderate cyan.

The hexadecimal color #48a29a has RGB values of R:72, G:162, B:154 and CMYK values of C:0.56, M:0, Y:0.05, K:0.36. Its decimal value is 4760218.

Hex triplet	48a29a	`#48a29a`
RGB Decimal	72, 162, 154	`rgb(72,162,154)`
RGB Percent	28.2, 63.5, 60.4	`rgb(28.2%,63.5%,60.4%)`
CMYK	56, 0, 5, 36
HSL	174.7°, 38.5, 45.9	`hsl(174.7,38.5%,45.9%)`
HSV (or HSB)	174.7°, 55.6, 63.5
Web Safe	339999	`#339999`

CIE-LAB	61.264, -28.743, -3.979
XYZ	21.424, 29.55, 35.145
xyY	0.249, 0.343, 29.55
CIE-LCH	61.264, 29.017, 187.881
CIE-LUV	61.264, -37.851, -1.47
Hunter-Lab	54.36, -24.781, -0.28
Binary	01001000, 10100010, 10011010

#48a29a
```
#48a29a rgb(72,162,154)
```
#a24850
```
#a24850 rgb(162,72,80)
```

Complementary Color

#48a26d
```
#48a26d rgb(72,162,109)
```
#48a29a
```
#48a29a rgb(72,162,154)
```
#487da2
```
#487da2 rgb(72,125,162)
```

Analogous Color

#a26d48
```
#a26d48 rgb(162,109,72)
```
#48a29a
```
#48a29a rgb(72,162,154)
```
#a2487d
```
#a2487d rgb(162,72,125)
```

Split Complementary Color

#a29a48
```
#a29a48 rgb(162,154,72)
```
#48a29a
```
#48a29a rgb(72,162,154)
```
#9a48a2
```
#9a48a2 rgb(154,72,162)
```

Triadic Color

#50a248
```
#50a248 rgb(80,162,72)
```
#48a29a
```
#48a29a rgb(72,162,154)
```
#9a48a2
```
#9a48a2 rgb(154,72,162)
```
#a24850
```
#a24850 rgb(162,72,80)
```

Tetradic Color

#306d68
```
#306d68 rgb(48,109,104)
```
#387f78
```
#387f78 rgb(56,127,120)
```
#409089
```
#409089 rgb(64,144,137)
```
#48a29a
```
#48a29a rgb(72,162,154)
```
#52b2a9
```
#52b2a9 rgb(82,178,169)
```
#63bab2
```
#63bab2 rgb(99,186,178)
```
#75c2bb
```
#75c2bb rgb(117,194,187)
```

Monochromatic Color

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

#48a284
```
#48a284 rgb(72,162,132)
```
#48a28b
```
#48a28b rgb(72,162,139)
```
#48a293
```
#48a293 rgb(72,162,147)
```
#48a29a
```
#48a29a rgb(72,162,154)
```
#48a2a2
```
#48a2a2 rgb(72,162,162)
```
#489ba2
```
#489ba2 rgb(72,155,162)
```
#4894a2
```
#4894a2 rgb(72,148,162)
```

Similar Colors

Text with hexadecimal color #48a29a

This text has a font color of #48a29a.

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

#48a29a background color

This paragraph has a background color of #48a29a.

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

#48a29a border color

This element has a border color of #48a29a.

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

CSS codes

.text {color:#48a29a;}

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

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

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, #060d0c is the darkest color, while #feffff is the lightest one.

#060d0c
```
#060d0c rgb(6,13,12)
```
#0c1a19
```
#0c1a19 rgb(12,26,25)
```
#122826
```
#122826 rgb(18,40,38)
```
#183533
```
#183533 rgb(24,53,51)
```
#1e4340
```
#1e4340 rgb(30,67,64)
```
#24514d
```
#24514d rgb(36,81,77)
```
#2a5e59
```
#2a5e59 rgb(42,94,89)
```
#306c66
```
#306c66 rgb(48,108,102)
```
#367973
```
#367973 rgb(54,121,115)
```
#3c8780
```
#3c8780 rgb(60,135,128)
```
#42948d
```
#42948d rgb(66,148,141)
```
#48a29a
```
#48a29a rgb(72,162,154)
```
#4eb0a7
```
#4eb0a7 rgb(78,176,167)
```

Shade Color Variation

#5bb6ae
```
#5bb6ae rgb(91,182,174)
```
#69bcb5
```
#69bcb5 rgb(105,188,181)
```
#76c2bb
```
#76c2bb rgb(118,194,187)
```
#84c8c2
```
#84c8c2 rgb(132,200,194)
```
#91cec9
```
#91cec9 rgb(145,206,201)
```
#9fd4d0
```
#9fd4d0 rgb(159,212,208)
```
#addad6
```
#addad6 rgb(173,218,214)
```
#bae0dd
```
#bae0dd rgb(186,224,221)
```
#c8e6e4
```
#c8e6e4 rgb(200,230,228)
```
#d5ecea
```
#d5ecea rgb(213,236,234)
```
#e3f3f1
```
#e3f3f1 rgb(227,243,241)
```
#f0f9f8
```
#f0f9f8 rgb(240,249,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7e7c is the less saturated color, while #00ead5 is the most saturated one.

#6c7e7c
```
#6c7e7c rgb(108,126,124)
```
#638784
```
#638784 rgb(99,135,132)
```
#5a908b
```
#5a908b rgb(90,144,139)
```
#519993
```
#519993 rgb(81,153,147)
```
#48a29a
```
#48a29a rgb(72,162,154)
```
#3faba1
```
#3faba1 rgb(63,171,161)
```
#36b4a9
```
#36b4a9 rgb(54,180,169)
```
#2dbdb0
```
#2dbdb0 rgb(45,189,176)
```
#24c6b8
```
#24c6b8 rgb(36,198,184)
```
#1bcfbf
```
#1bcfbf rgb(27,207,191)
```
#12d8c6
```
#12d8c6 rgb(18,216,198)
```
#09e1ce
```
#09e1ce rgb(9,225,206)
```
#00ead5
```
#00ead5 rgb(0,234,213)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7a8c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9897 Protanopia 1% of men
#a195a5 Deuteranopia 1% of men
#59a4b0 Tritanopia 0.001% of the population

Trichromacy

#7d9c98 Protanomaly 1% of men, 0.01% of women
#819aa1 Deuteranomaly 6% of men, 0.4% of women
#52a3a8 Tritanomaly 0.01% of the population