#b0af33 hex color

In a RGB color space, hex #b0af33 is composed of 69% red, 68.6% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.6% magenta, 71% yellow and 31% black. It has a hue angle of 59.5 degrees, a saturation of 55.1% and a lightness of 44.5%. #b0af33 color hex could be obtained by blending #ffff66 with #615f00. Closest websafe color is: #999933.

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

● #b0af33 color description : Dark yellow [Olive tone].

The hexadecimal color #b0af33 has RGB values of R:176, G:175, B:51 and CMYK values of C:0, M:0.01, Y:0.71, K:0.31. Its decimal value is 11579187.

Hex triplet	b0af33	`#b0af33`
RGB Decimal	176, 175, 51	`rgb(176,175,51)`
RGB Percent	69, 68.6, 20	`rgb(69%,68.6%,20%)`
CMYK	0, 1, 71, 31
HSL	59.5°, 55.1, 44.5	`hsl(59.5,55.1%,44.5%)`
HSV (or HSB)	59.5°, 71, 69
Web Safe	999933	`#999933`

CIE-LAB	69.562, -14.45, 60.092
XYZ	33.832, 40.13, 9.095
xyY	0.407, 0.483, 40.13
CIE-LCH	69.562, 61.805, 103.521
CIE-LUV	69.562, 5.657, 69.051
Hunter-Lab	63.348, -15.528, 35.831
Binary	10110000, 10101111, 00110011

#b0af33
```
#b0af33 rgb(176,175,51)
```
#3334b0
```
#3334b0 rgb(51,52,176)
```

Complementary Color

#b07133
```
#b07133 rgb(176,113,51)
```
#b0af33
```
#b0af33 rgb(176,175,51)
```
#73b033
```
#73b033 rgb(115,176,51)
```

Analogous Color

#7133b0
```
#7133b0 rgb(113,51,176)
```
#b0af33
```
#b0af33 rgb(176,175,51)
```
#3373b0
```
#3373b0 rgb(51,115,176)
```

Split Complementary Color

#af33b0
```
#af33b0 rgb(175,51,176)
```
#b0af33
```
#b0af33 rgb(176,175,51)
```
#33b0af
```
#33b0af rgb(51,176,175)
```

Triadic Color

#b03334
```
#b03334 rgb(176,51,52)
```
#b0af33
```
#b0af33 rgb(176,175,51)
```
#33b0af
```
#33b0af rgb(51,176,175)
```
#3334b0
```
#3334b0 rgb(51,52,176)
```

Tetradic Color

#757422
```
#757422 rgb(117,116,34)
```
#888828
```
#888828 rgb(136,136,40)
```
#9c9b2d
```
#9c9b2d rgb(156,155,45)
```
#b0af33
```
#b0af33 rgb(176,175,51)
```
#c4c339
```
#c4c339 rgb(196,195,57)
```
#cbca4b
```
#cbca4b rgb(203,202,75)
```
#d1d05f
```
#d1d05f rgb(209,208,95)
```

Monochromatic Color

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

#b09033
```
#b09033 rgb(176,144,51)
```
#b09a33
```
#b09a33 rgb(176,154,51)
```
#b0a533
```
#b0a533 rgb(176,165,51)
```
#b0af33
```
#b0af33 rgb(176,175,51)
```
#a7b033
```
#a7b033 rgb(167,176,51)
```
#9cb033
```
#9cb033 rgb(156,176,51)
```
#92b033
```
#92b033 rgb(146,176,51)
```

Similar Colors

Text with hexadecimal color #b0af33

This text has a font color of #b0af33.

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

#b0af33 background color

This paragraph has a background color of #b0af33.

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

#b0af33 border color

This element has a border color of #b0af33.

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

CSS codes

.text {color:#b0af33;}

.background {background-color:#b0af33;}

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

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

#090903
```
#090903 rgb(9,9,3)
```
#181807
```
#181807 rgb(24,24,7)
```
#27270b
```
#27270b rgb(39,39,11)
```
#363610
```
#363610 rgb(54,54,16)
```
#464514
```
#464514 rgb(70,69,20)
```
#555419
```
#555419 rgb(85,84,25)
```
#64631d
```
#64631d rgb(100,99,29)
```
#737321
```
#737321 rgb(115,115,33)
```
#828226
```
#828226 rgb(130,130,38)
```
#92912a
```
#92912a rgb(146,145,42)
```
#a1a02f
```
#a1a02f rgb(161,160,47)
```
#b0af33
```
#b0af33 rgb(176,175,51)
```
#bfbe37
```
#bfbe37 rgb(191,190,55)
```

Shade Color Variation

#c8c742
```
#c8c742 rgb(200,199,66)
```
#cdcc51
```
#cdcc51 rgb(205,204,81)
```
#d1d060
```
#d1d060 rgb(209,208,96)
```
#d5d570
```
#d5d570 rgb(213,213,112)
```
#dad97f
```
#dad97f rgb(218,217,127)
```
#dede8e
```
#dede8e rgb(222,222,142)
```
#e3e29d
```
#e3e29d rgb(227,226,157)
```
#e7e7ac
```
#e7e7ac rgb(231,231,172)
```
#ebebbc
```
#ebebbc rgb(235,235,188)
```
#f0f0cb
```
#f0f0cb rgb(240,240,203)
```
#f4f4da
```
#f4f4da rgb(244,244,218)
```
#f9f9e9
```
#f9f9e9 rgb(249,249,233)
```
#fdfdf8
```
#fdfdf8 rgb(253,253,248)
```

Tint Color Variation

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

#737370
```
#737370 rgb(115,115,112)
```
#7c7b67
```
#7c7b67 rgb(124,123,103)
```
#84845f
```
#84845f rgb(132,132,95)
```
#8d8d56
```
#8d8d56 rgb(141,141,86)
```
#96954d
```
#96954d rgb(150,149,77)
```
#9f9e44
```
#9f9e44 rgb(159,158,68)
```
#a7a63c
```
#a7a63c rgb(167,166,60)
```
#b0af33
```
#b0af33 rgb(176,175,51)
```
#b9b82a
```
#b9b82a rgb(185,184,42)
```
#c1c022
```
#c1c022 rgb(193,192,34)
```
#cac919
```
#cac919 rgb(202,201,25)
```
#d3d110
```
#d3d110 rgb(211,209,16)
```
#dcda07
```
#dcda07 rgb(220,218,7)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a48b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae3c Protanopia 1% of men
#d7a643 Deuteranopia 1% of men
#bfa8b3 Tritanopia 0.001% of the population

Trichromacy

#bbae38 Protanomaly 1% of men, 0.01% of women
#c9a93d Deuteranomaly 6% of men, 0.4% of women
#baaa85 Tritanomaly 0.01% of the population

#b0af33 hex color

#b0af33 Color Information

#b0af33 Color Conversion

Color Schemes with #b0af33

Alternatives to #b0af33

#b0af33 Preview

Shades and Tints of #b0af33

Tones of #b0af33

Color Blindness Simulator