colorhexa.com

#58e696 hex color

In a RGB color space, hex #58e696 is composed of 34.5% red, 90.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 0% magenta, 34.8% yellow and 9.8% black. It has a hue angle of 146.2 degrees, a saturation of 74% and a lightness of 62.4%. #58e696 color hex could be obtained by blending #b0ffff with #00cd2d. Closest websafe color is: #66ff99.

- R 35
- G 90
- B 59
RGB color chart
- C 62
- M 0
- Y 35
- K 10
CMYK color chart

● #58e696 color description : Soft cyan - lime green.

The hexadecimal color #58e696 has RGB values of R:88, G:230, B:150 and CMYK values of C:0.62, M:0, Y:0.35, K:0.1. Its decimal value is 5826198.

Hex triplet	58e696	`#58e696`
RGB Decimal	88, 230, 150	`rgb(88,230,150)`
RGB Percent	34.5, 90.2, 58.8	`rgb(34.5%,90.2%,58.8%)`
CMYK	62, 0, 35, 10
HSL	146.2°, 74, 62.4	`hsl(146.2,74%,62.4%)`
HSV (or HSB)	146.2°, 61.7, 90.2
Web Safe	66ff99	`#66ff99`

CIE-LAB	82.307, -55.966, 27.937
XYZ	37.824, 60.867, 38.608
xyY	0.275, 0.443, 60.867
CIE-LCH	82.307, 62.551, 153.472
CIE-LUV	82.307, -59.918, 48.403
Hunter-Lab	78.017, -49.991, 25.272
Binary	01011000, 11100110, 10010110

#58e696
```
#58e696 rgb(88,230,150)
```
#e658a8
```
#e658a8 rgb(230,88,168)
```

Complementary Color

#61e658
```
#61e658 rgb(97,230,88)
```
#58e696
```
#58e696 rgb(88,230,150)
```
#58e6dd
```
#58e6dd rgb(88,230,221)
```

Analogous Color

#e65861
```
#e65861 rgb(230,88,97)
```
#58e696
```
#58e696 rgb(88,230,150)
```
#dd58e6
```
#dd58e6 rgb(221,88,230)
```

Split Complementary Color

#e69658
```
#e69658 rgb(230,150,88)
```
#58e696
```
#58e696 rgb(88,230,150)
```
#9658e6
```
#9658e6 rgb(150,88,230)
```

Triadic Color

#a8e658
```
#a8e658 rgb(168,230,88)
```
#58e696
```
#58e696 rgb(88,230,150)
```
#9658e6
```
#9658e6 rgb(150,88,230)
```
#e658a8
```
#e658a8 rgb(230,88,168)
```

Tetradic Color

#1fd26d
```
#1fd26d rgb(31,210,109)
```
#2cdf7a
```
#2cdf7a rgb(44,223,122)
```
#42e388
```
#42e388 rgb(66,227,136)
```
#58e696
```
#58e696 rgb(88,230,150)
```
#6ee9a4
```
#6ee9a4 rgb(110,233,164)
```
#84edb2
```
#84edb2 rgb(132,237,178)
```
#9bf0c0
```
#9bf0c0 rgb(155,240,192)
```

Monochromatic Color

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

#58e673
```
#58e673 rgb(88,230,115)
```
#58e67e
```
#58e67e rgb(88,230,126)
```
#58e68a
```
#58e68a rgb(88,230,138)
```
#58e696
```
#58e696 rgb(88,230,150)
```
#58e6a2
```
#58e6a2 rgb(88,230,162)
```
#58e6ae
```
#58e6ae rgb(88,230,174)
```
#58e6ba
```
#58e6ba rgb(88,230,186)
```

Similar Colors

Text with hexadecimal color #58e696

This text has a font color of #58e696.

<span style="color:#58e696;">Text here</span>

#58e696 background color

This paragraph has a background color of #58e696.

<p style="background-color:#58e696;">Content here</p>

#58e696 border color

This element has a border color of #58e696.

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

CSS codes

.text {color:#58e696;}

.background {background-color:#58e696;}

.border {border:1px solid #58e696;}

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

#010402
```
#010402 rgb(1,4,2)
```
#03150b
```
#03150b rgb(3,21,11)
```
#062614
```
#062614 rgb(6,38,20)
```
#08371d
```
#08371d rgb(8,55,29)
```
#0b4825
```
#0b4825 rgb(11,72,37)
```
#0d592e
```
#0d592e rgb(13,89,46)
```
#106a37
```
#106a37 rgb(16,106,55)
```
#127b40
```
#127b40 rgb(18,123,64)
```
#158c49
```
#158c49 rgb(21,140,73)
```
#189d52
```
#189d52 rgb(24,157,82)
```
#1aae5b
```
#1aae5b rgb(26,174,91)
```
#1dbf64
```
#1dbf64 rgb(29,191,100)
```
#1fd06d
```
#1fd06d rgb(31,208,109)
```

Shade Color Variation

#25de76
```
#25de76 rgb(37,222,118)
```
#36e181
```
#36e181 rgb(54,225,129)
```
#47e38b
```
#47e38b rgb(71,227,139)
```
#58e696
```
#58e696 rgb(88,230,150)
```
#69e9a1
```
#69e9a1 rgb(105,233,161)
```
#7aebab
```
#7aebab rgb(122,235,171)
```
#8beeb6
```
#8beeb6 rgb(139,238,182)
```
#9cf0c1
```
#9cf0c1 rgb(156,240,193)
```
#adf3cc
```
#adf3cc rgb(173,243,204)
```
#bef5d6
```
#bef5d6 rgb(190,245,214)
```
#cff8e1
```
#cff8e1 rgb(207,248,225)
```
#e0faec
```
#e0faec rgb(224,250,236)
```
#f2fdf7
```
#f2fdf7 rgb(242,253,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa49e is the less saturated color, while #42fc93 is the most saturated one.

#9aa49e
```
#9aa49e rgb(154,164,158)
```
#93ab9d
```
#93ab9d rgb(147,171,157)
```
#8cb29d
```
#8cb29d rgb(140,178,157)
```
#84ba9c
```
#84ba9c rgb(132,186,156)
```
#7dc19b
```
#7dc19b rgb(125,193,155)
```
#76c89a
```
#76c89a rgb(118,200,154)
```
#6ed099
```
#6ed099 rgb(110,208,153)
```
#67d798
```
#67d798 rgb(103,215,152)
```
#5fdf97
```
#5fdf97 rgb(95,223,151)
```
#58e696
```
#58e696 rgb(88,230,150)
```
#51ed95
```
#51ed95 rgb(81,237,149)
```
#49f594
```
#49f594 rgb(73,245,148)
```
#42fc93
```
#42fc93 rgb(66,252,147)
```

Tone Color Variation

Below, you can see how #58e696 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

#b2b2b2 Achromatopsia 0.005% of the population
#a0bcac Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcf91 Protanopia 1% of men
#f0c7a6 Deuteranopia 1% of men
#80dded Tritanopia 0.001% of the population

Trichromacy

#aed793 Protanomaly 1% of men, 0.01% of women
#b9d2a0 Deuteranomaly 6% of men, 0.4% of women
#71e0cd Tritanomaly 0.01% of the population