#48d695 hex color

In a RGB color space, hex #48d695 is composed of 28.2% red, 83.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 0% magenta, 30.4% yellow and 16.1% black. It has a hue angle of 152.5 degrees, a saturation of 63.4% and a lightness of 56.1%. #48d695 color hex could be obtained by blending #90ffff with #00ad2b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 84
- B 58
RGB color chart
- C 66
- M 0
- Y 30
- K 16
CMYK color chart

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

The hexadecimal color #48d695 has RGB values of R:72, G:214, B:149 and CMYK values of C:0.66, M:0, Y:0.3, K:0.16. Its decimal value is 4773525.

Hex triplet	48d695	`#48d695`
RGB Decimal	72, 214, 149	`rgb(72,214,149)`
RGB Percent	28.2, 83.9, 58.4	`rgb(28.2%,83.9%,58.4%)`
CMYK	66, 0, 30, 16
HSL	152.5°, 63.4, 56.1	`hsl(152.5,63.4%,56.1%)`
HSV (or HSB)	152.5°, 66.4, 83.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.064, -52.79, 21.261
XYZ	32.142, 51.638, 36.705
xyY	0.267, 0.429, 51.638
CIE-LCH	77.064, 56.91, 158.063
CIE-LUV	77.064, -57.716, 38.636
Hunter-Lab	71.86, -45.914, 20.017
Binary	01001000, 11010110, 10010101

#48d695
```
#48d695 rgb(72,214,149)
```
#d64889
```
#d64889 rgb(214,72,137)
```

Complementary Color

#48d64e
```
#48d64e rgb(72,214,78)
```
#48d695
```
#48d695 rgb(72,214,149)
```
#48d0d6
```
#48d0d6 rgb(72,208,214)
```

Analogous Color

#d64e48
```
#d64e48 rgb(214,78,72)
```
#48d695
```
#48d695 rgb(72,214,149)
```
#d648d0
```
#d648d0 rgb(214,72,208)
```

Split Complementary Color

#d69548
```
#d69548 rgb(214,149,72)
```
#48d695
```
#48d695 rgb(72,214,149)
```
#9548d6
```
#9548d6 rgb(149,72,214)
```

Triadic Color

#89d648
```
#89d648 rgb(137,214,72)
```
#48d695
```
#48d695 rgb(72,214,149)
```
#9548d6
```
#9548d6 rgb(149,72,214)
```
#d64889
```
#d64889 rgb(214,72,137)
```

Tetradic Color

#26ab6e
```
#26ab6e rgb(38,171,110)
```
#2bc07c
```
#2bc07c rgb(43,192,124)
```
#33d189
```
#33d189 rgb(51,209,137)
```
#48d695
```
#48d695 rgb(72,214,149)
```
#5ddba1
```
#5ddba1 rgb(93,219,161)
```
#72dfad
```
#72dfad rgb(114,223,173)
```
#86e4b9
```
#86e4b9 rgb(134,228,185)
```

Monochromatic Color

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

#48d672
```
#48d672 rgb(72,214,114)
```
#48d67d
```
#48d67d rgb(72,214,125)
```
#48d689
```
#48d689 rgb(72,214,137)
```
#48d695
```
#48d695 rgb(72,214,149)
```
#48d6a1
```
#48d6a1 rgb(72,214,161)
```
#48d6ad
```
#48d6ad rgb(72,214,173)
```
#48d6b9
```
#48d6b9 rgb(72,214,185)
```

Similar Colors

Text with hexadecimal color #48d695

This text has a font color of #48d695.

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

#48d695 background color

This paragraph has a background color of #48d695.

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

#48d695 border color

This element has a border color of #48d695.

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

CSS codes

.text {color:#48d695;}

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

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

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

#020906
```
#020906 rgb(2,9,6)
```
#061910
```
#061910 rgb(6,25,16)
```
#09291b
```
#09291b rgb(9,41,27)
```
#0d3925
```
#0d3925 rgb(13,57,37)
```
#10492f
```
#10492f rgb(16,73,47)
```
#14593a
```
#14593a rgb(20,89,58)
```
#186944
```
#186944 rgb(24,105,68)
```
#1b794e
```
#1b794e rgb(27,121,78)
```
#1f8a59
```
#1f8a59 rgb(31,138,89)
```
#229a63
```
#229a63 rgb(34,154,99)
```
#26aa6d
```
#26aa6d rgb(38,170,109)
```
#2aba78
```
#2aba78 rgb(42,186,120)
```
#2dca82
```
#2dca82 rgb(45,202,130)
```

Shade Color Variation

#38d28c
```
#38d28c rgb(56,210,140)
```
#48d695
```
#48d695 rgb(72,214,149)
```
#58da9e
```
#58da9e rgb(88,218,158)
```
#68dda8
```
#68dda8 rgb(104,221,168)
```
#78e1b1
```
#78e1b1 rgb(120,225,177)
```
#88e4ba
```
#88e4ba rgb(136,228,186)
```
#98e8c3
```
#98e8c3 rgb(152,232,195)
```
#a8eccd
```
#a8eccd rgb(168,236,205)
```
#b8efd6
```
#b8efd6 rgb(184,239,214)
```
#c8f3df
```
#c8f3df rgb(200,243,223)
```
#d8f6e9
```
#d8f6e9 rgb(216,246,233)
```
#e8faf2
```
#e8faf2 rgb(232,250,242)
```
#f8fdfb
```
#f8fdfb rgb(248,253,251)
```

Tint Color Variation

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

#8d918f
```
#8d918f rgb(141,145,143)
```
#849a90
```
#849a90 rgb(132,154,144)
```
#7ca291
```
#7ca291 rgb(124,162,145)
```
#73ab91
```
#73ab91 rgb(115,171,145)
```
#6ab492
```
#6ab492 rgb(106,180,146)
```
#62bc93
```
#62bc93 rgb(98,188,147)
```
#59c594
```
#59c594 rgb(89,197,148)
```
#51cd94
```
#51cd94 rgb(81,205,148)
```
#48d695
```
#48d695 rgb(72,214,149)
```
#3fdf96
```
#3fdf96 rgb(63,223,150)
```
#37e796
```
#37e796 rgb(55,231,150)
```
#2ef097
```
#2ef097 rgb(46,240,151)
```
#26f898
```
#26f898 rgb(38,248,152)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#92aea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc190 Protanopia 1% of men
#debaa4 Deuteranopia 1% of men
#6fcfde Tritanopia 0.001% of the population

Trichromacy

#9ec892 Protanomaly 1% of men, 0.01% of women
#a7c49e Deuteranomaly 6% of men, 0.4% of women
#61d1c3 Tritanomaly 0.01% of the population

#48d695 hex color

#48d695 Color Information

#48d695 Color Conversion

Color Schemes with #48d695

Alternatives to #48d695

#48d695 Preview

Shades and Tints of #48d695

Tones of #48d695

Color Blindness Simulator