#bbaf3d hex color

In a RGB color space, hex #bbaf3d is composed of 73.3% red, 68.6% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 67.4% yellow and 26.7% black. It has a hue angle of 54.3 degrees, a saturation of 50.8% and a lightness of 48.6%. #bbaf3d color hex could be obtained by blending #ffff7a with #775f00. Closest websafe color is: #cc9933.

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

● #bbaf3d color description : Moderate yellow.

The hexadecimal color #bbaf3d has RGB values of R:187, G:175, B:61 and CMYK values of C:0, M:0.06, Y:0.67, K:0.27. Its decimal value is 12300093.

Hex triplet	bbaf3d	`#bbaf3d`
RGB Decimal	187, 175, 61	`rgb(187,175,61)`
RGB Percent	73.3, 68.6, 23.9	`rgb(73.3%,68.6%,23.9%)`
CMYK	0, 6, 67, 27
HSL	54.3°, 50.8, 48.6	`hsl(54.3,50.8%,48.6%)`
HSV (or HSB)	54.3°, 67.4, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.568, -9.159, 57.524
XYZ	36.666, 41.563, 10.506
xyY	0.413, 0.468, 41.563
CIE-LCH	70.568, 58.249, 99.046
CIE-LUV	70.568, 13.043, 66.523
Hunter-Lab	64.469, -11.301, 35.467
Binary	10111011, 10101111, 00111101

#bbaf3d
```
#bbaf3d rgb(187,175,61)
```
#3d49bb
```
#3d49bb rgb(61,73,187)
```

Complementary Color

#bb703d
```
#bb703d rgb(187,112,61)
```
#bbaf3d
```
#bbaf3d rgb(187,175,61)
```
#88bb3d
```
#88bb3d rgb(136,187,61)
```

Analogous Color

#703dbb
```
#703dbb rgb(112,61,187)
```
#bbaf3d
```
#bbaf3d rgb(187,175,61)
```
#3d88bb
```
#3d88bb rgb(61,136,187)
```

Split Complementary Color

#af3dbb
```
#af3dbb rgb(175,61,187)
```
#bbaf3d
```
#bbaf3d rgb(187,175,61)
```
#3dbbaf
```
#3dbbaf rgb(61,187,175)
```

Triadic Color

#bb3d49
```
#bb3d49 rgb(187,61,73)
```
#bbaf3d
```
#bbaf3d rgb(187,175,61)
```
#3dbbaf
```
#3dbbaf rgb(61,187,175)
```
#3d49bb
```
#3d49bb rgb(61,73,187)
```

Tetradic Color

#81792a
```
#81792a rgb(129,121,42)
```
#958b30
```
#958b30 rgb(149,139,48)
```
#a89d37
```
#a89d37 rgb(168,157,55)
```
#bbaf3d
```
#bbaf3d rgb(187,175,61)
```
#c5b94d
```
#c5b94d rgb(197,185,77)
```
#cbc160
```
#cbc160 rgb(203,193,96)
```
#d1c873
```
#d1c873 rgb(209,200,115)
```

Monochromatic Color

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

#bb903d
```
#bb903d rgb(187,144,61)
```
#bb9a3d
```
#bb9a3d rgb(187,154,61)
```
#bba53d
```
#bba53d rgb(187,165,61)
```
#bbaf3d
```
#bbaf3d rgb(187,175,61)
```
#bbba3d
```
#bbba3d rgb(187,186,61)
```
#b2bb3d
```
#b2bb3d rgb(178,187,61)
```
#a8bb3d
```
#a8bb3d rgb(168,187,61)
```

Similar Colors

Text with hexadecimal color #bbaf3d

This text has a font color of #bbaf3d.

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

#bbaf3d background color

This paragraph has a background color of #bbaf3d.

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

#bbaf3d border color

This element has a border color of #bbaf3d.

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

CSS codes

.text {color:#bbaf3d;}

.background {background-color:#bbaf3d;}

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

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

#0a0903
```
#0a0903 rgb(10,9,3)
```
#181708
```
#181708 rgb(24,23,8)
```
#27250d
```
#27250d rgb(39,37,13)
```
#363212
```
#363212 rgb(54,50,18)
```
#454016
```
#454016 rgb(69,64,22)
```
#534e1b
```
#534e1b rgb(83,78,27)
```
#625c20
```
#625c20 rgb(98,92,32)
```
#716a25
```
#716a25 rgb(113,106,37)
```
#80782a
```
#80782a rgb(128,120,42)
```
#8f852f
```
#8f852f rgb(143,133,47)
```
#9d9333
```
#9d9333 rgb(157,147,51)
```
#aca138
```
#aca138 rgb(172,161,56)
```
#bbaf3d
```
#bbaf3d rgb(187,175,61)
```

Shade Color Variation

#c3b848
```
#c3b848 rgb(195,184,72)
```
#c8bd57
```
#c8bd57 rgb(200,189,87)
```
#cdc366
```
#cdc366 rgb(205,195,102)
```
#d2c975
```
#d2c975 rgb(210,201,117)
```
#d7cf83
```
#d7cf83 rgb(215,207,131)
```
#dcd592
```
#dcd592 rgb(220,213,146)
```
#e0daa1
```
#e0daa1 rgb(224,218,161)
```
#e5e0b0
```
#e5e0b0 rgb(229,224,176)
```
#eae6bf
```
#eae6bf rgb(234,230,191)
```
#efeccd
```
#efeccd rgb(239,236,205)
```
#f4f1dc
```
#f4f1dc rgb(244,241,220)
```
#f8f7eb
```
#f8f7eb rgb(248,247,235)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#828176
```
#828176 rgb(130,129,118)
```
#8b886d
```
#8b886d rgb(139,136,109)
```
#959063
```
#959063 rgb(149,144,99)
```
#9e985a
```
#9e985a rgb(158,152,90)
```
#a8a050
```
#a8a050 rgb(168,160,80)
```
#b1a747
```
#b1a747 rgb(177,167,71)
```
#bbaf3d
```
#bbaf3d rgb(187,175,61)
```
#c5b733
```
#c5b733 rgb(197,183,51)
```
#cebe2a
```
#cebe2a rgb(206,190,42)
```
#d8c620
```
#d8c620 rgb(216,198,32)
```
#e1ce17
```
#e1ce17 rgb(225,206,23)
```
#ebd60d
```
#ebd60d rgb(235,214,13)
```
#f4dd04
```
#f4dd04 rgb(244,221,4)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aaa891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b146 Protanopia 1% of men
#daa84b Deuteranopia 1% of men
#c9a8b4 Tritanopia 0.001% of the population

Trichromacy

#c1b043 Protanomaly 1% of men, 0.01% of women
#ceab46 Deuteranomaly 6% of men, 0.4% of women
#c3aa88 Tritanomaly 0.01% of the population

#bbaf3d hex color

#bbaf3d Color Information

#bbaf3d Color Conversion

Color Schemes with #bbaf3d

Alternatives to #bbaf3d

#bbaf3d Preview

Shades and Tints of #bbaf3d

Tones of #bbaf3d

Color Blindness Simulator