#48a399 hex color

In a RGB color space, hex #48a399 is composed of 28.2% red, 63.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 0% magenta, 6.1% yellow and 36.1% black. It has a hue angle of 173.4 degrees, a saturation of 38.7% and a lightness of 46.1%. #48a399 color hex could be obtained by blending #90ffff with #004733. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 28
- G 64
- B 60
RGB color chart
- C 56
- M 0
- Y 6
- K 36
CMYK color chart

● #48a399 color description : Dark moderate cyan.

The hexadecimal color #48a399 has RGB values of R:72, G:163, B:153 and CMYK values of C:0.56, M:0, Y:0.06, K:0.36. Its decimal value is 4760473.

Hex triplet	48a399	`#48a399`
RGB Decimal	72, 163, 153	`rgb(72,163,153)`
RGB Percent	28.2, 63.9, 60	`rgb(28.2%,63.9%,60%)`
CMYK	56, 0, 6, 36
HSL	173.4°, 38.7, 46.1	`hsl(173.4,38.7%,46.1%)`
HSV (or HSB)	173.4°, 55.8, 63.9
Web Safe	339999	`#339999`

CIE-LAB	61.542, -29.499, -3.005
XYZ	21.518, 29.87, 34.767
xyY	0.25, 0.347, 29.87
CIE-LCH	61.542, 29.651, 185.817
CIE-LUV	61.542, -38.289, 0.094
Hunter-Lab	54.654, -25.367, 0.542
Binary	01001000, 10100011, 10011001

#48a399
```
#48a399 rgb(72,163,153)
```
#a34852
```
#a34852 rgb(163,72,82)
```

Complementary Color

#48a36c
```
#48a36c rgb(72,163,108)
```
#48a399
```
#48a399 rgb(72,163,153)
```
#4880a3
```
#4880a3 rgb(72,128,163)
```

Analogous Color

#a36c48
```
#a36c48 rgb(163,108,72)
```
#48a399
```
#48a399 rgb(72,163,153)
```
#a34880
```
#a34880 rgb(163,72,128)
```

Split Complementary Color

#a39948
```
#a39948 rgb(163,153,72)
```
#48a399
```
#48a399 rgb(72,163,153)
```
#9948a3
```
#9948a3 rgb(153,72,163)
```

Triadic Color

#52a348
```
#52a348 rgb(82,163,72)
```
#48a399
```
#48a399 rgb(72,163,153)
```
#9948a3
```
#9948a3 rgb(153,72,163)
```
#a34852
```
#a34852 rgb(163,72,82)
```

Tetradic Color

#316e67
```
#316e67 rgb(49,110,103)
```
#388078
```
#388078 rgb(56,128,120)
```
#409188
```
#409188 rgb(64,145,136)
```
#48a399
```
#48a399 rgb(72,163,153)
```
#52b3a8
```
#52b3a8 rgb(82,179,168)
```
#64bab1
```
#64bab1 rgb(100,186,177)
```
#75c2ba
```
#75c2ba rgb(117,194,186)
```

Monochromatic Color

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

#48a382
```
#48a382 rgb(72,163,130)
```
#48a38a
```
#48a38a rgb(72,163,138)
```
#48a391
```
#48a391 rgb(72,163,145)
```
#48a399
```
#48a399 rgb(72,163,153)
```
#48a3a1
```
#48a3a1 rgb(72,163,161)
```
#489ea3
```
#489ea3 rgb(72,158,163)
```
#4896a3
```
#4896a3 rgb(72,150,163)
```

Similar Colors

Text with hexadecimal color #48a399

This text has a font color of #48a399.

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

#48a399 background color

This paragraph has a background color of #48a399.

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

#48a399 border color

This element has a border color of #48a399.

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

CSS codes

.text {color:#48a399;}

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

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

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

#060d0d
```
#060d0d rgb(6,13,13)
```
#0c1b19
```
#0c1b19 rgb(12,27,25)
```
#122926
```
#122926 rgb(18,41,38)
```
#183633
```
#183633 rgb(24,54,51)
```
#1e4440
```
#1e4440 rgb(30,68,64)
```
#24514c
```
#24514c rgb(36,81,76)
```
#2a5f59
```
#2a5f59 rgb(42,95,89)
```
#306d66
```
#306d66 rgb(48,109,102)
```
#367a73
```
#367a73 rgb(54,122,115)
```
#3c887f
```
#3c887f rgb(60,136,127)
```
#42958c
```
#42958c rgb(66,149,140)
```
#48a399
```
#48a399 rgb(72,163,153)
```
#4eb1a6
```
#4eb1a6 rgb(78,177,166)
```

Shade Color Variation

#5bb7ad
```
#5bb7ad rgb(91,183,173)
```
#69bdb4
```
#69bdb4 rgb(105,189,180)
```
#77c3ba
```
#77c3ba rgb(119,195,186)
```
#84c9c1
```
#84c9c1 rgb(132,201,193)
```
#92cfc8
```
#92cfc8 rgb(146,207,200)
```
#9fd5cf
```
#9fd5cf rgb(159,213,207)
```
#addbd6
```
#addbd6 rgb(173,219,214)
```
#bbe1dd
```
#bbe1dd rgb(187,225,221)
```
#c8e7e3
```
#c8e7e3 rgb(200,231,227)
```
#d6edea
```
#d6edea rgb(214,237,234)
```
#e4f3f1
```
#e4f3f1 rgb(228,243,241)
```
#f1f9f8
```
#f1f9f8 rgb(241,249,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757676
```
#757676 rgb(117,118,118)
```
#6c7f7d
```
#6c7f7d rgb(108,127,125)
```
#638884
```
#638884 rgb(99,136,132)
```
#5a918b
```
#5a918b rgb(90,145,139)
```
#519a92
```
#519a92 rgb(81,154,146)
```
#48a399
```
#48a399 rgb(72,163,153)
```
#3faca0
```
#3faca0 rgb(63,172,160)
```
#36b5a7
```
#36b5a7 rgb(54,181,167)
```
#2dbeae
```
#2dbeae rgb(45,190,174)
```
#24c7b5
```
#24c7b5 rgb(36,199,181)
```
#1bd0bc
```
#1bd0bc rgb(27,208,188)
```
#12d9c3
```
#12d9c3 rgb(18,217,195)
```
#09e2ca
```
#09e2ca rgb(9,226,202)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7a8d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9996 Protanopia 1% of men
#a396a4 Deuteranopia 1% of men
#59a4b0 Tritanopia 0.001% of the population

Trichromacy

#7e9c97 Protanomaly 1% of men, 0.01% of women
#829aa0 Deuteranomaly 6% of men, 0.4% of women
#53a4a8 Tritanomaly 0.01% of the population

#48a399 hex color

#48a399 Color Information

#48a399 Color Conversion

Color Schemes with #48a399

Alternatives to #48a399

#48a399 Preview

Shades and Tints of #48a399

Tones of #48a399

Color Blindness Simulator