#bfa557 hex color

In a RGB color space, hex #bfa557 is composed of 74.9% red, 64.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.6% magenta, 54.5% yellow and 25.1% black. It has a hue angle of 45 degrees, a saturation of 44.8% and a lightness of 54.5%. #bfa557 color hex could be obtained by blending #ffffae with #7f4b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 75
- G 65
- B 34
RGB color chart
- C 0
- M 14
- Y 54
- K 25
CMYK color chart

● #bfa557 color description : Moderate yellow.

The hexadecimal color #bfa557 has RGB values of R:191, G:165, B:87 and CMYK values of C:0, M:0.14, Y:0.54, K:0.25. Its decimal value is 12559703.

Hex triplet	bfa557	`#bfa557`
RGB Decimal	191, 165, 87	`rgb(191,165,87)`
RGB Percent	74.9, 64.7, 34.1	`rgb(74.9%,64.7%,34.1%)`
CMYK	0, 14, 54, 25
HSL	45°, 44.8, 54.5	`hsl(45,44.8%,54.5%)`
HSV (or HSB)	45°, 54.5, 74.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.516, -0.327, 43.466
XYZ	36.661, 38.676, 14.55
xyY	0.408, 0.43, 38.676
CIE-LCH	68.516, 43.467, 90.431
CIE-LUV	68.516, 21.554, 52.286
Hunter-Lab	62.19, -3.606, 29.661
Binary	10111111, 10100101, 01010111

#bfa557
```
#bfa557 rgb(191,165,87)
```
#5771bf
```
#5771bf rgb(87,113,191)
```

Complementary Color

#bf7157
```
#bf7157 rgb(191,113,87)
```
#bfa557
```
#bfa557 rgb(191,165,87)
```
#a5bf57
```
#a5bf57 rgb(165,191,87)
```

Analogous Color

#7157bf
```
#7157bf rgb(113,87,191)
```
#bfa557
```
#bfa557 rgb(191,165,87)
```
#57a5bf
```
#57a5bf rgb(87,165,191)
```

Split Complementary Color

#a557bf
```
#a557bf rgb(165,87,191)
```
#bfa557
```
#bfa557 rgb(191,165,87)
```
#57bfa5
```
#57bfa5 rgb(87,191,165)
```

Triadic Color

#bf5771
```
#bf5771 rgb(191,87,113)
```
#bfa557
```
#bfa557 rgb(191,165,87)
```
#57bfa5
```
#57bfa5 rgb(87,191,165)
```
#5771bf
```
#5771bf rgb(87,113,191)
```

Tetradic Color

#927b38
```
#927b38 rgb(146,123,56)
```
#a48b3f
```
#a48b3f rgb(164,139,63)
```
#b79b46
```
#b79b46 rgb(183,155,70)
```
#bfa557
```
#bfa557 rgb(191,165,87)
```
#c6af69
```
#c6af69 rgb(198,175,105)
```
#cdb97c
```
#cdb97c rgb(205,185,124)
```
#d4c38e
```
#d4c38e rgb(212,195,142)
```

Monochromatic Color

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

#bf8b57
```
#bf8b57 rgb(191,139,87)
```
#bf9457
```
#bf9457 rgb(191,148,87)
```
#bf9c57
```
#bf9c57 rgb(191,156,87)
```
#bfa557
```
#bfa557 rgb(191,165,87)
```
#bfae57
```
#bfae57 rgb(191,174,87)
```
#bfb657
```
#bfb657 rgb(191,182,87)
```
#bfbf57
```
#bfbf57 rgb(191,191,87)
```

Similar Colors

Text with hexadecimal color #bfa557

This text has a font color of #bfa557.

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

#bfa557 background color

This paragraph has a background color of #bfa557.

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

#bfa557 border color

This element has a border color of #bfa557.

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

CSS codes

.text {color:#bfa557;}

.background {background-color:#bfa557;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#110e06
```
#110e06 rgb(17,14,6)
```
#1f1a0c
```
#1f1a0c rgb(31,26,12)
```
#2d2611
```
#2d2611 rgb(45,38,17)
```
#3b3217
```
#3b3217 rgb(59,50,23)
```
#493e1c
```
#493e1c rgb(73,62,28)
```
#584a21
```
#584a21 rgb(88,74,33)
```
#665627
```
#665627 rgb(102,86,39)
```
#74622c
```
#74622c rgb(116,98,44)
```
#826e32
```
#826e32 rgb(130,110,50)
```
#907a37
```
#907a37 rgb(144,122,55)
```
#9f863c
```
#9f863c rgb(159,134,60)
```
#ad9242
```
#ad9242 rgb(173,146,66)
```

Shade Color Variation

#ba9d49
```
#ba9d49 rgb(186,157,73)
```
#bfa557
```
#bfa557 rgb(191,165,87)
```
#c4ad65
```
#c4ad65 rgb(196,173,101)
```
#cab473
```
#cab473 rgb(202,180,115)
```
#cfbc82
```
#cfbc82 rgb(207,188,130)
```
#d5c390
```
#d5c390 rgb(213,195,144)
```
#dacb9e
```
#dacb9e rgb(218,203,158)
```
#dfd3ac
```
#dfd3ac rgb(223,211,172)
```
#e5daba
```
#e5daba rgb(229,218,186)
```
#eae2c9
```
#eae2c9 rgb(234,226,201)
```
#f0e9d7
```
#f0e9d7 rgb(240,233,215)
```
#f5f1e5
```
#f5f1e5 rgb(245,241,229)
```
#fbf9f3
```
#fbf9f3 rgb(251,249,243)
```

Tint Color Variation

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

#928f84
```
#928f84 rgb(146,143,132)
```
#9b937b
```
#9b937b rgb(155,147,123)
```
#a49872
```
#a49872 rgb(164,152,114)
```
#ad9c69
```
#ad9c69 rgb(173,156,105)
```
#b6a160
```
#b6a160 rgb(182,161,96)
```
#bfa557
```
#bfa557 rgb(191,165,87)
```
#c8a94e
```
#c8a94e rgb(200,169,78)
```
#d1ae45
```
#d1ae45 rgb(209,174,69)
```
#dab23c
```
#dab23c rgb(218,178,60)
```
#e3b733
```
#e3b733 rgb(227,183,51)
```
#ecbb2a
```
#ecbb2a rgb(236,187,42)
```
#f5c021
```
#f5c021 rgb(245,192,33)
```
#fdc419
```
#fdc419 rgb(253,196,25)
```

Tone Color Variation

Below, you can see how #bfa557 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
#a9a495 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcab60 Protanopia 1% of men
#d0a461 Deuteranopia 1% of men
#caa0ac Tritanopia 0.001% of the population

Trichromacy

#bda95d Protanomaly 1% of men, 0.01% of women
#caa45d Deuteranomaly 6% of men, 0.4% of women
#c6a28d Tritanomaly 0.01% of the population

#bfa557 hex color

#bfa557 Color Information

#bfa557 Color Conversion

Color Schemes with #bfa557

Alternatives to #bfa557

#bfa557 Preview

Shades and Tints of #bfa557

Tones of #bfa557

Color Blindness Simulator