#4af284 hex color

In a RGB color space, hex #4af284 is composed of 29% red, 94.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 0% magenta, 45.5% yellow and 5.1% black. It has a hue angle of 140.7 degrees, a saturation of 86.6% and a lightness of 62%. #4af284 color hex could be obtained by blending #94ffff with #00e509. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 29
- G 95
- B 52
RGB color chart
- C 69
- M 0
- Y 45
- K 5
CMYK color chart

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

The hexadecimal color #4af284 has RGB values of R:74, G:242, B:132 and CMYK values of C:0.69, M:0, Y:0.45, K:0.05. Its decimal value is 4911748.

Hex triplet	4af284	`#4af284`
RGB Decimal	74, 242, 132	`rgb(74,242,132)`
RGB Percent	29, 94.9, 51.8	`rgb(29%,94.9%,51.8%)`
CMYK	69, 0, 45, 5
HSL	140.7°, 86.6, 62	`hsl(140.7,86.6%,62%)`
HSV (or HSB)	140.7°, 69.4, 94.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.313, -65.98, 40.816
XYZ	38.738, 66.622, 32.646
xyY	0.281, 0.483, 66.622
CIE-LCH	85.313, 77.584, 148.259
CIE-LUV	85.313, -68.139, 65.963
Hunter-Lab	81.623, -58.122, 33.422
Binary	01001010, 11110010, 10000100

#4af284
```
#4af284 rgb(74,242,132)
```
#f24ab8
```
#f24ab8 rgb(242,74,184)
```

Complementary Color

#64f24a
```
#64f24a rgb(100,242,74)
```
#4af284
```
#4af284 rgb(74,242,132)
```
#4af2d8
```
#4af2d8 rgb(74,242,216)
```

Analogous Color

#f24a64
```
#f24a64 rgb(242,74,100)
```
#4af284
```
#4af284 rgb(74,242,132)
```
#d84af2
```
#d84af2 rgb(216,74,242)
```

Split Complementary Color

#f2844a
```
#f2844a rgb(242,132,74)
```
#4af284
```
#4af284 rgb(74,242,132)
```
#844af2
```
#844af2 rgb(132,74,242)
```

Triadic Color

#b8f24a
```
#b8f24a rgb(184,242,74)
```
#4af284
```
#4af284 rgb(74,242,132)
```
#844af2
```
#844af2 rgb(132,74,242)
```
#f24ab8
```
#f24ab8 rgb(242,74,184)
```

Tetradic Color

#10df58
```
#10df58 rgb(16,223,88)
```
#1aef64
```
#1aef64 rgb(26,239,100)
```
#32f074
```
#32f074 rgb(50,240,116)
```
#4af284
```
#4af284 rgb(74,242,132)
```
#62f494
```
#62f494 rgb(98,244,148)
```
#7af5a4
```
#7af5a4 rgb(122,245,164)
```
#91f7b5
```
#91f7b5 rgb(145,247,181)
```

Monochromatic Color

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

#4af25a
```
#4af25a rgb(74,242,90)
```
#4af268
```
#4af268 rgb(74,242,104)
```
#4af276
```
#4af276 rgb(74,242,118)
```
#4af284
```
#4af284 rgb(74,242,132)
```
#4af292
```
#4af292 rgb(74,242,146)
```
#4af2a0
```
#4af2a0 rgb(74,242,160)
```
#4af2ae
```
#4af2ae rgb(74,242,174)
```

Similar Colors

Text with hexadecimal color #4af284

This text has a font color of #4af284.

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

#4af284 background color

This paragraph has a background color of #4af284.

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

#4af284 border color

This element has a border color of #4af284.

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

CSS codes

.text {color:#4af284;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#011408
```
#011408 rgb(1,20,8)
```
#03270f
```
#03270f rgb(3,39,15)
```
#043916
```
#043916 rgb(4,57,22)
```
#054b1e
```
#054b1e rgb(5,75,30)
```
#075e25
```
#075e25 rgb(7,94,37)
```
#08702c
```
#08702c rgb(8,112,44)
```
#098233
```
#098233 rgb(9,130,51)
```
#0b943a
```
#0b943a rgb(11,148,58)
```
#0ca741
```
#0ca741 rgb(12,167,65)
```
#0db949
```
#0db949 rgb(13,185,73)
```
#0fcb50
```
#0fcb50 rgb(15,203,80)
```
#10de57
```
#10de57 rgb(16,222,87)
```

Shade Color Variation

#13ee5f
```
#13ee5f rgb(19,238,95)
```
#25ef6b
```
#25ef6b rgb(37,239,107)
```
#38f178
```
#38f178 rgb(56,241,120)
```
#4af284
```
#4af284 rgb(74,242,132)
```
#5cf390
```
#5cf390 rgb(92,243,144)
```
#6ff59d
```
#6ff59d rgb(111,245,157)
```
#81f6a9
```
#81f6a9 rgb(129,246,169)
```
#93f7b6
```
#93f7b6 rgb(147,247,182)
```
#a6f9c2
```
#a6f9c2 rgb(166,249,194)
```
#b8facf
```
#b8facf rgb(184,250,207)
```
#cafbdb
```
#cafbdb rgb(202,251,219)
```
#dcfde7
```
#dcfde7 rgb(220,253,231)
```
#effef4
```
#effef4 rgb(239,254,244)
```

Tint Color Variation

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

#9ca09d
```
#9ca09d rgb(156,160,157)
```
#95a79b
```
#95a79b rgb(149,167,155)
```
#8daf99
```
#8daf99 rgb(141,175,153)
```
#86b696
```
#86b696 rgb(134,182,150)
```
#7ebe94
```
#7ebe94 rgb(126,190,148)
```
#77c592
```
#77c592 rgb(119,197,146)
```
#6fcd90
```
#6fcd90 rgb(111,205,144)
```
#68d48d
```
#68d48d rgb(104,212,141)
```
#60dc8b
```
#60dc8b rgb(96,220,139)
```
#59e389
```
#59e389 rgb(89,227,137)
```
#51eb86
```
#51eb86 rgb(81,235,134)
```
#4af284
```
#4af284 rgb(74,242,132)
```
#43f982
```
#43f982 rgb(67,249,130)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9ec0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd780 Protanopia 1% of men
#ffce98 Deuteranopia 1% of men
#7fe6f6 Tritanopia 0.001% of the population

Trichromacy

#b0e181 Protanomaly 1% of men, 0.01% of women
#bddb91 Deuteranomaly 6% of men, 0.4% of women
#6ceacd Tritanomaly 0.01% of the population

#4af284 hex color

#4af284 Color Information

#4af284 Color Conversion

Color Schemes with #4af284

Alternatives to #4af284

#4af284 Preview

Shades and Tints of #4af284

Tones of #4af284

Color Blindness Simulator