#4ae685 hex color

In a RGB color space, hex #4ae685 is composed of 29% red, 90.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 0% magenta, 42.2% yellow and 9.8% black. It has a hue angle of 142.7 degrees, a saturation of 75.7% and a lightness of 59.6%. #4ae685 color hex could be obtained by blending #94ffff with #00cd0b. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 29
- G 90
- B 52
RGB color chart
- C 68
- M 0
- Y 42
- K 10
CMYK color chart

● #4ae685 color description : Soft cyan - lime green.

The hexadecimal color #4ae685 has RGB values of R:74, G:230, B:133 and CMYK values of C:0.68, M:0, Y:0.42, K:0.1. Its decimal value is 4908677.

Hex triplet	4ae685	`#4ae685`
RGB Decimal	74, 230, 133	`rgb(74,230,133)`
RGB Percent	29, 90.2, 52.2	`rgb(29%,90.2%,52.2%)`
CMYK	68, 0, 42, 10
HSL	142.7°, 75.7, 59.6	`hsl(142.7,75.7%,59.6%)`
HSV (or HSB)	142.7°, 67.8, 90.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	81.696, -61.525, 35.669
XYZ	35.352, 59.74, 31.857
xyY	0.278, 0.471, 59.74
CIE-LCH	81.696, 71.117, 149.897
CIE-LUV	81.696, -63.884, 58.601
Hunter-Lab	77.291, -53.616, 29.667
Binary	01001010, 11100110, 10000101

#4ae685
```
#4ae685 rgb(74,230,133)
```
#e64aab
```
#e64aab rgb(230,74,171)
```

Complementary Color

#5de64a
```
#5de64a rgb(93,230,74)
```
#4ae685
```
#4ae685 rgb(74,230,133)
```
#4ae6d3
```
#4ae6d3 rgb(74,230,211)
```

Analogous Color

#e64a5d
```
#e64a5d rgb(230,74,93)
```
#4ae685
```
#4ae685 rgb(74,230,133)
```
#d34ae6
```
#d34ae6 rgb(211,74,230)
```

Split Complementary Color

#e6854a
```
#e6854a rgb(230,133,74)
```
#4ae685
```
#4ae685 rgb(74,230,133)
```
#854ae6
```
#854ae6 rgb(133,74,230)
```

Triadic Color

#abe64a
```
#abe64a rgb(171,230,74)
```
#4ae685
```
#4ae685 rgb(74,230,133)
```
#854ae6
```
#854ae6 rgb(133,74,230)
```
#e64aab
```
#e64aab rgb(230,74,171)
```

Tetradic Color

#1cc85d
```
#1cc85d rgb(28,200,93)
```
#1fde67
```
#1fde67 rgb(31,222,103)
```
#34e376
```
#34e376 rgb(52,227,118)
```
#4ae685
```
#4ae685 rgb(74,230,133)
```
#60e994
```
#60e994 rgb(96,233,148)
```
#77eca3
```
#77eca3 rgb(119,236,163)
```
#8defb2
```
#8defb2 rgb(141,239,178)
```

Monochromatic Color

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

#4ae65e
```
#4ae65e rgb(74,230,94)
```
#4ae66b
```
#4ae66b rgb(74,230,107)
```
#4ae678
```
#4ae678 rgb(74,230,120)
```
#4ae685
```
#4ae685 rgb(74,230,133)
```
#4ae692
```
#4ae692 rgb(74,230,146)
```
#4ae69f
```
#4ae69f rgb(74,230,159)
```
#4ae6ac
```
#4ae6ac rgb(74,230,172)
```

Similar Colors

Text with hexadecimal color #4ae685

This text has a font color of #4ae685.

<span style="color:#4ae685;">Text here</span>

#4ae685 background color

This paragraph has a background color of #4ae685.

<p style="background-color:#4ae685;">Content here</p>

#4ae685 border color

This element has a border color of #4ae685.

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

CSS codes

.text {color:#4ae685;}

.background {background-color:#4ae685;}

.border {border:1px solid #4ae685;}

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

#010904
```
#010904 rgb(1,9,4)
```
#041a0c
```
#041a0c rgb(4,26,12)
```
#062b14
```
#062b14 rgb(6,43,20)
```
#083c1c
```
#083c1c rgb(8,60,28)
```
#0b4e24
```
#0b4e24 rgb(11,78,36)
```
#0d5f2c
```
#0d5f2c rgb(13,95,44)
```
#0f7034
```
#0f7034 rgb(15,112,52)
```
#12813c
```
#12813c rgb(18,129,60)
```
#149244
```
#149244 rgb(20,146,68)
```
#17a44c
```
#17a44c rgb(23,164,76)
```
#19b554
```
#19b554 rgb(25,181,84)
```
#1bc65c
```
#1bc65c rgb(27,198,92)
```
#1ed764
```
#1ed764 rgb(30,215,100)
```

Shade Color Variation

#28e16e
```
#28e16e rgb(40,225,110)
```
#39e479
```
#39e479 rgb(57,228,121)
```
#4ae685
```
#4ae685 rgb(74,230,133)
```
#5be891
```
#5be891 rgb(91,232,145)
```
#6ceb9c
```
#6ceb9c rgb(108,235,156)
```
#7eeda8
```
#7eeda8 rgb(126,237,168)
```
#8ff0b3
```
#8ff0b3 rgb(143,240,179)
```
#a0f2bf
```
#a0f2bf rgb(160,242,191)
```
#b1f4cb
```
#b1f4cb rgb(177,244,203)
```
#c3f7d6
```
#c3f7d6 rgb(195,247,214)
```
#d4f9e2
```
#d4f9e2 rgb(212,249,226)
```
#e5fbee
```
#e5fbee rgb(229,251,238)
```
#f6fef9
```
#f6fef9 rgb(246,254,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919f96 is the less saturated color, while #32fe7f is the most saturated one.

#919f96
```
#919f96 rgb(145,159,150)
```
#89a794
```
#89a794 rgb(137,167,148)
```
#81af93
```
#81af93 rgb(129,175,147)
```
#7ab691
```
#7ab691 rgb(122,182,145)
```
#72be8f
```
#72be8f rgb(114,190,143)
```
#6ac68d
```
#6ac68d rgb(106,198,141)
```
#62ce8b
```
#62ce8b rgb(98,206,139)
```
#5ad689
```
#5ad689 rgb(90,214,137)
```
#52de87
```
#52de87 rgb(82,222,135)
```
#4ae685
```
#4ae685 rgb(74,230,133)
```
#42ee83
```
#42ee83 rgb(66,238,131)
```
#3af681
```
#3af681 rgb(58,246,129)
```
#32fe7f
```
#32fe7f rgb(50,254,127)
```

Tone Color Variation

Below, you can see how #4ae685 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

#acacac Achromatopsia 0.005% of the population
#98b8a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cd81 Protanopia 1% of men
#f2c597 Deuteranopia 1% of men
#7adbeb Tritanopia 0.001% of the population

Trichromacy

#a9d683 Protanomaly 1% of men, 0.01% of women
#b5d190 Deuteranomaly 6% of men, 0.4% of women
#69dfc6 Tritanomaly 0.01% of the population

#4ae685 hex color

#4ae685 Color Information

#4ae685 Color Conversion

Color Schemes with #4ae685

Alternatives to #4ae685

#4ae685 Preview

Shades and Tints of #4ae685

Tones of #4ae685

Color Blindness Simulator