#4af396 hex color

In a RGB color space, hex #4af396 is composed of 29% red, 95.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 0% magenta, 38.3% yellow and 4.7% black. It has a hue angle of 147 degrees, a saturation of 87.6% and a lightness of 62.2%. #4af396 color hex could be obtained by blending #94ffff with #00e72d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 29
- G 95
- B 59
RGB color chart
- C 70
- M 0
- Y 38
- K 5
CMYK color chart

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

The hexadecimal color #4af396 has RGB values of R:74, G:243, B:150 and CMYK values of C:0.7, M:0, Y:0.38, K:0.05. Its decimal value is 4912022.

Hex triplet	4af396	`#4af396`
RGB Decimal	74, 243, 150	`rgb(74,243,150)`
RGB Percent	29, 95.3, 58.8	`rgb(29%,95.3%,58.8%)`
CMYK	70, 0, 38, 5
HSL	147°, 87.6, 62.2	`hsl(147,87.6%,62.2%)`
HSV (or HSB)	147°, 69.5, 95.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.884, -63.287, 32.658
XYZ	40.377, 67.755, 39.803
xyY	0.273, 0.458, 67.755
CIE-LCH	85.884, 71.217, 152.705
CIE-LUV	85.884, -67.566, 55.991
Hunter-Lab	82.314, -56.49, 28.95
Binary	01001010, 11110011, 10010110

#4af396
```
#4af396 rgb(74,243,150)
```
#f34aa7
```
#f34aa7 rgb(243,74,167)
```

Complementary Color

#53f34a
```
#53f34a rgb(83,243,74)
```
#4af396
```
#4af396 rgb(74,243,150)
```
#4af3eb
```
#4af3eb rgb(74,243,235)
```

Analogous Color

#f34a53
```
#f34a53 rgb(243,74,83)
```
#4af396
```
#4af396 rgb(74,243,150)
```
#eb4af3
```
#eb4af3 rgb(235,74,243)
```

Split Complementary Color

#f3964a
```
#f3964a rgb(243,150,74)
```
#4af396
```
#4af396 rgb(74,243,150)
```
#964af3
```
#964af3 rgb(150,74,243)
```

Triadic Color

#a7f34a
```
#a7f34a rgb(167,243,74)
```
#4af396
```
#4af396 rgb(74,243,150)
```
#964af3
```
#964af3 rgb(150,74,243)
```
#f34aa7
```
#f34aa7 rgb(243,74,167)
```

Tetradic Color

#0fe26e
```
#0fe26e rgb(15,226,110)
```
#1af07a
```
#1af07a rgb(26,240,122)
```
#32f188
```
#32f188 rgb(50,241,136)
```
#4af396
```
#4af396 rgb(74,243,150)
```
#62f5a4
```
#62f5a4 rgb(98,245,164)
```
#7af6b2
```
#7af6b2 rgb(122,246,178)
```
#92f8c0
```
#92f8c0 rgb(146,248,192)
```

Monochromatic Color

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

#4af36c
```
#4af36c rgb(74,243,108)
```
#4af37a
```
#4af37a rgb(74,243,122)
```
#4af388
```
#4af388 rgb(74,243,136)
```
#4af396
```
#4af396 rgb(74,243,150)
```
#4af3a4
```
#4af3a4 rgb(74,243,164)
```
#4af3b2
```
#4af3b2 rgb(74,243,178)
```
#4af3c0
```
#4af3c0 rgb(74,243,192)
```

Similar Colors

Text with hexadecimal color #4af396

This text has a font color of #4af396.

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

#4af396 background color

This paragraph has a background color of #4af396.

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

#4af396 border color

This element has a border color of #4af396.

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

CSS codes

.text {color:#4af396;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#01150a
```
#01150a rgb(1,21,10)
```
#032813
```
#032813 rgb(3,40,19)
```
#043a1c
```
#043a1c rgb(4,58,28)
```
#054d25
```
#054d25 rgb(5,77,37)
```
#065f2e
```
#065f2e rgb(6,95,46)
```
#087137
```
#087137 rgb(8,113,55)
```
#098440
```
#098440 rgb(9,132,64)
```
#0a9649
```
#0a9649 rgb(10,150,73)
```
#0ba952
```
#0ba952 rgb(11,169,82)
```
#0cbb5b
```
#0cbb5b rgb(12,187,91)
```
#0ecd64
```
#0ecd64 rgb(14,205,100)
```
#0fe06d
```
#0fe06d rgb(15,224,109)
```

Shade Color Variation

#13ef76
```
#13ef76 rgb(19,239,118)
```
#25f181
```
#25f181 rgb(37,241,129)
```
#38f28b
```
#38f28b rgb(56,242,139)
```
#4af396
```
#4af396 rgb(74,243,150)
```
#5cf4a1
```
#5cf4a1 rgb(92,244,161)
```
#6ff5ab
```
#6ff5ab rgb(111,245,171)
```
#81f7b6
```
#81f7b6 rgb(129,247,182)
```
#94f8c1
```
#94f8c1 rgb(148,248,193)
```
#a6f9cb
```
#a6f9cb rgb(166,249,203)
```
#b8fad6
```
#b8fad6 rgb(184,250,214)
```
#cbfce1
```
#cbfce1 rgb(203,252,225)
```
#ddfdeb
```
#ddfdeb rgb(221,253,235)
```
#f0fef6
```
#f0fef6 rgb(240,254,246)
```

Tint Color Variation

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

#9ca19e
```
#9ca19e rgb(156,161,158)
```
#94a99d
```
#94a99d rgb(148,169,157)
```
#8db09d
```
#8db09d rgb(141,176,157)
```
#85b89c
```
#85b89c rgb(133,184,156)
```
#7ebf9b
```
#7ebf9b rgb(126,191,155)
```
#77c69a
```
#77c69a rgb(119,198,154)
```
#6fce9a
```
#6fce9a rgb(111,206,154)
```
#68d599
```
#68d599 rgb(104,213,153)
```
#60dd98
```
#60dd98 rgb(96,221,152)
```
#59e497
```
#59e497 rgb(89,228,151)
```
#51ec97
```
#51ec97 rgb(81,236,151)
```
#4af396
```
#4af396 rgb(74,243,150)
```
#43fa95
```
#43fa95 rgb(67,250,149)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a0c2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead891 Protanopia 1% of men
#fdd0a7 Deuteranopia 1% of men
#7de8f9 Tritanopia 0.001% of the population

Trichromacy

#b0e292 Protanomaly 1% of men, 0.01% of women
#bcdda1 Deuteranomaly 6% of men, 0.4% of women
#6aecd5 Tritanomaly 0.01% of the population

#4af396 hex color

#4af396 Color Information

#4af396 Color Conversion

Color Schemes with #4af396

Alternatives to #4af396

#4af396 Preview

Shades and Tints of #4af396

Tones of #4af396

Color Blindness Simulator