#afd330 hex color

In a RGB color space, hex #afd330 is composed of 68.6% red, 82.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 77.3% yellow and 17.3% black. It has a hue angle of 73.3 degrees, a saturation of 64.9% and a lightness of 50.8%. #afd330 color hex could be obtained by blending #ffff60 with #5fa700. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 83
- B 19
RGB color chart
- C 17
- M 0
- Y 77
- K 17
CMYK color chart

● #afd330 color description : Strong yellow.

The hexadecimal color #afd330 has RGB values of R:175, G:211, B:48 and CMYK values of C:0.17, M:0, Y:0.77, K:0.17. Its decimal value is 11522864.

Hex triplet	afd330	`#afd330`
RGB Decimal	175, 211, 48	`rgb(175,211,48)`
RGB Percent	68.6, 82.7, 18.8	`rgb(68.6%,82.7%,18.8%)`
CMYK	17, 0, 77, 17
HSL	73.3°, 64.9, 50.8	`hsl(73.3,64.9%,50.8%)`
HSV (or HSB)	73.3°, 77.3, 82.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.566, -32.581, 70.498
XYZ	41.507, 55.916, 11.402
xyY	0.381, 0.514, 55.916
CIE-LCH	79.566, 77.663, 114.804
CIE-LUV	79.566, -16.84, 84.802
Hunter-Lab	74.777, -31.779, 43.303
Binary	10101111, 11010011, 00110000

#afd330
```
#afd330 rgb(175,211,48)
```
#5430d3
```
#5430d3 rgb(84,48,211)
```

Complementary Color

#d3a630
```
#d3a630 rgb(211,166,48)
```
#afd330
```
#afd330 rgb(175,211,48)
```
#5ed330
```
#5ed330 rgb(94,211,48)
```

Analogous Color

#a630d3
```
#a630d3 rgb(166,48,211)
```
#afd330
```
#afd330 rgb(175,211,48)
```
#305ed3
```
#305ed3 rgb(48,94,211)
```

Split Complementary Color

#d330af
```
#d330af rgb(211,48,175)
```
#afd330
```
#afd330 rgb(175,211,48)
```
#30afd3
```
#30afd3 rgb(48,175,211)
```

Triadic Color

#d35430
```
#d35430 rgb(211,84,48)
```
#afd330
```
#afd330 rgb(175,211,48)
```
#30afd3
```
#30afd3 rgb(48,175,211)
```
#5430d3
```
#5430d3 rgb(84,48,211)
```

Tetradic Color

#7c9720
```
#7c9720 rgb(124,151,32)
```
#8eac24
```
#8eac24 rgb(142,172,36)
```
#9fc129
```
#9fc129 rgb(159,193,41)
```
#afd330
```
#afd330 rgb(175,211,48)
```
#b7d745
```
#b7d745 rgb(183,215,69)
```
#bfdc5a
```
#bfdc5a rgb(191,220,90)
```
#c7e06f
```
#c7e06f rgb(199,224,111)
```

Monochromatic Color

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

#d3ce30
```
#d3ce30 rgb(211,206,48)
```
#cad330
```
#cad330 rgb(202,211,48)
```
#bdd330
```
#bdd330 rgb(189,211,48)
```
#afd330
```
#afd330 rgb(175,211,48)
```
#a1d330
```
#a1d330 rgb(161,211,48)
```
#94d330
```
#94d330 rgb(148,211,48)
```
#86d330
```
#86d330 rgb(134,211,48)
```

Similar Colors

Text with hexadecimal color #afd330

This text has a font color of #afd330.

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

#afd330 background color

This paragraph has a background color of #afd330.

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

#afd330 border color

This element has a border color of #afd330.

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

CSS codes

.text {color:#afd330;}

.background {background-color:#afd330;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#101304
```
#101304 rgb(16,19,4)
```
#1d2408
```
#1d2408 rgb(29,36,8)
```
#2b340b
```
#2b340b rgb(43,52,11)
```
#38440e
```
#38440e rgb(56,68,14)
```
#465412
```
#465412 rgb(70,84,18)
```
#536415
```
#536415 rgb(83,100,21)
```
#607519
```
#607519 rgb(96,117,25)
```
#6e851c
```
#6e851c rgb(110,133,28)
```
#7b9520
```
#7b9520 rgb(123,149,32)
```
#88a523
```
#88a523 rgb(136,165,35)
```
#96b527
```
#96b527 rgb(150,181,39)
```
#a3c52a
```
#a3c52a rgb(163,197,42)
```

Shade Color Variation

#afd330
```
#afd330 rgb(175,211,48)
```
#b5d640
```
#b5d640 rgb(181,214,64)
```
#bcda50
```
#bcda50 rgb(188,218,80)
```
#c2dd61
```
#c2dd61 rgb(194,221,97)
```
#c8e171
```
#c8e171 rgb(200,225,113)
```
#cee481
```
#cee481 rgb(206,228,129)
```
#d5e891
```
#d5e891 rgb(213,232,145)
```
#dbeba1
```
#dbeba1 rgb(219,235,161)
```
#e1efb1
```
#e1efb1 rgb(225,239,177)
```
#e7f2c2
```
#e7f2c2 rgb(231,242,194)
```
#eef5d2
```
#eef5d2 rgb(238,245,210)
```
#f4f9e2
```
#f4f9e2 rgb(244,249,226)
```
#fafcf2
```
#fafcf2 rgb(250,252,242)
```

Tint Color Variation

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

#84867d
```
#84867d rgb(132,134,125)
```
#898f74
```
#898f74 rgb(137,143,116)
```
#8f996a
```
#8f996a rgb(143,153,106)
```
#94a360
```
#94a360 rgb(148,163,96)
```
#99ac57
```
#99ac57 rgb(153,172,87)
```
#9fb64d
```
#9fb64d rgb(159,182,77)
```
#a4c043
```
#a4c043 rgb(164,192,67)
```
#aac93a
```
#aac93a rgb(170,201,58)
```
#afd330
```
#afd330 rgb(175,211,48)
```
#b4dd26
```
#b4dd26 rgb(180,221,38)
```
#bae61d
```
#bae61d rgb(186,230,29)
```
#bff013
```
#bff013 rgb(191,240,19)
```
#c5fa09
```
#c5fa09 rgb(197,250,9)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5bc9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc837 Protanopia 1% of men
#f8be46 Deuteranopia 1% of men
#c5c7d5 Tritanopia 0.001% of the population

Trichromacy

#cecc34 Protanomaly 1% of men, 0.01% of women
#ddc63e Deuteranomaly 6% of men, 0.4% of women
#bdcb99 Tritanomaly 0.01% of the population

#afd330 hex color

#afd330 Color Information

#afd330 Color Conversion

Color Schemes with #afd330

Alternatives to #afd330

#afd330 Preview

Shades and Tints of #afd330

Tones of #afd330

Color Blindness Simulator