#bfae30 hex color

In a RGB color space, hex #bfae30 is composed of 74.9% red, 68.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.9% magenta, 74.9% yellow and 25.1% black. It has a hue angle of 52.9 degrees, a saturation of 59.8% and a lightness of 46.9%. #bfae30 color hex could be obtained by blending #ffff60 with #7f5d00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 75
- G 68
- B 19
RGB color chart
- C 0
- M 9
- Y 75
- K 25
CMYK color chart

● #bfae30 color description : Moderate yellow.

The hexadecimal color #bfae30 has RGB values of R:191, G:174, B:48 and CMYK values of C:0, M:0.09, Y:0.75, K:0.25. Its decimal value is 12561968.

Hex triplet	bfae30	`#bfae30`
RGB Decimal	191, 174, 48	`rgb(191,174,48)`
RGB Percent	74.9, 68.2, 18.8	`rgb(74.9%,68.2%,18.8%)`
CMYK	0, 9, 75, 25
HSL	52.9°, 59.8, 46.9	`hsl(52.9,59.8%,46.9%)`
HSV (or HSB)	52.9°, 74.9, 74.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.569, -7.546, 62.584
XYZ	37.156, 41.563, 8.861
xyY	0.424, 0.475, 41.563
CIE-LCH	70.569, 63.038, 96.876
CIE-LUV	70.569, 16.915, 69.731
Hunter-Lab	64.469, -9.946, 36.979
Binary	10111111, 10101110, 00110000

#bfae30
```
#bfae30 rgb(191,174,48)
```
#3041bf
```
#3041bf rgb(48,65,191)
```

Complementary Color

#bf6730
```
#bf6730 rgb(191,103,48)
```
#bfae30
```
#bfae30 rgb(191,174,48)
```
#89bf30
```
#89bf30 rgb(137,191,48)
```

Analogous Color

#6730bf
```
#6730bf rgb(103,48,191)
```
#bfae30
```
#bfae30 rgb(191,174,48)
```
#3089bf
```
#3089bf rgb(48,137,191)
```

Split Complementary Color

#ae30bf
```
#ae30bf rgb(174,48,191)
```
#bfae30
```
#bfae30 rgb(191,174,48)
```
#30bfae
```
#30bfae rgb(48,191,174)
```

Triadic Color

#bf3041
```
#bf3041 rgb(191,48,65)
```
#bfae30
```
#bfae30 rgb(191,174,48)
```
#30bfae
```
#30bfae rgb(48,191,174)
```
#3041bf
```
#3041bf rgb(48,65,191)
```

Tetradic Color

#827621
```
#827621 rgb(130,118,33)
```
#968926
```
#968926 rgb(150,137,38)
```
#ab9b2b
```
#ab9b2b rgb(171,155,43)
```
#bfae30
```
#bfae30 rgb(191,174,48)
```
#cebc3b
```
#cebc3b rgb(206,188,59)
```
#d3c34f
```
#d3c34f rgb(211,195,79)
```
#d8ca64
```
#d8ca64 rgb(216,202,100)
```

Monochromatic Color

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

#bf8a30
```
#bf8a30 rgb(191,138,48)
```
#bf9630
```
#bf9630 rgb(191,150,48)
```
#bfa230
```
#bfa230 rgb(191,162,48)
```
#bfae30
```
#bfae30 rgb(191,174,48)
```
#bfba30
```
#bfba30 rgb(191,186,48)
```
#b8bf30
```
#b8bf30 rgb(184,191,48)
```
#acbf30
```
#acbf30 rgb(172,191,48)
```

Similar Colors

Text with hexadecimal color #bfae30

This text has a font color of #bfae30.

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

#bfae30 background color

This paragraph has a background color of #bfae30.

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

#bfae30 border color

This element has a border color of #bfae30.

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

CSS codes

.text {color:#bfae30;}

.background {background-color:#bfae30;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#131105
```
#131105 rgb(19,17,5)
```
#221f09
```
#221f09 rgb(34,31,9)
```
#322d0d
```
#322d0d rgb(50,45,13)
```
#423c10
```
#423c10 rgb(66,60,16)
```
#514a14
```
#514a14 rgb(81,74,20)
```
#615818
```
#615818 rgb(97,88,24)
```
#71671c
```
#71671c rgb(113,103,28)
```
#807520
```
#807520 rgb(128,117,32)
```
#908324
```
#908324 rgb(144,131,36)
```
#a09128
```
#a09128 rgb(160,145,40)
```
#afa02c
```
#afa02c rgb(175,160,44)
```
#bfae30
```
#bfae30 rgb(191,174,48)
```

Shade Color Variation

#cdbb36
```
#cdbb36 rgb(205,187,54)
```
#d0c046
```
#d0c046 rgb(208,192,70)
```
#d4c555
```
#d4c555 rgb(212,197,85)
```
#d8cb65
```
#d8cb65 rgb(216,203,101)
```
#dcd075
```
#dcd075 rgb(220,208,117)
```
#e0d584
```
#e0d584 rgb(224,213,132)
```
#e4db94
```
#e4db94 rgb(228,219,148)
```
#e8e0a4
```
#e8e0a4 rgb(232,224,164)
```
#ece5b4
```
#ece5b4 rgb(236,229,180)
```
#f0ebc3
```
#f0ebc3 rgb(240,235,195)
```
#f4f0d3
```
#f4f0d3 rgb(244,240,211)
```
#f8f5e3
```
#f8f5e3 rgb(248,245,227)
```
#fcfbf2
```
#fcfbf2 rgb(252,251,242)
```

Tint Color Variation

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

#7f7d70
```
#7f7d70 rgb(127,125,112)
```
#888467
```
#888467 rgb(136,132,103)
```
#918b5e
```
#918b5e rgb(145,139,94)
```
#9a9255
```
#9a9255 rgb(154,146,85)
```
#a3994c
```
#a3994c rgb(163,153,76)
```
#ada042
```
#ada042 rgb(173,160,66)
```
#b6a739
```
#b6a739 rgb(182,167,57)
```
#bfae30
```
#bfae30 rgb(191,174,48)
```
#c8b527
```
#c8b527 rgb(200,181,39)
```
#d1bc1e
```
#d1bc1e rgb(209,188,30)
```
#dbc314
```
#dbc314 rgb(219,195,20)
```
#e4ca0b
```
#e4ca0b rgb(228,202,11)
```
#edd102
```
#edd102 rgb(237,209,2)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#aaa78e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b13a Protanopia 1% of men
#dba83f Deuteranopia 1% of men
#cca7b2 Tritanopia 0.001% of the population

Trichromacy

#c3b036 Protanomaly 1% of men, 0.01% of women
#d0aa39 Deuteranomaly 6% of men, 0.4% of women
#c7a983 Tritanomaly 0.01% of the population

#bfae30 hex color

#bfae30 Color Information

#bfae30 Color Conversion

Color Schemes with #bfae30

Alternatives to #bfae30

#bfae30 Preview

Shades and Tints of #bfae30

Tones of #bfae30

Color Blindness Simulator