#b5af63 hex color

In a RGB color space, hex #b5af63 is composed of 71% red, 68.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.3% magenta, 45.3% yellow and 29% black. It has a hue angle of 55.6 degrees, a saturation of 35.7% and a lightness of 54.9%. #b5af63 color hex could be obtained by blending #ffffc6 with #6b5f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 69
- B 39
RGB color chart
- C 0
- M 3
- Y 45
- K 29
CMYK color chart

● #b5af63 color description : Slightly desaturated yellow.

The hexadecimal color #b5af63 has RGB values of R:181, G:175, B:99 and CMYK values of C:0, M:0.03, Y:0.45, K:0.29. Its decimal value is 11906915.

Hex triplet	b5af63	`#b5af63`
RGB Decimal	181, 175, 99	`rgb(181,175,99)`
RGB Percent	71, 68.6, 38.8	`rgb(71%,68.6%,38.8%)`
CMYK	0, 3, 45, 29
HSL	55.6°, 35.7, 54.9	`hsl(55.6,35.7%,54.9%)`
HSV (or HSB)	55.6°, 45.3, 71
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.445, -8.72, 39.559
XYZ	36.638, 41.385, 17.862
xyY	0.382, 0.432, 41.385
CIE-LCH	70.445, 40.508, 102.431
CIE-LUV	70.445, 7.583, 50.85
Hunter-Lab	64.331, -10.921, 28.57
Binary	10110101, 10101111, 01100011

#b5af63
```
#b5af63 rgb(181,175,99)
```
#6369b5
```
#6369b5 rgb(99,105,181)
```

Complementary Color

#b58663
```
#b58663 rgb(181,134,99)
```
#b5af63
```
#b5af63 rgb(181,175,99)
```
#92b563
```
#92b563 rgb(146,181,99)
```

Analogous Color

#8663b5
```
#8663b5 rgb(134,99,181)
```
#b5af63
```
#b5af63 rgb(181,175,99)
```
#6392b5
```
#6392b5 rgb(99,146,181)
```

Split Complementary Color

#af63b5
```
#af63b5 rgb(175,99,181)
```
#b5af63
```
#b5af63 rgb(181,175,99)
```
#63b5af
```
#63b5af rgb(99,181,175)
```

Triadic Color

#b56369
```
#b56369 rgb(181,99,105)
```
#b5af63
```
#b5af63 rgb(181,175,99)
```
#63b5af
```
#63b5af rgb(99,181,175)
```
#6369b5
```
#6369b5 rgb(99,105,181)
```

Tetradic Color

#8a8541
```
#8a8541 rgb(138,133,65)
```
#9b954a
```
#9b954a rgb(155,149,74)
```
#ada652
```
#ada652 rgb(173,166,82)
```
#b5af63
```
#b5af63 rgb(181,175,99)
```
#bdb874
```
#bdb874 rgb(189,184,116)
```
#c5c186
```
#c5c186 rgb(197,193,134)
```
#ceca97
```
#ceca97 rgb(206,202,151)
```

Monochromatic Color

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

#b59b63
```
#b59b63 rgb(181,155,99)
```
#b5a163
```
#b5a163 rgb(181,161,99)
```
#b5a863
```
#b5a863 rgb(181,168,99)
```
#b5af63
```
#b5af63 rgb(181,175,99)
```
#b4b563
```
#b4b563 rgb(180,181,99)
```
#adb563
```
#adb563 rgb(173,181,99)
```
#a7b563
```
#a7b563 rgb(167,181,99)
```

Similar Colors

Text with hexadecimal color #b5af63

This text has a font color of #b5af63.

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

#b5af63 background color

This paragraph has a background color of #b5af63.

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

#b5af63 border color

This element has a border color of #b5af63.

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

CSS codes

.text {color:#b5af63;}

.background {background-color:#b5af63;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#111008
```
#111008 rgb(17,16,8)
```
#1e1d0e
```
#1e1d0e rgb(30,29,14)
```
#2c2a15
```
#2c2a15 rgb(44,42,21)
```
#39371b
```
#39371b rgb(57,55,27)
```
#464321
```
#464321 rgb(70,67,33)
```
#535028
```
#535028 rgb(83,80,40)
```
#615d2e
```
#615d2e rgb(97,93,46)
```
#6e6a34
```
#6e6a34 rgb(110,106,52)
```
#7b773b
```
#7b773b rgb(123,119,59)
```
#898341
```
#898341 rgb(137,131,65)
```
#969047
```
#969047 rgb(150,144,71)
```
#a39d4d
```
#a39d4d rgb(163,157,77)
```

Shade Color Variation

#afa856
```
#afa856 rgb(175,168,86)
```
#b5af63
```
#b5af63 rgb(181,175,99)
```
#bbb670
```
#bbb670 rgb(187,182,112)
```
#c2bd7e
```
#c2bd7e rgb(194,189,126)
```
#c8c38b
```
#c8c38b rgb(200,195,139)
```
#ceca98
```
#ceca98 rgb(206,202,152)
```
#d5d1a6
```
#d5d1a6 rgb(213,209,166)
```
#dbd8b3
```
#dbd8b3 rgb(219,216,179)
```
#e1dfc0
```
#e1dfc0 rgb(225,223,192)
```
#e7e6cd
```
#e7e6cd rgb(231,230,205)
```
#eeecdb
```
#eeecdb rgb(238,236,219)
```
#f4f3e8
```
#f4f3e8 rgb(244,243,232)
```
#fafaf5
```
#fafaf5 rgb(250,250,245)
```

Tint Color Variation

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

#929186
```
#929186 rgb(146,145,134)
```
#9a987e
```
#9a987e rgb(154,152,126)
```
#a3a075
```
#a3a075 rgb(163,160,117)
```
#aca76c
```
#aca76c rgb(172,167,108)
```
#b5af63
```
#b5af63 rgb(181,175,99)
```
#beb75a
```
#beb75a rgb(190,183,90)
```
#c7be51
```
#c7be51 rgb(199,190,81)
```
#d0c648
```
#d0c648 rgb(208,198,72)
```
#d8cd40
```
#d8cd40 rgb(216,205,64)
```
#e1d537
```
#e1d537 rgb(225,213,55)
```
#eadc2e
```
#eadc2e rgb(234,220,46)
```
#f3e425
```
#f3e425 rgb(243,228,37)
```
#fceb1c
```
#fceb1c rgb(252,235,28)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aba99a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b06a Protanopia 1% of men
#d4a96e Deuteranopia 1% of men
#c1aab6 Tritanopia 0.001% of the population

Trichromacy

#bcb067 Protanomaly 1% of men, 0.01% of women
#c9ab6a Deuteranomaly 6% of men, 0.4% of women
#bdab98 Tritanomaly 0.01% of the population

#b5af63 hex color

#b5af63 Color Information

#b5af63 Color Conversion

Color Schemes with #b5af63

Alternatives to #b5af63

#b5af63 Preview

Shades and Tints of #b5af63

Tones of #b5af63

Color Blindness Simulator