colorhexa.com

#afe703 hex color

In a RGB color space, hex #afe703 is composed of 68.6% red, 90.6% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 0% magenta, 98.7% yellow and 9.4% black. It has a hue angle of 74.7 degrees, a saturation of 97.4% and a lightness of 45.9%. #afe703 color hex could be obtained by blending #ffff06 with #5fcf00. Closest websafe color is: #99ff00.

- R 69
- G 91
- B 1
RGB color chart
- C 24
- M 0
- Y 99
- K 9
CMYK color chart

● #afe703 color description : Vivid yellow.

The hexadecimal color #afe703 has RGB values of R:175, G:231, B:3 and CMYK values of C:0.24, M:0, Y:0.99, K:0.09. Its decimal value is 11527939.

Hex triplet	afe703	`#afe703`
RGB Decimal	175, 231, 3	`rgb(175,231,3)`
RGB Percent	68.6, 90.6, 1.2	`rgb(68.6%,90.6%,1.2%)`
CMYK	24, 0, 99, 9
HSL	74.7°, 97.4, 45.9	`hsl(74.7,97.4%,45.9%)`
HSV (or HSB)	74.7°, 98.7, 90.6
Web Safe	99ff00	`#99ff00`

CIE-LAB	85.135, -42.593, 82.83
XYZ	46.271, 66.271, 10.44
xyY	0.376, 0.539, 66.271
CIE-LCH	85.135, 93.14, 117.213
CIE-LUV	85.135, -27.816, 97.64
Hunter-Lab	81.407, -41.005, 49.381
Binary	10101111, 11100111, 00000011

#afe703
```
#afe703 rgb(175,231,3)
```
#3b03e7
```
#3b03e7 rgb(59,3,231)
```

Complementary Color

#e7ad03
```
#e7ad03 rgb(231,173,3)
```
#afe703
```
#afe703 rgb(175,231,3)
```
#3de703
```
#3de703 rgb(61,231,3)
```

Analogous Color

#ad03e7
```
#ad03e7 rgb(173,3,231)
```
#afe703
```
#afe703 rgb(175,231,3)
```
#033de7
```
#033de7 rgb(3,61,231)
```

Split Complementary Color

#e703af
```
#e703af rgb(231,3,175)
```
#afe703
```
#afe703 rgb(175,231,3)
```
#03afe7
```
#03afe7 rgb(3,175,231)
```

Triadic Color

#769b02
```
#769b02 rgb(118,155,2)
```
#89b502
```
#89b502 rgb(137,181,2)
```
#9cce03
```
#9cce03 rgb(156,206,3)
```
#afe703
```
#afe703 rgb(175,231,3)
```
#c0fc08
```
#c0fc08 rgb(192,252,8)
```
#c6fc21
```
#c6fc21 rgb(198,252,33)
```
#cdfc3a
```
#cdfc3a rgb(205,252,58)
```

Monochromatic Color

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

#e7e603
```
#e7e603 rgb(231,230,3)
```
#d5e703
```
#d5e703 rgb(213,231,3)
```
#c2e703
```
#c2e703 rgb(194,231,3)
```
#afe703
```
#afe703 rgb(175,231,3)
```
#9ce703
```
#9ce703 rgb(156,231,3)
```
#89e703
```
#89e703 rgb(137,231,3)
```
#76e703
```
#76e703 rgb(118,231,3)
```

Similar Colors

Text with hexadecimal color #afe703

This text has a font color of #afe703.

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

#afe703 background color

This paragraph has a background color of #afe703.

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

#afe703 border color

This element has a border color of #afe703.

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

CSS codes

.text {color:#afe703;}

.background {background-color:#afe703;}

.border {border:1px solid #afe703;}

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, #0e1200 is the darkest color, while #fffffe is the lightest one.

#0e1200
```
#0e1200 rgb(14,18,0)
```
#1c2500
```
#1c2500 rgb(28,37,0)
```
#2b3901
```
#2b3901 rgb(43,57,1)
```
#3a4c01
```
#3a4c01 rgb(58,76,1)
```
#485f01
```
#485f01 rgb(72,95,1)
```
#577301
```
#577301 rgb(87,115,1)
```
#668602
```
#668602 rgb(102,134,2)
```
#749a02
```
#749a02 rgb(116,154,2)
```
#83ad02
```
#83ad02 rgb(131,173,2)
```
#92c002
```
#92c002 rgb(146,192,2)
```
#a0d403
```
#a0d403 rgb(160,212,3)
```
#afe703
```
#afe703 rgb(175,231,3)
```
#befa03
```
#befa03 rgb(190,250,3)
```

Shade Color Variation

#c3fc15
```
#c3fc15 rgb(195,252,21)
```
#c8fc29
```
#c8fc29 rgb(200,252,41)
```
#cdfc3c
```
#cdfc3c rgb(205,252,60)
```
#d2fd4f
```
#d2fd4f rgb(210,253,79)
```
#d7fd63
```
#d7fd63 rgb(215,253,99)
```
#dcfd76
```
#dcfd76 rgb(220,253,118)
```
#e1fd89
```
#e1fd89 rgb(225,253,137)
```
#e6fe9d
```
#e6fe9d rgb(230,254,157)
```
#ebfeb0
```
#ebfeb0 rgb(235,254,176)
```
#f0fec4
```
#f0fec4 rgb(240,254,196)
```
#f5fed7
```
#f5fed7 rgb(245,254,215)
```
#faffea
```
#faffea rgb(250,255,234)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#787b6f
```
#787b6f rgb(120,123,111)
```
#7d8466
```
#7d8466 rgb(125,132,102)
```
#818d5d
```
#818d5d rgb(129,141,93)
```
#869654
```
#869654 rgb(134,150,84)
```
#8a9f4b
```
#8a9f4b rgb(138,159,75)
```
#8fa842
```
#8fa842 rgb(143,168,66)
```
#94b139
```
#94b139 rgb(148,177,57)
```
#98ba30
```
#98ba30 rgb(152,186,48)
```
#9dc327
```
#9dc327 rgb(157,195,39)
```
#a1cc1e
```
#a1cc1e rgb(161,204,30)
```
#a6d515
```
#a6d515 rgb(166,213,21)
```
#aade0c
```
#aade0c rgb(170,222,12)
```
#afe703
```
#afe703 rgb(175,231,3)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b9c597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d700 Protanopia 1% of men
#ffcf81 Deuteranopia 1% of men
#c9d8e8 Tritanopia 0.001% of the population

Trichromacy

#d9dd01 Protanomaly 1% of men, 0.01% of women
#e1d853 Deuteranomaly 6% of men, 0.4% of women
#bfdd94 Tritanomaly 0.01% of the population