#bbaf3e hex color

In a RGB color space, hex #bbaf3e is composed of 73.3% red, 68.6% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 66.8% yellow and 26.7% black. It has a hue angle of 54.2 degrees, a saturation of 50.2% and a lightness of 48.8%. #bbaf3e color hex could be obtained by blending #ffff7c 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

● #bbaf3e color description : Moderate yellow.

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

Hex triplet	bbaf3e	`#bbaf3e`
RGB Decimal	187, 175, 62	`rgb(187,175,62)`
RGB Percent	73.3, 68.6, 24.3	`rgb(73.3%,68.6%,24.3%)`
CMYK	0, 6, 67, 27
HSL	54.2°, 50.2, 48.8	`hsl(54.2,50.2%,48.8%)`
HSV (or HSB)	54.2°, 66.8, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.576, -9.101, 57.122
XYZ	36.693, 41.573, 10.649
xyY	0.413, 0.468, 41.573
CIE-LCH	70.576, 57.843, 99.053
CIE-LUV	70.576, 13.015, 66.215
Hunter-Lab	64.477, -11.254, 35.342
Binary	10111011, 10101111, 00111110

#bbaf3e
```
#bbaf3e rgb(187,175,62)
```
#3e4abb
```
#3e4abb rgb(62,74,187)
```

Complementary Color

#bb713e
```
#bb713e rgb(187,113,62)
```
#bbaf3e
```
#bbaf3e rgb(187,175,62)
```
#89bb3e
```
#89bb3e rgb(137,187,62)
```

Analogous Color

#713ebb
```
#713ebb rgb(113,62,187)
```
#bbaf3e
```
#bbaf3e rgb(187,175,62)
```
#3e89bb
```
#3e89bb rgb(62,137,187)
```

Split Complementary Color

#af3ebb
```
#af3ebb rgb(175,62,187)
```
#bbaf3e
```
#bbaf3e rgb(187,175,62)
```
#3ebbaf
```
#3ebbaf rgb(62,187,175)
```

Triadic Color

#bb3e4a
```
#bb3e4a rgb(187,62,74)
```
#bbaf3e
```
#bbaf3e rgb(187,175,62)
```
#3ebbaf
```
#3ebbaf rgb(62,187,175)
```
#3e4abb
```
#3e4abb rgb(62,74,187)
```

Tetradic Color

#82792b
```
#82792b rgb(130,121,43)
```
#958b31
```
#958b31 rgb(149,139,49)
```
#a89d38
```
#a89d38 rgb(168,157,56)
```
#bbaf3e
```
#bbaf3e rgb(187,175,62)
```
#c4b94e
```
#c4b94e rgb(196,185,78)
```
#cbc161
```
#cbc161 rgb(203,193,97)
```
#d1c874
```
#d1c874 rgb(209,200,116)
```

Monochromatic Color

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

#bb903e
```
#bb903e rgb(187,144,62)
```
#bb9a3e
```
#bb9a3e rgb(187,154,62)
```
#bba53e
```
#bba53e rgb(187,165,62)
```
#bbaf3e
```
#bbaf3e rgb(187,175,62)
```
#bbb93e
```
#bbb93e rgb(187,185,62)
```
#b2bb3e
```
#b2bb3e rgb(178,187,62)
```
#a8bb3e
```
#a8bb3e rgb(168,187,62)
```

Similar Colors

Text with hexadecimal color #bbaf3e

This text has a font color of #bbaf3e.

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

#bbaf3e background color

This paragraph has a background color of #bbaf3e.

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

#bbaf3e border color

This element has a border color of #bbaf3e.

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

CSS codes

.text {color:#bbaf3e;}

.background {background-color:#bbaf3e;}

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

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

#0a0a03
```
#0a0a03 rgb(10,10,3)
```
#191708
```
#191708 rgb(25,23,8)
```
#28250d
```
#28250d rgb(40,37,13)
```
#363312
```
#363312 rgb(54,51,18)
```
#454117
```
#454117 rgb(69,65,23)
```
#544e1c
```
#544e1c rgb(84,78,28)
```
#635c21
```
#635c21 rgb(99,92,33)
```
#716a26
```
#716a26 rgb(113,106,38)
```
#80782a
```
#80782a rgb(128,120,42)
```
#8f862f
```
#8f862f rgb(143,134,47)
```
#9e9334
```
#9e9334 rgb(158,147,52)
```
#aca139
```
#aca139 rgb(172,161,57)
```
#bbaf3e
```
#bbaf3e rgb(187,175,62)
```

Shade Color Variation

#c3b74a
```
#c3b74a rgb(195,183,74)
```
#c8bd58
```
#c8bd58 rgb(200,189,88)
```
#cdc367
```
#cdc367 rgb(205,195,103)
```
#d2c976
```
#d2c976 rgb(210,201,118)
```
#d6cf85
```
#d6cf85 rgb(214,207,133)
```
#dbd493
```
#dbd493 rgb(219,212,147)
```
#e0daa2
```
#e0daa2 rgb(224,218,162)
```
#e5e0b1
```
#e5e0b1 rgb(229,224,177)
```
#eae6c0
```
#eae6c0 rgb(234,230,192)
```
#efecce
```
#efecce rgb(239,236,206)
```
#f4f2dd
```
#f4f2dd rgb(244,242,221)
```
#f9f7ec
```
#f9f7ec rgb(249,247,236)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#828177
```
#828177 rgb(130,129,119)
```
#8b886e
```
#8b886e rgb(139,136,110)
```
#959064
```
#959064 rgb(149,144,100)
```
#9e985b
```
#9e985b rgb(158,152,91)
```
#a8a051
```
#a8a051 rgb(168,160,81)
```
#b1a748
```
#b1a748 rgb(177,167,72)
```
#bbaf3e
```
#bbaf3e rgb(187,175,62)
```
#c5b734
```
#c5b734 rgb(197,183,52)
```
#cebe2b
```
#cebe2b rgb(206,190,43)
```
#d8c621
```
#d8c621 rgb(216,198,33)
```
#e1ce18
```
#e1ce18 rgb(225,206,24)
```
#ebd60e
```
#ebd60e rgb(235,214,14)
```
#f4dd05
```
#f4dd05 rgb(244,221,5)
```

Tone Color Variation

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

#c4b147 Protanopia 1% of men
#daa84c Deuteranopia 1% of men
#c9a8b4 Tritanopia 0.001% of the population

Trichromacy

#c1b044 Protanomaly 1% of men, 0.01% of women
#ceab47 Deuteranomaly 6% of men, 0.4% of women
#c3aa89 Tritanomaly 0.01% of the population

#bbaf3e hex color

#bbaf3e Color Information

#bbaf3e Color Conversion

Color Schemes with #bbaf3e

Alternatives to #bbaf3e

#bbaf3e Preview

Shades and Tints of #bbaf3e

Tones of #bbaf3e

Color Blindness Simulator