#2ad966 hex color

In a RGB color space, hex #2ad966 is composed of 16.5% red, 85.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 53% yellow and 14.9% black. It has a hue angle of 140.6 degrees, a saturation of 69.7% and a lightness of 50.8%. #2ad966 color hex could be obtained by blending #54ffcc with #00b300. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 16
- G 85
- B 40
RGB color chart
- C 81
- M 0
- Y 53
- K 15
CMYK color chart

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

The hexadecimal color #2ad966 has RGB values of R:42, G:217, B:102 and CMYK values of C:0.81, M:0, Y:0.53, K:0.15. Its decimal value is 2808166.

Hex triplet	2ad966	`#2ad966`
RGB Decimal	42, 217, 102	`rgb(42,217,102)`
RGB Percent	16.5, 85.1, 40	`rgb(16.5%,85.1%,40%)`
CMYK	81, 0, 53, 15
HSL	140.6°, 69.7, 50.8	`hsl(140.6,69.7%,50.8%)`
HSV (or HSB)	140.6°, 80.6, 85.1
Web Safe	33cc66	`#33cc66`

CIE-LAB	76.724, -66.331, 44.419
XYZ	28.164, 51.074, 20.944
xyY	0.281, 0.51, 51.074
CIE-LCH	76.724, 79.83, 146.192
CIE-LUV	76.724, -66.23, 67.789
Hunter-Lab	71.466, -54.721, 32.651
Binary	00101010, 11011001, 01100110

#2ad966
```
#2ad966 rgb(42,217,102)
```
#d92a9d
```
#d92a9d rgb(217,42,157)
```

Complementary Color

#46d92a
```
#46d92a rgb(70,217,42)
```
#2ad966
```
#2ad966 rgb(42,217,102)
```
#2ad9be
```
#2ad9be rgb(42,217,190)
```

Analogous Color

#d92a46
```
#d92a46 rgb(217,42,70)
```
#2ad966
```
#2ad966 rgb(42,217,102)
```
#be2ad9
```
#be2ad9 rgb(190,42,217)
```

Split Complementary Color

#d9662a
```
#d9662a rgb(217,102,42)
```
#2ad966
```
#2ad966 rgb(42,217,102)
```
#662ad9
```
#662ad9 rgb(102,42,217)
```

Triadic Color

#9dd92a
```
#9dd92a rgb(157,217,42)
```
#2ad966
```
#2ad966 rgb(42,217,102)
```
#662ad9
```
#662ad9 rgb(102,42,217)
```
#d92a9d
```
#d92a9d rgb(217,42,157)
```

Tetradic Color

#1c9b47
```
#1c9b47 rgb(28,155,71)
```
#1fb151
```
#1fb151 rgb(31,177,81)
```
#23c65b
```
#23c65b rgb(35,198,91)
```
#2ad966
```
#2ad966 rgb(42,217,102)
```
#40dd76
```
#40dd76 rgb(64,221,118)
```
#55e185
```
#55e185 rgb(85,225,133)
```
#6be595
```
#6be595 rgb(107,229,149)
```

Monochromatic Color

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

#2ad93a
```
#2ad93a rgb(42,217,58)
```
#2ad949
```
#2ad949 rgb(42,217,73)
```
#2ad957
```
#2ad957 rgb(42,217,87)
```
#2ad966
```
#2ad966 rgb(42,217,102)
```
#2ad975
```
#2ad975 rgb(42,217,117)
```
#2ad983
```
#2ad983 rgb(42,217,131)
```
#2ad992
```
#2ad992 rgb(42,217,146)
```

Similar Colors

Text with hexadecimal color #2ad966

This text has a font color of #2ad966.

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

#2ad966 background color

This paragraph has a background color of #2ad966.

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

#2ad966 border color

This element has a border color of #2ad966.

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

CSS codes

.text {color:#2ad966;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#041409
```
#041409 rgb(4,20,9)
```
#072511
```
#072511 rgb(7,37,17)
```
#0a3519
```
#0a3519 rgb(10,53,25)
```
#0c4620
```
#0c4620 rgb(12,70,32)
```
#0f5728
```
#0f5728 rgb(15,87,40)
```
#126730
```
#126730 rgb(18,103,48)
```
#157837
```
#157837 rgb(21,120,55)
```
#18893f
```
#18893f rgb(24,137,63)
```
#1b9946
```
#1b9946 rgb(27,153,70)
```
#1eaa4e
```
#1eaa4e rgb(30,170,78)
```
#21ba56
```
#21ba56 rgb(33,186,86)
```
#24cb5d
```
#24cb5d rgb(36,203,93)
```

Shade Color Variation

#2ad966
```
#2ad966 rgb(42,217,102)
```
#3bdc72
```
#3bdc72 rgb(59,220,114)
```
#4bdf7e
```
#4bdf7e rgb(75,223,126)
```
#5ce28a
```
#5ce28a rgb(92,226,138)
```
#6de596
```
#6de596 rgb(109,229,150)
```
#7de8a2
```
#7de8a2 rgb(125,232,162)
```
#8eebae
```
#8eebae rgb(142,235,174)
```
#9feeba
```
#9feeba rgb(159,238,186)
```
#aff1c6
```
#aff1c6 rgb(175,241,198)
```
#c0f4d2
```
#c0f4d2 rgb(192,244,210)
```
#d0f7de
```
#d0f7de rgb(208,247,222)
```
#e1faea
```
#e1faea rgb(225,250,234)
```
#f2fdf5
```
#f2fdf5 rgb(242,253,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818281 is the less saturated color, while #0df65d is the most saturated one.

#818281
```
#818281 rgb(129,130,129)
```
#778c7e
```
#778c7e rgb(119,140,126)
```
#6e957b
```
#6e957b rgb(110,149,123)
```
#649f78
```
#649f78 rgb(100,159,120)
```
#5aa975
```
#5aa975 rgb(90,169,117)
```
#51b272
```
#51b272 rgb(81,178,114)
```
#47bc6f
```
#47bc6f rgb(71,188,111)
```
#3dc66c
```
#3dc66c rgb(61,198,108)
```
#34cf69
```
#34cf69 rgb(52,207,105)
```
#2ad966
```
#2ad966 rgb(42,217,102)
```
#20e363
```
#20e363 rgb(32,227,99)
```
#17ec60
```
#17ec60 rgb(23,236,96)
```
#0df65d
```
#0df65d rgb(13,246,93)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#82a58e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c065 Protanopia 1% of men
#e7b87a Deuteranopia 1% of men
#6bcedd Tritanopia 0.001% of the population

Trichromacy

#96c965 Protanomaly 1% of men, 0.01% of women
#a2c473 Deuteranomaly 6% of men, 0.4% of women
#53d2b2 Tritanomaly 0.01% of the population

#2ad966 hex color

#2ad966 Color Information

#2ad966 Color Conversion

Color Schemes with #2ad966

Alternatives to #2ad966

#2ad966 Preview

Shades and Tints of #2ad966

Tones of #2ad966

Color Blindness Simulator