#48d498 hex color

In a RGB color space, hex #48d498 is composed of 28.2% red, 83.1% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 0% magenta, 28.3% yellow and 16.9% black. It has a hue angle of 154.3 degrees, a saturation of 61.9% and a lightness of 55.7%. #48d498 color hex could be obtained by blending #90ffff with #00a931. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 83
- B 60
RGB color chart
- C 66
- M 0
- Y 28
- K 17
CMYK color chart

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

The hexadecimal color #48d498 has RGB values of R:72, G:212, B:152 and CMYK values of C:0.66, M:0, Y:0.28, K:0.17. Its decimal value is 4773016.

Hex triplet	48d498	`#48d498`
RGB Decimal	72, 212, 152	`rgb(72,212,152)`
RGB Percent	28.2, 83.1, 59.6	`rgb(28.2%,83.1%,59.6%)`
CMYK	66, 0, 28, 17
HSL	154.3°, 61.9, 55.7	`hsl(154.3,61.9%,55.7%)`
HSV (or HSB)	154.3°, 66, 83.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.514, -51.365, 18.925
XYZ	31.881, 50.729, 37.816
xyY	0.265, 0.421, 50.729
CIE-LCH	76.514, 54.74, 159.775
CIE-LUV	76.514, -56.821, 35.26
Hunter-Lab	71.224, -44.743, 18.378
Binary	01001000, 11010100, 10011000

#48d498
```
#48d498 rgb(72,212,152)
```
#d44884
```
#d44884 rgb(212,72,132)
```

Complementary Color

#48d452
```
#48d452 rgb(72,212,82)
```
#48d498
```
#48d498 rgb(72,212,152)
```
#48cad4
```
#48cad4 rgb(72,202,212)
```

Analogous Color

#d45248
```
#d45248 rgb(212,82,72)
```
#48d498
```
#48d498 rgb(72,212,152)
```
#d448ca
```
#d448ca rgb(212,72,202)
```

Split Complementary Color

#d49848
```
#d49848 rgb(212,152,72)
```
#48d498
```
#48d498 rgb(72,212,152)
```
#9848d4
```
#9848d4 rgb(152,72,212)
```

Triadic Color

#84d448
```
#84d448 rgb(132,212,72)
```
#48d498
```
#48d498 rgb(72,212,152)
```
#9848d4
```
#9848d4 rgb(152,72,212)
```
#d44884
```
#d44884 rgb(212,72,132)
```

Tetradic Color

#27a871
```
#27a871 rgb(39,168,113)
```
#2cbd7f
```
#2cbd7f rgb(44,189,127)
```
#33cf8c
```
#33cf8c rgb(51,207,140)
```
#48d498
```
#48d498 rgb(72,212,152)
```
#5dd9a4
```
#5dd9a4 rgb(93,217,164)
```
#71deaf
```
#71deaf rgb(113,222,175)
```
#86e3bb
```
#86e3bb rgb(134,227,187)
```

Monochromatic Color

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

#48d475
```
#48d475 rgb(72,212,117)
```
#48d481
```
#48d481 rgb(72,212,129)
```
#48d48c
```
#48d48c rgb(72,212,140)
```
#48d498
```
#48d498 rgb(72,212,152)
```
#48d4a4
```
#48d4a4 rgb(72,212,164)
```
#48d4af
```
#48d4af rgb(72,212,175)
```
#48d4bb
```
#48d4bb rgb(72,212,187)
```

Similar Colors

Text with hexadecimal color #48d498

This text has a font color of #48d498.

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

#48d498 background color

This paragraph has a background color of #48d498.

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

#48d498 border color

This element has a border color of #48d498.

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

CSS codes

.text {color:#48d498;}

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

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

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

#020805
```
#020805 rgb(2,8,5)
```
#061710
```
#061710 rgb(6,23,16)
```
#09271a
```
#09271a rgb(9,39,26)
```
#0d3725
```
#0d3725 rgb(13,55,37)
```
#114730
```
#114730 rgb(17,71,48)
```
#14573a
```
#14573a rgb(20,87,58)
```
#186745
```
#186745 rgb(24,103,69)
```
#1c7750
```
#1c7750 rgb(28,119,80)
```
#20875b
```
#20875b rgb(32,135,91)
```
#239765
```
#239765 rgb(35,151,101)
```
#27a670
```
#27a670 rgb(39,166,112)
```
#2bb67b
```
#2bb67b rgb(43,182,123)
```
#2fc685
```
#2fc685 rgb(47,198,133)
```

Shade Color Variation

#38d08f
```
#38d08f rgb(56,208,143)
```
#48d498
```
#48d498 rgb(72,212,152)
```
#58d8a1
```
#58d8a1 rgb(88,216,161)
```
#68dbaa
```
#68dbaa rgb(104,219,170)
```
#78dfb3
```
#78dfb3 rgb(120,223,179)
```
#88e3bc
```
#88e3bc rgb(136,227,188)
```
#97e7c5
```
#97e7c5 rgb(151,231,197)
```
#a7eace
```
#a7eace rgb(167,234,206)
```
#b7eed7
```
#b7eed7 rgb(183,238,215)
```
#c7f2e0
```
#c7f2e0 rgb(199,242,224)
```
#d7f6e8
```
#d7f6e8 rgb(215,246,232)
```
#e7f9f1
```
#e7f9f1 rgb(231,249,241)
```
#f7fdfa
```
#f7fdfa rgb(247,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e8e is the less saturated color, while #25f79d is the most saturated one.

#8e8e8e
```
#8e8e8e rgb(142,142,142)
```
#85978f
```
#85978f rgb(133,151,143)
```
#7ca091
```
#7ca091 rgb(124,160,145)
```
#73a992
```
#73a992 rgb(115,169,146)
```
#6bb193
```
#6bb193 rgb(107,177,147)
```
#62ba94
```
#62ba94 rgb(98,186,148)
```
#59c396
```
#59c396 rgb(89,195,150)
```
#51cb97
```
#51cb97 rgb(81,203,151)
```
#48d498
```
#48d498 rgb(72,212,152)
```
#3fdd99
```
#3fdd99 rgb(63,221,153)
```
#37e59a
```
#37e59a rgb(55,229,154)
```
#2eee9c
```
#2eee9c rgb(46,238,156)
```
#25f79d
```
#25f79d rgb(37,247,157)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#91ada1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbf93 Protanopia 1% of men
#dbb9a7 Deuteranopia 1% of men
#6ecddc Tritanopia 0.001% of the population

Trichromacy

#9cc795 Protanomaly 1% of men, 0.01% of women
#a5c3a1 Deuteranomaly 6% of men, 0.4% of women
#60d0c3 Tritanomaly 0.01% of the population

#48d498 hex color

#48d498 Color Information

#48d498 Color Conversion

Color Schemes with #48d498

Alternatives to #48d498

#48d498 Preview

Shades and Tints of #48d498

Tones of #48d498

Color Blindness Simulator