#bbaf67 hex color

In a RGB color space, hex #bbaf67 is composed of 73.3% red, 68.6% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 44.9% yellow and 26.7% black. It has a hue angle of 51.4 degrees, a saturation of 38.2% and a lightness of 56.9%. #bbaf67 color hex could be obtained by blending #ffffce with #775f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 69
- B 40
RGB color chart
- C 0
- M 6
- Y 45
- K 27
CMYK color chart

● #bbaf67 color description : Slightly desaturated yellow.

The hexadecimal color #bbaf67 has RGB values of R:187, G:175, B:103 and CMYK values of C:0, M:0.06, Y:0.45, K:0.27. Its decimal value is 12300135.

Hex triplet	bbaf67	`#bbaf67`
RGB Decimal	187, 175, 103	`rgb(187,175,103)`
RGB Percent	73.3, 68.6, 40.4	`rgb(73.3%,68.6%,40.4%)`
CMYK	0, 6, 45, 27
HSL	51.4°, 38.2, 56.9	`hsl(51.4,38.2%,56.9%)`
HSV (or HSB)	51.4°, 44.9, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.012, -5.834, 38.334
XYZ	38.271, 42.205, 18.962
xyY	0.385, 0.424, 42.205
CIE-LCH	71.012, 38.775, 98.653
CIE-LUV	71.012, 11.426, 49.17
Hunter-Lab	64.965, -8.534, 28.171
Binary	10111011, 10101111, 01100111

#bbaf67
```
#bbaf67 rgb(187,175,103)
```
#6773bb
```
#6773bb rgb(103,115,187)
```

Complementary Color

#bb8567
```
#bb8567 rgb(187,133,103)
```
#bbaf67
```
#bbaf67 rgb(187,175,103)
```
#9dbb67
```
#9dbb67 rgb(157,187,103)
```

Analogous Color

#8567bb
```
#8567bb rgb(133,103,187)
```
#bbaf67
```
#bbaf67 rgb(187,175,103)
```
#679dbb
```
#679dbb rgb(103,157,187)
```

Split Complementary Color

#af67bb
```
#af67bb rgb(175,103,187)
```
#bbaf67
```
#bbaf67 rgb(187,175,103)
```
#67bbaf
```
#67bbaf rgb(103,187,175)
```

Triadic Color

#bb6773
```
#bb6773 rgb(187,103,115)
```
#bbaf67
```
#bbaf67 rgb(187,175,103)
```
#67bbaf
```
#67bbaf rgb(103,187,175)
```
#6773bb
```
#6773bb rgb(103,115,187)
```

Tetradic Color

#948842
```
#948842 rgb(148,136,66)
```
#a5984a
```
#a5984a rgb(165,152,74)
```
#b3a655
```
#b3a655 rgb(179,166,85)
```
#bbaf67
```
#bbaf67 rgb(187,175,103)
```
#c3b879
```
#c3b879 rgb(195,184,121)
```
#cbc28a
```
#cbc28a rgb(203,194,138)
```
#d3cb9c
```
#d3cb9c rgb(211,203,156)
```

Monochromatic Color

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

#bb9a67
```
#bb9a67 rgb(187,154,103)
```
#bba167
```
#bba167 rgb(187,161,103)
```
#bba867
```
#bba867 rgb(187,168,103)
```
#bbaf67
```
#bbaf67 rgb(187,175,103)
```
#bbb667
```
#bbb667 rgb(187,182,103)
```
#b9bb67
```
#b9bb67 rgb(185,187,103)
```
#b2bb67
```
#b2bb67 rgb(178,187,103)
```

Similar Colors

Text with hexadecimal color #bbaf67

This text has a font color of #bbaf67.

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

#bbaf67 background color

This paragraph has a background color of #bbaf67.

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

#bbaf67 border color

This element has a border color of #bbaf67.

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

CSS codes

.text {color:#bbaf67;}

.background {background-color:#bbaf67;}

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

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

#0b0a05
```
#0b0a05 rgb(11,10,5)
```
#18160b
```
#18160b rgb(24,22,11)
```
#262311
```
#262311 rgb(38,35,17)
```
#332f17
```
#332f17 rgb(51,47,23)
```
#413c1d
```
#413c1d rgb(65,60,29)
```
#4e4823
```
#4e4823 rgb(78,72,35)
```
#5c5529
```
#5c5529 rgb(92,85,41)
```
#69612f
```
#69612f rgb(105,97,47)
```
#776e35
```
#776e35 rgb(119,110,53)
```
#857a3b
```
#857a3b rgb(133,122,59)
```
#928741
```
#928741 rgb(146,135,65)
```
#a09347
```
#a09347 rgb(160,147,71)
```
#ada04e
```
#ada04e rgb(173,160,78)
```

Shade Color Variation

#b5a859
```
#b5a859 rgb(181,168,89)
```
#bbaf67
```
#bbaf67 rgb(187,175,103)
```
#c1b675
```
#c1b675 rgb(193,182,117)
```
#c7bd82
```
#c7bd82 rgb(199,189,130)
```
#cdc490
```
#cdc490 rgb(205,196,144)
```
#d3cc9d
```
#d3cc9d rgb(211,204,157)
```
#d9d3ab
```
#d9d3ab rgb(217,211,171)
```
#dfdab8
```
#dfdab8 rgb(223,218,184)
```
#e5e1c6
```
#e5e1c6 rgb(229,225,198)
```
#ece8d3
```
#ece8d3 rgb(236,232,211)
```
#f2efe1
```
#f2efe1 rgb(242,239,225)
```
#f8f6ef
```
#f8f6ef rgb(248,246,239)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#999789
```
#999789 rgb(153,151,137)
```
#a29d80
```
#a29d80 rgb(162,157,128)
```
#aaa378
```
#aaa378 rgb(170,163,120)
```
#b3a96f
```
#b3a96f rgb(179,169,111)
```
#bbaf67
```
#bbaf67 rgb(187,175,103)
```
#c3b55f
```
#c3b55f rgb(195,181,95)
```
#ccbb56
```
#ccbb56 rgb(204,187,86)
```
#d4c14e
```
#d4c14e rgb(212,193,78)
```
#ddc745
```
#ddc745 rgb(221,199,69)
```
#e5cd3d
```
#e5cd3d rgb(229,205,61)
```
#eed334
```
#eed334 rgb(238,211,52)
```
#f6d92c
```
#f6d92c rgb(246,217,44)
```
#ffdf23
```
#ffdf23 rgb(255,223,35)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#adab9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b26e Protanopia 1% of men
#d5aa71 Deuteranopia 1% of men
#c7aab6 Tritanopia 0.001% of the population

Trichromacy

#bfb06b Protanomaly 1% of men, 0.01% of women
#ccac6d Deuteranomaly 6% of men, 0.4% of women
#c2ac99 Tritanomaly 0.01% of the population

#bbaf67 hex color

#bbaf67 Color Information

#bbaf67 Color Conversion

Color Schemes with #bbaf67

Alternatives to #bbaf67

#bbaf67 Preview

Shades and Tints of #bbaf67

Tones of #bbaf67

Color Blindness Simulator