#bbaf2d hex color

In a RGB color space, hex #bbaf2d is composed of 73.3% red, 68.6% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 75.9% yellow and 26.7% black. It has a hue angle of 54.9 degrees, a saturation of 61.2% and a lightness of 45.5%. #bbaf2d color hex could be obtained by blending #ffff5a with #775f00. Closest websafe color is: #cc9933.

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

● #bbaf2d color description : Strong yellow.

The hexadecimal color #bbaf2d has RGB values of R:187, G:175, B:45 and CMYK values of C:0, M:0.06, Y:0.76, K:0.27. Its decimal value is 12300077.

Hex triplet	bbaf2d	`#bbaf2d`
RGB Decimal	187, 175, 45	`rgb(187,175,45)`
RGB Percent	73.3, 68.6, 17.6	`rgb(73.3%,68.6%,17.6%)`
CMYK	0, 6, 76, 27
HSL	54.9°, 61.2, 45.5	`hsl(54.9,61.2%,45.5%)`
HSV (or HSB)	54.9°, 75.9, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.466, -9.941, 63.386
XYZ	36.297, 41.415, 8.564
xyY	0.421, 0.48, 41.415
CIE-LCH	70.466, 64.161, 98.913
CIE-LUV	70.466, 13.437, 70.741
Hunter-Lab	64.355, -11.943, 37.158
Binary	10111011, 10101111, 00101101

#bbaf2d
```
#bbaf2d rgb(187,175,45)
```
#2d39bb
```
#2d39bb rgb(45,57,187)
```

Complementary Color

#bb682d
```
#bb682d rgb(187,104,45)
```
#bbaf2d
```
#bbaf2d rgb(187,175,45)
```
#80bb2d
```
#80bb2d rgb(128,187,45)
```

Analogous Color

#682dbb
```
#682dbb rgb(104,45,187)
```
#bbaf2d
```
#bbaf2d rgb(187,175,45)
```
#2d80bb
```
#2d80bb rgb(45,128,187)
```

Split Complementary Color

#af2dbb
```
#af2dbb rgb(175,45,187)
```
#bbaf2d
```
#bbaf2d rgb(187,175,45)
```
#2dbbaf
```
#2dbbaf rgb(45,187,175)
```

Triadic Color

#bb2d39
```
#bb2d39 rgb(187,45,57)
```
#bbaf2d
```
#bbaf2d rgb(187,175,45)
```
#2dbbaf
```
#2dbbaf rgb(45,187,175)
```
#2d39bb
```
#2d39bb rgb(45,57,187)
```

Tetradic Color

#7d751e
```
#7d751e rgb(125,117,30)
```
#928923
```
#928923 rgb(146,137,35)
```
#a69c28
```
#a69c28 rgb(166,156,40)
```
#bbaf2d
```
#bbaf2d rgb(187,175,45)
```
#cec133
```
#cec133 rgb(206,193,51)
```
#d3c748
```
#d3c748 rgb(211,199,72)
```
#d8cd5d
```
#d8cd5d rgb(216,205,93)
```

Monochromatic Color

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

#bb8c2d
```
#bb8c2d rgb(187,140,45)
```
#bb972d
```
#bb972d rgb(187,151,45)
```
#bba32d
```
#bba32d rgb(187,163,45)
```
#bbaf2d
```
#bbaf2d rgb(187,175,45)
```
#bbbb2d
```
#bbbb2d rgb(187,187,45)
```
#afbb2d
```
#afbb2d rgb(175,187,45)
```
#a4bb2d
```
#a4bb2d rgb(164,187,45)
```

Similar Colors

Text with hexadecimal color #bbaf2d

This text has a font color of #bbaf2d.

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

#bbaf2d background color

This paragraph has a background color of #bbaf2d.

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

#bbaf2d border color

This element has a border color of #bbaf2d.

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

CSS codes

.text {color:#bbaf2d;}

.background {background-color:#bbaf2d;}

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

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

#0d0c03
```
#0d0c03 rgb(13,12,3)
```
#1d1b07
```
#1d1b07 rgb(29,27,7)
```
#2d2a0b
```
#2d2a0b rgb(45,42,11)
```
#3d390f
```
#3d390f rgb(61,57,15)
```
#4c4712
```
#4c4712 rgb(76,71,18)
```
#5c5616
```
#5c5616 rgb(92,86,22)
```
#6c651a
```
#6c651a rgb(108,101,26)
```
#7c741e
```
#7c741e rgb(124,116,30)
```
#8c8322
```
#8c8322 rgb(140,131,34)
```
#9b9125
```
#9b9125 rgb(155,145,37)
```
#aba029
```
#aba029 rgb(171,160,41)
```
#bbaf2d
```
#bbaf2d rgb(187,175,45)
```
#cbbe31
```
#cbbe31 rgb(203,190,49)
```

Shade Color Variation

#d1c43f
```
#d1c43f rgb(209,196,63)
```
#d4c94e
```
#d4c94e rgb(212,201,78)
```
#d8ce5e
```
#d8ce5e rgb(216,206,94)
```
#dcd36e
```
#dcd36e rgb(220,211,110)
```
#e0d87e
```
#e0d87e rgb(224,216,126)
```
#e4dc8e
```
#e4dc8e rgb(228,220,142)
```
#e8e19d
```
#e8e19d rgb(232,225,157)
```
#ebe6ad
```
#ebe6ad rgb(235,230,173)
```
#efebbd
```
#efebbd rgb(239,235,189)
```
#f3f0cd
```
#f3f0cd rgb(243,240,205)
```
#f7f5dd
```
#f7f5dd rgb(247,245,221)
```
#fbf9ec
```
#fbf9ec rgb(251,249,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#7d7b6b
```
#7d7b6b rgb(125,123,107)
```
#858363
```
#858363 rgb(133,131,99)
```
#8e8a5a
```
#8e8a5a rgb(142,138,90)
```
#979151
```
#979151 rgb(151,145,81)
```
#a09948
```
#a09948 rgb(160,153,72)
```
#a9a03f
```
#a9a03f rgb(169,160,63)
```
#b2a836
```
#b2a836 rgb(178,168,54)
```
#bbaf2d
```
#bbaf2d rgb(187,175,45)
```
#c4b624
```
#c4b624 rgb(196,182,36)
```
#cdbe1b
```
#cdbe1b rgb(205,190,27)
```
#d6c512
```
#d6c512 rgb(214,197,18)
```
#dfcd09
```
#dfcd09 rgb(223,205,9)
```
#e8d400
```
#e8d400 rgb(232,212,0)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a9a68c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b037 Protanopia 1% of men
#dba83d Deuteranopia 1% of men
#c9a7b3 Tritanopia 0.001% of the population

Trichromacy

#c1b033 Protanomaly 1% of men, 0.01% of women
#cfaa37 Deuteranomaly 6% of men, 0.4% of women
#c4aa82 Tritanomaly 0.01% of the population

#bbaf2d hex color

#bbaf2d Color Information

#bbaf2d Color Conversion

Color Schemes with #bbaf2d

Alternatives to #bbaf2d

#bbaf2d Preview

Shades and Tints of #bbaf2d

Tones of #bbaf2d

Color Blindness Simulator