#afb628 hex color

In a RGB color space, hex #afb628 is composed of 68.6% red, 71.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 78% yellow and 28.6% black. It has a hue angle of 63 degrees, a saturation of 64% and a lightness of 43.5%. #afb628 color hex could be obtained by blending #ffff50 with #5f6d00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 71
- B 16
RGB color chart
- C 4
- M 0
- Y 78
- K 29
CMYK color chart

● #afb628 color description : Strong yellow.

The hexadecimal color #afb628 has RGB values of R:175, G:182, B:40 and CMYK values of C:0.04, M:0, Y:0.78, K:0.29. Its decimal value is 11515432.

Hex triplet	afb628	`#afb628`
RGB Decimal	175, 182, 40	`rgb(175,182,40)`
RGB Percent	68.6, 71.4, 15.7	`rgb(68.6%,71.4%,15.7%)`
CMYK	4, 0, 78, 29
HSL	63°, 64, 43.5	`hsl(63,64%,43.5%)`
HSV (or HSB)	63°, 78, 71.4
Web Safe	99cc33	`#99cc33`

CIE-LAB	71.367, -18.917, 65.421
XYZ	34.79, 42.723, 8.421
xyY	0.405, 0.497, 42.723
CIE-LCH	71.367, 68.101, 106.128
CIE-LUV	71.367, 0.653, 74.459
Hunter-Lab	65.363, -19.377, 38.116
Binary	10101111, 10110110, 00101000

#afb628
```
#afb628 rgb(175,182,40)
```
#2f28b6
```
#2f28b6 rgb(47,40,182)
```

Complementary Color

#b67628
```
#b67628 rgb(182,118,40)
```
#afb628
```
#afb628 rgb(175,182,40)
```
#68b628
```
#68b628 rgb(104,182,40)
```

Analogous Color

#7628b6
```
#7628b6 rgb(118,40,182)
```
#afb628
```
#afb628 rgb(175,182,40)
```
#2868b6
```
#2868b6 rgb(40,104,182)
```

Split Complementary Color

#b628af
```
#b628af rgb(182,40,175)
```
#afb628
```
#afb628 rgb(175,182,40)
```
#28afb6
```
#28afb6 rgb(40,175,182)
```

Triadic Color

#b62f28
```
#b62f28 rgb(182,47,40)
```
#afb628
```
#afb628 rgb(175,182,40)
```
#28afb6
```
#28afb6 rgb(40,175,182)
```
#2f28b6
```
#2f28b6 rgb(47,40,182)
```

Tetradic Color

#73771a
```
#73771a rgb(115,119,26)
```
#878c1f
```
#878c1f rgb(135,140,31)
```
#9ba123
```
#9ba123 rgb(155,161,35)
```
#afb628
```
#afb628 rgb(175,182,40)
```
#c3cb2d
```
#c3cb2d rgb(195,203,45)
```
#cdd43d
```
#cdd43d rgb(205,212,61)
```
#d2d952
```
#d2d952 rgb(210,217,82)
```

Monochromatic Color

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

#b69a28
```
#b69a28 rgb(182,154,40)
```
#b6a528
```
#b6a528 rgb(182,165,40)
```
#b6b128
```
#b6b128 rgb(182,177,40)
```
#afb628
```
#afb628 rgb(175,182,40)
```
#a3b628
```
#a3b628 rgb(163,182,40)
```
#97b628
```
#97b628 rgb(151,182,40)
```
#8cb628
```
#8cb628 rgb(140,182,40)
```

Similar Colors

Text with hexadecimal color #afb628

This text has a font color of #afb628.

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

#afb628 background color

This paragraph has a background color of #afb628.

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

#afb628 border color

This element has a border color of #afb628.

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

CSS codes

.text {color:#afb628;}

.background {background-color:#afb628;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#141505
```
#141505 rgb(20,21,5)
```
#242508
```
#242508 rgb(36,37,8)
```
#33350c
```
#33350c rgb(51,53,12)
```
#43450f
```
#43450f rgb(67,69,15)
```
#525613
```
#525613 rgb(82,86,19)
```
#626616
```
#626616 rgb(98,102,22)
```
#71761a
```
#71761a rgb(113,118,26)
```
#81861d
```
#81861d rgb(129,134,29)
```
#909621
```
#909621 rgb(144,150,33)
```
#a0a624
```
#a0a624 rgb(160,166,36)
```
#afb628
```
#afb628 rgb(175,182,40)
```
#bec62c
```
#bec62c rgb(190,198,44)
```

Shade Color Variation

#cad233
```
#cad233 rgb(202,210,51)
```
#ced643
```
#ced643 rgb(206,214,67)
```
#d3d953
```
#d3d953 rgb(211,217,83)
```
#d7dd63
```
#d7dd63 rgb(215,221,99)
```
#dbe073
```
#dbe073 rgb(219,224,115)
```
#dfe483
```
#dfe483 rgb(223,228,131)
```
#e3e794
```
#e3e794 rgb(227,231,148)
```
#e7eba4
```
#e7eba4 rgb(231,235,164)
```
#eceeb4
```
#eceeb4 rgb(236,238,180)
```
#f0f2c4
```
#f0f2c4 rgb(240,242,196)
```
#f4f6d4
```
#f4f6d4 rgb(244,246,212)
```
#f8f9e4
```
#f8f9e4 rgb(248,249,228)
```
#fcfdf4
```
#fcfdf4 rgb(252,253,244)
```

Tint Color Variation

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

#71726c
```
#71726c rgb(113,114,108)
```
#797a64
```
#797a64 rgb(121,122,100)
```
#81835b
```
#81835b rgb(129,131,91)
```
#898b53
```
#898b53 rgb(137,139,83)
```
#90944a
```
#90944a rgb(144,148,74)
```
#989c42
```
#989c42 rgb(152,156,66)
```
#a0a539
```
#a0a539 rgb(160,165,57)
```
#a7ad31
```
#a7ad31 rgb(167,173,49)
```
#afb628
```
#afb628 rgb(175,182,40)
```
#b7bf1f
```
#b7bf1f rgb(183,191,31)
```
#bec717
```
#bec717 rgb(190,199,23)
```
#c6d00e
```
#c6d00e rgb(198,208,14)
```
#ced806
```
#ced806 rgb(206,216,6)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a6a88b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b331 Protanopia 1% of men
#deaa3b Deuteranopia 1% of men
#c0adba Tritanopia 0.001% of the population

Trichromacy

#beb42e Protanomaly 1% of men, 0.01% of women
#cdae34 Deuteranomaly 6% of men, 0.4% of women
#b9b085 Tritanomaly 0.01% of the population

#afb628 hex color

#afb628 Color Information

#afb628 Color Conversion

Color Schemes with #afb628

Alternatives to #afb628

#afb628 Preview

Shades and Tints of #afb628

Tones of #afb628

Color Blindness Simulator