colorhexa.com

#2af103 hex color

In a RGB color space, hex #2af103 is composed of 16.5% red, 94.5% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 0% magenta, 98.8% yellow and 5.5% black. It has a hue angle of 110.2 degrees, a saturation of 97.5% and a lightness of 47.8%. #2af103 color hex could be obtained by blending #54ff06 with #00e300. Closest websafe color is: #33ff00.

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

● #2af103 color description : Vivid lime green.

The hexadecimal color #2af103 has RGB values of R:42, G:241, B:3 and CMYK values of C:0.83, M:0, Y:0.99, K:0.05. Its decimal value is 2814211.

Hex triplet	2af103	`#2af103`
RGB Decimal	42, 241, 3	`rgb(42,241,3)`
RGB Percent	16.5, 94.5, 1.2	`rgb(16.5%,94.5%,1.2%)`
CMYK	83, 0, 99, 5
HSL	110.2°, 97.5, 47.8	`hsl(110.2,97.5%,47.8%)`
HSV (or HSB)	110.2°, 98.8, 94.5
Web Safe	33ff00	`#33ff00`

CIE-LAB	83.655, -80.182, 79.769
XYZ	32.425, 63.406, 10.616
xyY	0.305, 0.596, 63.406
CIE-LCH	83.655, 113.102, 135.148
CIE-LUV	83.655, -76.238, 101.883
Hunter-Lab	79.628, -66.663, 47.835
Binary	00101010, 11110001, 00000011

#2af103
```
#2af103 rgb(42,241,3)
```
#ca03f1
```
#ca03f1 rgb(202,3,241)
```

Complementary Color

#a1f103
```
#a1f103 rgb(161,241,3)
```
#2af103
```
#2af103 rgb(42,241,3)
```
#03f153
```
#03f153 rgb(3,241,83)
```

Analogous Color

#f103a1
```
#f103a1 rgb(241,3,161)
```
#2af103
```
#2af103 rgb(42,241,3)
```
#5303f1
```
#5303f1 rgb(83,3,241)
```

Split Complementary Color

#1da502
```
#1da502 rgb(29,165,2)
```
#21bf02
```
#21bf02 rgb(33,191,2)
```
#26d803
```
#26d803 rgb(38,216,3)
```
#2af103
```
#2af103 rgb(42,241,3)
```
#38fc11
```
#38fc11 rgb(56,252,17)
```
#4dfc2b
```
#4dfc2b rgb(77,252,43)
```
#62fd44
```
#62fd44 rgb(98,253,68)
```

Monochromatic Color

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

#66f103
```
#66f103 rgb(102,241,3)
```
#52f103
```
#52f103 rgb(82,241,3)
```
#3ef103
```
#3ef103 rgb(62,241,3)
```
#2af103
```
#2af103 rgb(42,241,3)
```
#16f103
```
#16f103 rgb(22,241,3)
```
#03f104
```
#03f104 rgb(3,241,4)
```
#03f117
```
#03f117 rgb(3,241,23)
```

Similar Colors

Text with hexadecimal color #2af103

This text has a font color of #2af103.

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

#2af103 background color

This paragraph has a background color of #2af103.

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

#2af103 border color

This element has a border color of #2af103.

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

CSS codes

.text {color:#2af103;}

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

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

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

#010900
```
#010900 rgb(1,9,0)
```
#051c00
```
#051c00 rgb(5,28,0)
```
#082f01
```
#082f01 rgb(8,47,1)
```
#0c4301
```
#0c4301 rgb(12,67,1)
```
#0f5601
```
#0f5601 rgb(15,86,1)
```
#126901
```
#126901 rgb(18,105,1)
```
#167d02
```
#167d02 rgb(22,125,2)
```
#199002
```
#199002 rgb(25,144,2)
```
#1ca402
```
#1ca402 rgb(28,164,2)
```
#20b702
```
#20b702 rgb(32,183,2)
```
#23ca03
```
#23ca03 rgb(35,202,3)
```
#27de03
```
#27de03 rgb(39,222,3)
```
#2af103
```
#2af103 rgb(42,241,3)
```

Shade Color Variation

#33fc0c
```
#33fc0c rgb(51,252,12)
```
#43fc1f
```
#43fc1f rgb(67,252,31)
```
#54fc32
```
#54fc32 rgb(84,252,50)
```
#64fd46
```
#64fd46 rgb(100,253,70)
```
#74fd59
```
#74fd59 rgb(116,253,89)
```
#84fd6d
```
#84fd6d rgb(132,253,109)
```
#94fd80
```
#94fd80 rgb(148,253,128)
```
#a5fe93
```
#a5fe93 rgb(165,254,147)
```
#b5fea7
```
#b5fea7 rgb(181,254,167)
```
#c5feba
```
#c5feba rgb(197,254,186)
```
#d5fecd
```
#d5fecd rgb(213,254,205)
```
#e6ffe1
```
#e6ffe1 rgb(230,255,225)
```
#f6fff4
```
#f6fff4 rgb(246,255,244)
```

Tint Color Variation

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

#768074
```
#768074 rgb(118,128,116)
```
#6f8a6a
```
#6f8a6a rgb(111,138,106)
```
#699361
```
#699361 rgb(105,147,97)
```
#639d57
```
#639d57 rgb(99,157,87)
```
#5ca64e
```
#5ca64e rgb(92,166,78)
```
#56af45
```
#56af45 rgb(86,175,69)
```
#50b93b
```
#50b93b rgb(80,185,59)
```
#4ac232
```
#4ac232 rgb(74,194,50)
```
#43cb29
```
#43cb29 rgb(67,203,41)
```
#3dd51f
```
#3dd51f rgb(61,213,31)
```
#37de16
```
#37de16 rgb(55,222,22)
```
#30e80c
```
#30e80c rgb(48,232,12)
```
#2af103
```
#2af103 rgb(42,241,3)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#84ab7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd300 Protanopia 1% of men
#ffca6d Deuteranopia 1% of men
#7ce1f1 Tritanopia 0.001% of the population

Trichromacy

#a5de01 Protanomaly 1% of men, 0.01% of women
#b1d846 Deuteranomaly 6% of men, 0.4% of women
#5ee79b Tritanomaly 0.01% of the population