#afd133 hex color

In a RGB color space, hex #afd133 is composed of 68.6% red, 82% green and 20% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 75.6% yellow and 18% black. It has a hue angle of 72.9 degrees, a saturation of 63.2% and a lightness of 51%. #afd133 color hex could be obtained by blending #ffff66 with #5fa300. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 82
- B 20
RGB color chart
- C 16
- M 0
- Y 76
- K 18
CMYK color chart

● #afd133 color description : Strong yellow.

The hexadecimal color #afd133 has RGB values of R:175, G:209, B:51 and CMYK values of C:0.16, M:0, Y:0.76, K:0.18. Its decimal value is 11522355.

Hex triplet	afd133	`#afd133`
RGB Decimal	175, 209, 51	`rgb(175,209,51)`
RGB Percent	68.6, 82, 20	`rgb(68.6%,82%,20%)`
CMYK	16, 0, 76, 18
HSL	72.9°, 63.2, 51	`hsl(72.9,63.2%,51%)`
HSV (or HSB)	72.9°, 75.6, 82
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.015, -31.519, 69.075
XYZ	41.077, 54.954, 11.575
xyY	0.382, 0.511, 54.954
CIE-LCH	79.015, 75.926, 114.527
CIE-LUV	79.015, -15.714, 83.341
Hunter-Lab	74.131, -30.82, 42.634
Binary	10101111, 11010001, 00110011

#afd133
```
#afd133 rgb(175,209,51)
```
#5533d1
```
#5533d1 rgb(85,51,209)
```

Complementary Color

#d1a433
```
#d1a433 rgb(209,164,51)
```
#afd133
```
#afd133 rgb(175,209,51)
```
#60d133
```
#60d133 rgb(96,209,51)
```

Analogous Color

#a433d1
```
#a433d1 rgb(164,51,209)
```
#afd133
```
#afd133 rgb(175,209,51)
```
#3360d1
```
#3360d1 rgb(51,96,209)
```

Split Complementary Color

#d133af
```
#d133af rgb(209,51,175)
```
#afd133
```
#afd133 rgb(175,209,51)
```
#33afd1
```
#33afd1 rgb(51,175,209)
```

Triadic Color

#d15533
```
#d15533 rgb(209,85,51)
```
#afd133
```
#afd133 rgb(175,209,51)
```
#33afd1
```
#33afd1 rgb(51,175,209)
```
#5533d1
```
#5533d1 rgb(85,51,209)
```

Tetradic Color

#7d9622
```
#7d9622 rgb(125,150,34)
```
#8eab26
```
#8eab26 rgb(142,171,38)
```
#9fbf2b
```
#9fbf2b rgb(159,191,43)
```
#afd133
```
#afd133 rgb(175,209,51)
```
#b7d648
```
#b7d648 rgb(183,214,72)
```
#bfda5d
```
#bfda5d rgb(191,218,93)
```
#c7df71
```
#c7df71 rgb(199,223,113)
```

Monochromatic Color

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

#d1cc33
```
#d1cc33 rgb(209,204,51)
```
#c9d133
```
#c9d133 rgb(201,209,51)
```
#bcd133
```
#bcd133 rgb(188,209,51)
```
#afd133
```
#afd133 rgb(175,209,51)
```
#a2d133
```
#a2d133 rgb(162,209,51)
```
#95d133
```
#95d133 rgb(149,209,51)
```
#88d133
```
#88d133 rgb(136,209,51)
```

Similar Colors

Text with hexadecimal color #afd133

This text has a font color of #afd133.

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

#afd133 background color

This paragraph has a background color of #afd133.

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

#afd133 border color

This element has a border color of #afd133.

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

CSS codes

.text {color:#afd133;}

.background {background-color:#afd133;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#111405
```
#111405 rgb(17,20,5)
```
#1e2408
```
#1e2408 rgb(30,36,8)
```
#2b340c
```
#2b340c rgb(43,52,12)
```
#39440f
```
#39440f rgb(57,68,15)
```
#465413
```
#465413 rgb(70,84,19)
```
#536417
```
#536417 rgb(83,100,23)
```
#61741a
```
#61741a rgb(97,116,26)
```
#6e841e
```
#6e841e rgb(110,132,30)
```
#7b9421
```
#7b9421 rgb(123,148,33)
```
#89a425
```
#89a425 rgb(137,164,37)
```
#96b429
```
#96b429 rgb(150,180,41)
```
#a3c42c
```
#a3c42c rgb(163,196,44)
```

Shade Color Variation

#afd133
```
#afd133 rgb(175,209,51)
```
#b5d543
```
#b5d543 rgb(181,213,67)
```
#bcd853
```
#bcd853 rgb(188,216,83)
```
#c2dc63
```
#c2dc63 rgb(194,220,99)
```
#c8df73
```
#c8df73 rgb(200,223,115)
```
#cee383
```
#cee383 rgb(206,227,131)
```
#d5e793
```
#d5e793 rgb(213,231,147)
```
#dbeaa3
```
#dbeaa3 rgb(219,234,163)
```
#e1eeb3
```
#e1eeb3 rgb(225,238,179)
```
#e7f1c3
```
#e7f1c3 rgb(231,241,195)
```
#eef5d3
```
#eef5d3 rgb(238,245,211)
```
#f4f9e3
```
#f4f9e3 rgb(244,249,227)
```
#fafcf3
```
#fafcf3 rgb(250,252,243)
```

Tint Color Variation

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

#838480
```
#838480 rgb(131,132,128)
```
#898e76
```
#898e76 rgb(137,142,118)
```
#8e976d
```
#8e976d rgb(142,151,109)
```
#94a163
```
#94a163 rgb(148,161,99)
```
#99ab59
```
#99ab59 rgb(153,171,89)
```
#9fb450
```
#9fb450 rgb(159,180,80)
```
#a4be46
```
#a4be46 rgb(164,190,70)
```
#aac73d
```
#aac73d rgb(170,199,61)
```
#afd133
```
#afd133 rgb(175,209,51)
```
#b4db29
```
#b4db29 rgb(180,219,41)
```
#bae420
```
#bae420 rgb(186,228,32)
```
#bfee16
```
#bfee16 rgb(191,238,22)
```
#c5f70d
```
#c5f70d rgb(197,247,13)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4bb9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec73a Protanopia 1% of men
#f6bd48 Deuteranopia 1% of men
#c4c5d4 Tritanopia 0.001% of the population

Trichromacy

#ccca37 Protanomaly 1% of men, 0.01% of women
#dcc440 Deuteranomaly 6% of men, 0.4% of women
#bcc999 Tritanomaly 0.01% of the population

#afd133 hex color

#afd133 Color Information

#afd133 Color Conversion

Color Schemes with #afd133

Alternatives to #afd133

#afd133 Preview

Shades and Tints of #afd133

Tones of #afd133

Color Blindness Simulator