#afb345 hex color

In a RGB color space, hex #afb345 is composed of 68.6% red, 70.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 61.5% yellow and 29.8% black. It has a hue angle of 62.2 degrees, a saturation of 44.4% and a lightness of 48.6%. #afb345 color hex could be obtained by blending #ffff8a with #5f6700. Closest websafe color is: #99cc33.

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

● #afb345 color description : Moderate yellow.

The hexadecimal color #afb345 has RGB values of R:175, G:179, B:69 and CMYK values of C:0.02, M:0, Y:0.61, K:0.3. Its decimal value is 11514693.

Hex triplet	afb345	`#afb345`
RGB Decimal	175, 179, 69	`rgb(175,179,69)`
RGB Percent	68.6, 70.2, 27.1	`rgb(68.6%,70.2%,27.1%)`
CMYK	2, 0, 61, 30
HSL	62.2°, 44.4, 48.6	`hsl(62.2,44.4%,48.6%)`
HSV (or HSB)	62.2°, 61.5, 70.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	70.722, -15.852, 54.011
XYZ	34.873, 41.784, 11.858
xyY	0.394, 0.472, 41.784
CIE-LCH	70.722, 56.289, 106.357
CIE-LUV	70.722, 2.053, 65.312
Hunter-Lab	64.641, -16.821, 34.372
Binary	10101111, 10110011, 01000101

#afb345
```
#afb345 rgb(175,179,69)
```
#4945b3
```
#4945b3 rgb(73,69,179)
```

Complementary Color

#b38045
```
#b38045 rgb(179,128,69)
```
#afb345
```
#afb345 rgb(175,179,69)
```
#78b345
```
#78b345 rgb(120,179,69)
```

Analogous Color

#8045b3
```
#8045b3 rgb(128,69,179)
```
#afb345
```
#afb345 rgb(175,179,69)
```
#4578b3
```
#4578b3 rgb(69,120,179)
```

Split Complementary Color

#b345af
```
#b345af rgb(179,69,175)
```
#afb345
```
#afb345 rgb(175,179,69)
```
#45afb3
```
#45afb3 rgb(69,175,179)
```

Triadic Color

#b34945
```
#b34945 rgb(179,73,69)
```
#afb345
```
#afb345 rgb(175,179,69)
```
#45afb3
```
#45afb3 rgb(69,175,179)
```
#4945b3
```
#4945b3 rgb(73,69,179)
```

Tetradic Color

#797c30
```
#797c30 rgb(121,124,48)
```
#8b8e37
```
#8b8e37 rgb(139,142,55)
```
#9da13e
```
#9da13e rgb(157,161,62)
```
#afb345
```
#afb345 rgb(175,179,69)
```
#b9bd54
```
#b9bd54 rgb(185,189,84)
```
#c1c467
```
#c1c467 rgb(193,196,103)
```
#c8cb79
```
#c8cb79 rgb(200,203,121)
```

Monochromatic Color

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

#b39c45
```
#b39c45 rgb(179,156,69)
```
#b3a545
```
#b3a545 rgb(179,165,69)
```
#b3ae45
```
#b3ae45 rgb(179,174,69)
```
#afb345
```
#afb345 rgb(175,179,69)
```
#a6b345
```
#a6b345 rgb(166,179,69)
```
#9db345
```
#9db345 rgb(157,179,69)
```
#94b345
```
#94b345 rgb(148,179,69)
```

Similar Colors

Text with hexadecimal color #afb345

This text has a font color of #afb345.

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

#afb345 background color

This paragraph has a background color of #afb345.

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

#afb345 border color

This element has a border color of #afb345.

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

CSS codes

.text {color:#afb345;}

.background {background-color:#afb345;}

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

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

#090904
```
#090904 rgb(9,9,4)
```
#171709
```
#171709 rgb(23,23,9)
```
#25250e
```
#25250e rgb(37,37,14)
```
#323414
```
#323414 rgb(50,52,20)
```
#404219
```
#404219 rgb(64,66,25)
```
#4e501f
```
#4e501f rgb(78,80,31)
```
#5c5e24
```
#5c5e24 rgb(92,94,36)
```
#6a6c2a
```
#6a6c2a rgb(106,108,42)
```
#787a2f
```
#787a2f rgb(120,122,47)
```
#858935
```
#858935 rgb(133,137,53)
```
#93973a
```
#93973a rgb(147,151,58)
```
#a1a540
```
#a1a540 rgb(161,165,64)
```
#afb345
```
#afb345 rgb(175,179,69)
```

Shade Color Variation

#b8bc50
```
#b8bc50 rgb(184,188,80)
```
#bdc15e
```
#bdc15e rgb(189,193,94)
```
#c3c66c
```
#c3c66c rgb(195,198,108)
```
#c9cc7b
```
#c9cc7b rgb(201,204,123)
```
#cfd189
```
#cfd189 rgb(207,209,137)
```
#d5d797
```
#d5d797 rgb(213,215,151)
```
#dadca5
```
#dadca5 rgb(218,220,165)
```
#e0e2b3
```
#e0e2b3 rgb(224,226,179)
```
#e6e7c1
```
#e6e7c1 rgb(230,231,193)
```
#ecedcf
```
#ecedcf rgb(236,237,207)
```
#f1f2de
```
#f1f2de rgb(241,242,222)
```
#f7f8ec
```
#f7f8ec rgb(247,248,236)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#838375
```
#838375 rgb(131,131,117)
```
#8c8d6b
```
#8c8d6b rgb(140,141,107)
```
#949662
```
#949662 rgb(148,150,98)
```
#9da058
```
#9da058 rgb(157,160,88)
```
#a6a94f
```
#a6a94f rgb(166,169,79)
```
#afb345
```
#afb345 rgb(175,179,69)
```
#b8bd3b
```
#b8bd3b rgb(184,189,59)
```
#c1c632
```
#c1c632 rgb(193,198,50)
```
#cad028
```
#cad028 rgb(202,208,40)
```
#d2d91f
```
#d2d91f rgb(210,217,31)
```
#dbe315
```
#dbe315 rgb(219,227,21)
```
#e4ec0c
```
#e4ec0c rgb(228,236,12)
```
#edf602
```
#edf602 rgb(237,246,2)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b14d Protanopia 1% of men
#d9a953 Deuteranopia 1% of men
#beacb8 Tritanopia 0.001% of the population

Trichromacy

#bcb24a Protanomaly 1% of men, 0.01% of women
#caac4e Deuteranomaly 6% of men, 0.4% of women
#b9ae8e Tritanomaly 0.01% of the population

#afb345 hex color

#afb345 Color Information

#afb345 Color Conversion

Color Schemes with #afb345

Alternatives to #afb345

#afb345 Preview

Shades and Tints of #afb345

Tones of #afb345

Color Blindness Simulator