colorhexa.com

#4af28c hex color

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

- R 29
- G 95
- B 55
RGB color chart
- C 69
- M 0
- Y 42
- K 5
CMYK color chart

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

The hexadecimal color #4af28c has RGB values of R:74, G:242, B:140 and CMYK values of C:0.69, M:0, Y:0.42, K:0.05. Its decimal value is 4911756.

Hex triplet	4af28c	`#4af28c`
RGB Decimal	74, 242, 140	`rgb(74,242,140)`
RGB Percent	29, 94.9, 54.9	`rgb(29%,94.9%,54.9%)`
CMYK	69, 0, 42, 5
HSL	143.6°, 86.6, 62	`hsl(143.6,86.6%,62%)`
HSV (or HSB)	143.6°, 69.4, 94.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.428, -64.672, 37.04
XYZ	39.307, 66.85, 35.641
xyY	0.277, 0.471, 66.85
CIE-LCH	85.428, 74.528, 150.198
CIE-LUV	85.428, -67.742, 61.416
Hunter-Lab	81.762, -57.269, 31.388
Binary	01001010, 11110010, 10001100

#4af28c
```
#4af28c rgb(74,242,140)
```
#f24ab0
```
#f24ab0 rgb(242,74,176)
```

Complementary Color

#5cf24a
```
#5cf24a rgb(92,242,74)
```
#4af28c
```
#4af28c rgb(74,242,140)
```
#4af2e0
```
#4af2e0 rgb(74,242,224)
```

Analogous Color

#f24a5c
```
#f24a5c rgb(242,74,92)
```
#4af28c
```
#4af28c rgb(74,242,140)
```
#e04af2
```
#e04af2 rgb(224,74,242)
```

Split Complementary Color

#f28c4a
```
#f28c4a rgb(242,140,74)
```
#4af28c
```
#4af28c rgb(74,242,140)
```
#8c4af2
```
#8c4af2 rgb(140,74,242)
```

Triadic Color

#b0f24a
```
#b0f24a rgb(176,242,74)
```
#4af28c
```
#4af28c rgb(74,242,140)
```
#8c4af2
```
#8c4af2 rgb(140,74,242)
```
#f24ab0
```
#f24ab0 rgb(242,74,176)
```

Tetradic Color

#10df62
```
#10df62 rgb(16,223,98)
```
#1aef6e
```
#1aef6e rgb(26,239,110)
```
#32f07d
```
#32f07d rgb(50,240,125)
```
#4af28c
```
#4af28c rgb(74,242,140)
```
#62f49b
```
#62f49b rgb(98,244,155)
```
#7af5aa
```
#7af5aa rgb(122,245,170)
```
#91f7b9
```
#91f7b9 rgb(145,247,185)
```

Monochromatic Color

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

#4af262
```
#4af262 rgb(74,242,98)
```
#4af270
```
#4af270 rgb(74,242,112)
```
#4af27e
```
#4af27e rgb(74,242,126)
```
#4af28c
```
#4af28c rgb(74,242,140)
```
#4af29a
```
#4af29a rgb(74,242,154)
```
#4af2a8
```
#4af2a8 rgb(74,242,168)
```
#4af2b6
```
#4af2b6 rgb(74,242,182)
```

Similar Colors

Text with hexadecimal color #4af28c

This text has a font color of #4af28c.

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

#4af28c background color

This paragraph has a background color of #4af28c.

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

#4af28c border color

This element has a border color of #4af28c.

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

CSS codes

.text {color:#4af28c;}

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

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

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 #effef5 is the lightest one.

#000201
```
#000201 rgb(0,2,1)
```
#011409
```
#011409 rgb(1,20,9)
```
#032711
```
#032711 rgb(3,39,17)
```
#043919
```
#043919 rgb(4,57,25)
```
#054b21
```
#054b21 rgb(5,75,33)
```
#075e29
```
#075e29 rgb(7,94,41)
```
#087031
```
#087031 rgb(8,112,49)
```
#098239
```
#098239 rgb(9,130,57)
```
#0b9441
```
#0b9441 rgb(11,148,65)
```
#0ca749
```
#0ca749 rgb(12,167,73)
```
#0db951
```
#0db951 rgb(13,185,81)
```
#0fcb59
```
#0fcb59 rgb(15,203,89)
```
#10de61
```
#10de61 rgb(16,222,97)
```

Shade Color Variation

#13ee69
```
#13ee69 rgb(19,238,105)
```
#25ef75
```
#25ef75 rgb(37,239,117)
```
#38f180
```
#38f180 rgb(56,241,128)
```
#4af28c
```
#4af28c rgb(74,242,140)
```
#5cf398
```
#5cf398 rgb(92,243,152)
```
#6ff5a3
```
#6ff5a3 rgb(111,245,163)
```
#81f6af
```
#81f6af rgb(129,246,175)
```
#93f7bb
```
#93f7bb rgb(147,247,187)
```
#a6f9c6
```
#a6f9c6 rgb(166,249,198)
```
#b8fad2
```
#b8fad2 rgb(184,250,210)
```
#cafbdd
```
#cafbdd rgb(202,251,221)
```
#dcfde9
```
#dcfde9 rgb(220,253,233)
```
#effef5
```
#effef5 rgb(239,254,245)
```

Tint Color Variation

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

#9ca09e
```
#9ca09e rgb(156,160,158)
```
#95a79c
```
#95a79c rgb(149,167,156)
```
#8daf9a
```
#8daf9a rgb(141,175,154)
```
#86b699
```
#86b699 rgb(134,182,153)
```
#7ebe97
```
#7ebe97 rgb(126,190,151)
```
#77c596
```
#77c596 rgb(119,197,150)
```
#6fcd94
```
#6fcd94 rgb(111,205,148)
```
#68d492
```
#68d492 rgb(104,212,146)
```
#60dc91
```
#60dc91 rgb(96,220,145)
```
#59e38f
```
#59e38f rgb(89,227,143)
```
#51eb8e
```
#51eb8e rgb(81,235,142)
```
#4af28c
```
#4af28c rgb(74,242,140)
```
#43f98a
```
#43f98a rgb(67,249,138)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#9fc0ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead787 Protanopia 1% of men
#fecf9e Deuteranopia 1% of men
#7ee6f7 Tritanopia 0.001% of the population

Trichromacy

#b0e189 Protanomaly 1% of men, 0.01% of women
#bcdb97 Deuteranomaly 6% of men, 0.4% of women
#6bead0 Tritanomaly 0.01% of the population