#afb334 hex color

In a RGB color space, hex #afb334 is composed of 68.6% red, 70.2% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 70.9% yellow and 29.8% black. It has a hue angle of 61.9 degrees, a saturation of 55% and a lightness of 45.3%. #afb334 color hex could be obtained by blending #ffff68 with #5f6700. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 70
- B 20
RGB color chart
- C 2
- M 0
- Y 71
- K 30
CMYK color chart

● #afb334 color description : Moderate yellow.

The hexadecimal color #afb334 has RGB values of R:175, G:179, B:52 and CMYK values of C:0.02, M:0, Y:0.71, K:0.3. Its decimal value is 11514676.

Hex triplet	afb334	`#afb334`
RGB Decimal	175, 179, 52	`rgb(175,179,52)`
RGB Percent	68.6, 70.2, 20.4	`rgb(68.6%,70.2%,20.4%)`
CMYK	2, 0, 71, 30
HSL	61.9°, 55, 45.3	`hsl(61.9,55%,45.3%)`
HSV (or HSB)	61.9°, 70.9, 70.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	70.596, -16.87, 60.705
XYZ	34.419, 41.603, 9.466
xyY	0.403, 0.487, 41.603
CIE-LCH	70.596, 63.006, 105.531
CIE-LUV	70.596, 2.391, 70.475
Hunter-Lab	64.5, -17.622, 36.449
Binary	10101111, 10110011, 00110100

#afb334
```
#afb334 rgb(175,179,52)
```
#3834b3
```
#3834b3 rgb(56,52,179)
```

Complementary Color

#b37834
```
#b37834 rgb(179,120,52)
```
#afb334
```
#afb334 rgb(175,179,52)
```
#70b334
```
#70b334 rgb(112,179,52)
```

Analogous Color

#7834b3
```
#7834b3 rgb(120,52,179)
```
#afb334
```
#afb334 rgb(175,179,52)
```
#3470b3
```
#3470b3 rgb(52,112,179)
```

Split Complementary Color

#b334af
```
#b334af rgb(179,52,175)
```
#afb334
```
#afb334 rgb(175,179,52)
```
#34afb3
```
#34afb3 rgb(52,175,179)
```

Triadic Color

#b33834
```
#b33834 rgb(179,56,52)
```
#afb334
```
#afb334 rgb(175,179,52)
```
#34afb3
```
#34afb3 rgb(52,175,179)
```
#3834b3
```
#3834b3 rgb(56,52,179)
```

Tetradic Color

#757823
```
#757823 rgb(117,120,35)
```
#888b29
```
#888b29 rgb(136,139,41)
```
#9c9f2e
```
#9c9f2e rgb(156,159,46)
```
#afb334
```
#afb334 rgb(175,179,52)
```
#c2c63b
```
#c2c63b rgb(194,198,59)
```
#c8cc4e
```
#c8cc4e rgb(200,204,78)
```
#ced162
```
#ced162 rgb(206,209,98)
```

Monochromatic Color

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

#b39734
```
#b39734 rgb(179,151,52)
```
#b3a234
```
#b3a234 rgb(179,162,52)
```
#b3ac34
```
#b3ac34 rgb(179,172,52)
```
#afb334
```
#afb334 rgb(175,179,52)
```
#a4b334
```
#a4b334 rgb(164,179,52)
```
#9ab334
```
#9ab334 rgb(154,179,52)
```
#8fb334
```
#8fb334 rgb(143,179,52)
```

Similar Colors

Text with hexadecimal color #afb334

This text has a font color of #afb334.

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

#afb334 background color

This paragraph has a background color of #afb334.

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

#afb334 border color

This element has a border color of #afb334.

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

CSS codes

.text {color:#afb334;}

.background {background-color:#afb334;}

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

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

#0c0c03
```
#0c0c03 rgb(12,12,3)
```
#1a1b08
```
#1a1b08 rgb(26,27,8)
```
#292a0c
```
#292a0c rgb(41,42,12)
```
#383911
```
#383911 rgb(56,57,17)
```
#474915
```
#474915 rgb(71,73,21)
```
#56581a
```
#56581a rgb(86,88,26)
```
#65671e
```
#65671e rgb(101,103,30)
```
#747622
```
#747622 rgb(116,118,34)
```
#828527
```
#828527 rgb(130,133,39)
```
#91952b
```
#91952b rgb(145,149,43)
```
#a0a430
```
#a0a430 rgb(160,164,48)
```
#afb334
```
#afb334 rgb(175,179,52)
```
#bec238
```
#bec238 rgb(190,194,56)
```

Shade Color Variation

#c5c945
```
#c5c945 rgb(197,201,69)
```
#cacd54
```
#cacd54 rgb(202,205,84)
```
#ced264
```
#ced264 rgb(206,210,100)
```
#d3d673
```
#d3d673 rgb(211,214,115)
```
#d8db82
```
#d8db82 rgb(216,219,130)
```
#dddf91
```
#dddf91 rgb(221,223,145)
```
#e1e4a0
```
#e1e4a0 rgb(225,228,160)
```
#e6e8b0
```
#e6e8b0 rgb(230,232,176)
```
#ebecbf
```
#ebecbf rgb(235,236,191)
```
#f0f1ce
```
#f0f1ce rgb(240,241,206)
```
#f4f5dd
```
#f4f5dd rgb(244,245,221)
```
#f9faec
```
#f9faec rgb(249,250,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#757572
```
#757572 rgb(117,117,114)
```
#7d7e69
```
#7d7e69 rgb(125,126,105)
```
#858760
```
#858760 rgb(133,135,96)
```
#8e8f58
```
#8e8f58 rgb(142,143,88)
```
#96984f
```
#96984f rgb(150,152,79)
```
#9ea146
```
#9ea146 rgb(158,161,70)
```
#a7aa3d
```
#a7aa3d rgb(167,170,61)
```
#afb334
```
#afb334 rgb(175,179,52)
```
#b7bc2b
```
#b7bc2b rgb(183,188,43)
```
#c0c522
```
#c0c522 rgb(192,197,34)
```
#c8ce19
```
#c8ce19 rgb(200,206,25)
```
#d0d710
```
#d0d710 rgb(208,215,16)
```
#d9df08
```
#d9df08 rgb(217,223,8)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a5a68d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b13d Protanopia 1% of men
#daa845 Deuteranopia 1% of men
#bfabb7 Tritanopia 0.001% of the population

Trichromacy

#bdb139 Protanomaly 1% of men, 0.01% of women
#caac3e Deuteranomaly 6% of men, 0.4% of women
#b9ae87 Tritanomaly 0.01% of the population

#afb334 hex color

#afb334 Color Information

#afb334 Color Conversion

Color Schemes with #afb334

Alternatives to #afb334

#afb334 Preview

Shades and Tints of #afb334

Tones of #afb334

Color Blindness Simulator