colorhexa.com

#2af160 hex color

In a RGB color space, hex #2af160 is composed of 16.5% red, 94.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 0% magenta, 60.2% yellow and 5.5% black. It has a hue angle of 136.3 degrees, a saturation of 87.7% and a lightness of 55.5%. #2af160 color hex could be obtained by blending #54ffc0 with #00e300. Closest websafe color is: #33ff66.

- R 16
- G 95
- B 38
RGB color chart
- C 83
- M 0
- Y 60
- K 5
CMYK color chart

● #2af160 color description : Bright cyan - lime green.

The hexadecimal color #2af160 has RGB values of R:42, G:241, B:96 and CMYK values of C:0.83, M:0, Y:0.6, K:0.05. Its decimal value is 2814304.

Hex triplet	2af160	`#2af160`
RGB Decimal	42, 241, 96	`rgb(42,241,96)`
RGB Percent	16.5, 94.5, 37.6	`rgb(16.5%,94.5%,37.6%)`
CMYK	83, 0, 60, 5
HSL	136.3°, 87.7, 55.5	`hsl(136.3,87.7%,55.5%)`
HSV (or HSB)	136.3°, 82.6, 94.5
Web Safe	33ff66	`#33ff66`

CIE-LAB	84.092, -74.699, 55.846
XYZ	34.519, 64.244, 21.647
xyY	0.287, 0.534, 64.244
CIE-LCH	84.092, 93.267, 143.218
CIE-LUV	84.092, -74.294, 82.571
Hunter-Lab	80.152, -63.391, 40.094
Binary	00101010, 11110001, 01100000

#2af160
```
#2af160 rgb(42,241,96)
```
#f12abb
```
#f12abb rgb(241,42,187)
```

Complementary Color

#58f12a
```
#58f12a rgb(88,241,42)
```
#2af160
```
#2af160 rgb(42,241,96)
```
#2af1c4
```
#2af1c4 rgb(42,241,196)
```

Analogous Color

#f12a57
```
#f12a57 rgb(241,42,87)
```
#2af160
```
#2af160 rgb(42,241,96)
```
#c42af1
```
#c42af1 rgb(196,42,241)
```

Split Complementary Color

#f1602a
```
#f1602a rgb(241,96,42)
```
#2af160
```
#2af160 rgb(42,241,96)
```
#602af1
```
#602af1 rgb(96,42,241)
```

Triadic Color

#bbf12a
```
#bbf12a rgb(187,241,42)
```
#2af160
```
#2af160 rgb(42,241,96)
```
#602af1
```
#602af1 rgb(96,42,241)
```
#f12abb
```
#f12abb rgb(241,42,187)
```

Tetradic Color

#0dc23e
```
#0dc23e rgb(13,194,62)
```
#0eda45
```
#0eda45 rgb(14,218,69)
```
#12ef4e
```
#12ef4e rgb(18,239,78)
```
#2af160
```
#2af160 rgb(42,241,96)
```
#42f372
```
#42f372 rgb(66,243,114)
```
#5af484
```
#5af484 rgb(90,244,132)
```
#72f696
```
#72f696 rgb(114,246,150)
```

Monochromatic Color

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

#2af12e
```
#2af12e rgb(42,241,46)
```
#2af13f
```
#2af13f rgb(42,241,63)
```
#2af14f
```
#2af14f rgb(42,241,79)
```
#2af160
```
#2af160 rgb(42,241,96)
```
#2af171
```
#2af171 rgb(42,241,113)
```
#2af181
```
#2af181 rgb(42,241,129)
```
#2af192
```
#2af192 rgb(42,241,146)
```

Similar Colors

Text with hexadecimal color #2af160

This text has a font color of #2af160.

<span style="color:#2af160;">Text here</span>

#2af160 background color

This paragraph has a background color of #2af160.

<p style="background-color:#2af160;">Content here</p>

#2af160 border color

This element has a border color of #2af160.

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

CSS codes

.text {color:#2af160;}

.background {background-color:#2af160;}

.border {border:1px solid #2af160;}

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

#010803
```
#010803 rgb(1,8,3)
```
#021a08
```
#021a08 rgb(2,26,8)
```
#032d0e
```
#032d0e rgb(3,45,14)
```
#043f14
```
#043f14 rgb(4,63,20)
```
#05511a
```
#05511a rgb(5,81,26)
```
#076420
```
#076420 rgb(7,100,32)
```
#087626
```
#087626 rgb(8,118,38)
```
#09892c
```
#09892c rgb(9,137,44)
```
#0a9b32
```
#0a9b32 rgb(10,155,50)
```
#0bae37
```
#0bae37 rgb(11,174,55)
```
#0dc03d
```
#0dc03d rgb(13,192,61)
```
#0ed243
```
#0ed243 rgb(14,210,67)
```
#0fe549
```
#0fe549 rgb(15,229,73)
```

Shade Color Variation

#18f052
```
#18f052 rgb(24,240,82)
```
#2af160
```
#2af160 rgb(42,241,96)
```
#3cf26e
```
#3cf26e rgb(60,242,110)
```
#4ff37b
```
#4ff37b rgb(79,243,123)
```
#61f589
```
#61f589 rgb(97,245,137)
```
#74f697
```
#74f697 rgb(116,246,151)
```
#86f7a5
```
#86f7a5 rgb(134,247,165)
```
#98f8b2
```
#98f8b2 rgb(152,248,178)
```
#abf9c0
```
#abf9c0 rgb(171,249,192)
```
#bdfbce
```
#bdfbce rgb(189,251,206)
```
#d0fcdc
```
#d0fcdc rgb(208,252,220)
```
#e2fde9
```
#e2fde9 rgb(226,253,233)
```
#f4fef7
```
#f4fef7 rgb(244,254,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a918c is the less saturated color, while #21fa5c is the most saturated one.

#8a918c
```
#8a918c rgb(138,145,140)
```
#819a88
```
#819a88 rgb(129,154,136)
```
#79a284
```
#79a284 rgb(121,162,132)
```
#70ab80
```
#70ab80 rgb(112,171,128)
```
#67b47c
```
#67b47c rgb(103,180,124)
```
#5ebd78
```
#5ebd78 rgb(94,189,120)
```
#56c574
```
#56c574 rgb(86,197,116)
```
#4dce70
```
#4dce70 rgb(77,206,112)
```
#44d76c
```
#44d76c rgb(68,215,108)
```
#3be068
```
#3be068 rgb(59,224,104)
```
#33e864
```
#33e864 rgb(51,232,100)
```
#2af160
```
#2af160 rgb(42,241,96)
```
#21fa5c
```
#21fa5c rgb(33,250,92)
```

Tone Color Variation

Below, you can see how #2af160 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

#a5a5a5 Achromatopsia 0.005% of the population
#8cb497 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead45f Protanopia 1% of men
#ffcb80 Deuteranopia 1% of men
#77e3f4 Tritanopia 0.001% of the population

Trichromacy

#a4de5f Protanomaly 1% of men, 0.01% of women
#b1d974 Deuteranomaly 6% of men, 0.4% of women
#5be8be Tritanomaly 0.01% of the population