#4af276 hex color

In a RGB color space, hex #4af276 is composed of 29% red, 94.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 0% magenta, 51.2% yellow and 5.1% black. It has a hue angle of 135.7 degrees, a saturation of 86.6% and a lightness of 62%. #4af276 color hex could be obtained by blending #94ffec with #00e500. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #4af276 has RGB values of R:74, G:242, B:118 and CMYK values of C:0.69, M:0, Y:0.51, K:0.05. Its decimal value is 4911734.

Hex triplet	4af276	`#4af276`
RGB Decimal	74, 242, 118	`rgb(74,242,118)`
RGB Percent	29, 94.9, 46.3	`rgb(29%,94.9%,46.3%)`
CMYK	69, 0, 51, 5
HSL	135.7°, 86.6, 62	`hsl(135.7,86.6%,62%)`
HSV (or HSB)	135.7°, 69.4, 94.9
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.131, -68.073, 47.28
XYZ	37.844, 66.265, 27.934
xyY	0.287, 0.502, 66.265
CIE-LCH	85.131, 82.882, 145.218
CIE-LUV	85.131, -68.784, 73.307
Hunter-Lab	81.403, -59.472, 36.636
Binary	01001010, 11110010, 01110110

#4af276
```
#4af276 rgb(74,242,118)
```
#f24ac6
```
#f24ac6 rgb(242,74,198)
```

Complementary Color

#72f24a
```
#72f24a rgb(114,242,74)
```
#4af276
```
#4af276 rgb(74,242,118)
```
#4af2ca
```
#4af2ca rgb(74,242,202)
```

Analogous Color

#f24a72
```
#f24a72 rgb(242,74,114)
```
#4af276
```
#4af276 rgb(74,242,118)
```
#ca4af2
```
#ca4af2 rgb(202,74,242)
```

Split Complementary Color

#f2764a
```
#f2764a rgb(242,118,74)
```
#4af276
```
#4af276 rgb(74,242,118)
```
#764af2
```
#764af2 rgb(118,74,242)
```

Triadic Color

#c6f24a
```
#c6f24a rgb(198,242,74)
```
#4af276
```
#4af276 rgb(74,242,118)
```
#764af2
```
#764af2 rgb(118,74,242)
```
#f24ac6
```
#f24ac6 rgb(242,74,198)
```

Tetradic Color

#10df46
```
#10df46 rgb(16,223,70)
```
#1aef52
```
#1aef52 rgb(26,239,82)
```
#32f064
```
#32f064 rgb(50,240,100)
```
#4af276
```
#4af276 rgb(74,242,118)
```
#62f488
```
#62f488 rgb(98,244,136)
```
#7af59a
```
#7af59a rgb(122,245,154)
```
#91f7ac
```
#91f7ac rgb(145,247,172)
```

Monochromatic Color

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

#4af24c
```
#4af24c rgb(74,242,76)
```
#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)
```

Similar Colors

Text with hexadecimal color #4af276

This text has a font color of #4af276.

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

#4af276 background color

This paragraph has a background color of #4af276.

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

#4af276 border color

This element has a border color of #4af276.

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

CSS codes

.text {color:#4af276;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#011406
```
#011406 rgb(1,20,6)
```
#03270c
```
#03270c rgb(3,39,12)
```
#043912
```
#043912 rgb(4,57,18)
```
#054b18
```
#054b18 rgb(5,75,24)
```
#075e1d
```
#075e1d rgb(7,94,29)
```
#087023
```
#087023 rgb(8,112,35)
```
#098229
```
#098229 rgb(9,130,41)
```
#0b942f
```
#0b942f rgb(11,148,47)
```
#0ca735
```
#0ca735 rgb(12,167,53)
```
#0db93a
```
#0db93a rgb(13,185,58)
```
#0fcb40
```
#0fcb40 rgb(15,203,64)
```
#10de46
```
#10de46 rgb(16,222,70)
```

Shade Color Variation

#13ee4c
```
#13ee4c rgb(19,238,76)
```
#25ef5a
```
#25ef5a rgb(37,239,90)
```
#38f168
```
#38f168 rgb(56,241,104)
```
#4af276
```
#4af276 rgb(74,242,118)
```
#5cf384
```
#5cf384 rgb(92,243,132)
```
#6ff592
```
#6ff592 rgb(111,245,146)
```
#81f6a0
```
#81f6a0 rgb(129,246,160)
```
#93f7ad
```
#93f7ad rgb(147,247,173)
```
#a6f9bb
```
#a6f9bb rgb(166,249,187)
```
#b8fac9
```
#b8fac9 rgb(184,250,201)
```
#cafbd7
```
#cafbd7 rgb(202,251,215)
```
#dcfde5
```
#dcfde5 rgb(220,253,229)
```
#effef3
```
#effef3 rgb(239,254,243)
```

Tint Color Variation

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

#9ca09d
```
#9ca09d rgb(156,160,157)
```
#95a79a
```
#95a79a rgb(149,167,154)
```
#8daf96
```
#8daf96 rgb(141,175,150)
```
#86b692
```
#86b692 rgb(134,182,146)
```
#7ebe8f
```
#7ebe8f rgb(126,190,143)
```
#77c58b
```
#77c58b rgb(119,197,139)
```
#6fcd88
```
#6fcd88 rgb(111,205,136)
```
#68d484
```
#68d484 rgb(104,212,132)
```
#60dc81
```
#60dc81 rgb(96,220,129)
```
#59e37d
```
#59e37d rgb(89,227,125)
```
#51eb7a
```
#51eb7a rgb(81,235,122)
```
#4af276
```
#4af276 rgb(74,242,118)
```
#43f972
```
#43f972 rgb(67,249,114)
```

Tone Color Variation

Below, you can see how #4af276 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
#9dbfa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd673 Protanopia 1% of men
#ffce91 Deuteranopia 1% of men
#81e5f6 Tritanopia 0.001% of the population

Trichromacy

#b1e074 Protanomaly 1% of men, 0.01% of women
#bddb87 Deuteranomaly 6% of men, 0.4% of women
#6de9c7 Tritanomaly 0.01% of the population

#4af276 hex color

#4af276 Color Information

#4af276 Color Conversion

Color Schemes with #4af276

Alternatives to #4af276

#4af276 Preview

Shades and Tints of #4af276

Tones of #4af276

Color Blindness Simulator