colorhexa.com

#bfb448 hex color

In a RGB color space, hex #bfb448 is composed of 74.9% red, 70.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.8% magenta, 62.3% yellow and 25.1% black. It has a hue angle of 54.5 degrees, a saturation of 48.2% and a lightness of 51.6%. #bfb448 color hex could be obtained by blending #ffff90 with #7f6900. Closest websafe color is: #cccc33.

- R 75
- G 71
- B 28
RGB color chart
- C 0
- M 6
- Y 62
- K 25
CMYK color chart

● #bfb448 color description : Moderate yellow.

The hexadecimal color #bfb448 has RGB values of R:191, G:180, B:72 and CMYK values of C:0, M:0.06, Y:0.62, K:0.25. Its decimal value is 12563528.

Hex triplet	bfb448	`#bfb448`
RGB Decimal	191, 180, 72	`rgb(191,180,72)`
RGB Percent	74.9, 70.6, 28.2	`rgb(74.9%,70.6%,28.2%)`
CMYK	0, 6, 62, 25
HSL	54.5°, 48.2, 51.6	`hsl(54.5,48.2%,51.6%)`
HSV (or HSB)	54.5°, 62.3, 74.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	72.354, -9.363, 54.856
XYZ	38.977, 44.188, 12.606
xyY	0.407, 0.461, 44.188
CIE-LCH	72.354, 55.649, 99.686
CIE-LUV	72.354, 12.187, 65.243
Hunter-Lab	66.474, -11.666, 35.288
Binary	10111111, 10110100, 01001000

#bfb448
```
#bfb448 rgb(191,180,72)
```
#4853bf
```
#4853bf rgb(72,83,191)
```

Complementary Color

#bf7948
```
#bf7948 rgb(191,121,72)
```
#bfb448
```
#bfb448 rgb(191,180,72)
```
#8fbf48
```
#8fbf48 rgb(143,191,72)
```

Analogous Color

#7948bf
```
#7948bf rgb(121,72,191)
```
#bfb448
```
#bfb448 rgb(191,180,72)
```
#488fbf
```
#488fbf rgb(72,143,191)
```

Split Complementary Color

#b448bf
```
#b448bf rgb(180,72,191)
```
#bfb448
```
#bfb448 rgb(191,180,72)
```
#48bfb4
```
#48bfb4 rgb(72,191,180)
```

Triadic Color

#bf4853
```
#bf4853 rgb(191,72,83)
```
#bfb448
```
#bfb448 rgb(191,180,72)
```
#48bfb4
```
#48bfb4 rgb(72,191,180)
```
#4853bf
```
#4853bf rgb(72,83,191)
```

Tetradic Color

#8a8230
```
#8a8230 rgb(138,130,48)
```
#9d9437
```
#9d9437 rgb(157,148,55)
```
#b0a53e
```
#b0a53e rgb(176,165,62)
```
#bfb448
```
#bfb448 rgb(191,180,72)
```
#c6bc5b
```
#c6bc5b rgb(198,188,91)
```
#ccc36e
```
#ccc36e rgb(204,195,110)
```
#d3cb81
```
#d3cb81 rgb(211,203,129)
```

Monochromatic Color

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

#bf9648
```
#bf9648 rgb(191,150,72)
```
#bfa048
```
#bfa048 rgb(191,160,72)
```
#bfaa48
```
#bfaa48 rgb(191,170,72)
```
#bfb448
```
#bfb448 rgb(191,180,72)
```
#bfbe48
```
#bfbe48 rgb(191,190,72)
```
#b6bf48
```
#b6bf48 rgb(182,191,72)
```
#acbf48
```
#acbf48 rgb(172,191,72)
```

Similar Colors

Text with hexadecimal color #bfb448

This text has a font color of #bfb448.

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

#bfb448 background color

This paragraph has a background color of #bfb448.

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

#bfb448 border color

This element has a border color of #bfb448.

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

CSS codes

.text {color:#bfb448;}

.background {background-color:#bfb448;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#141307
```
#141307 rgb(20,19,7)
```
#23210c
```
#23210c rgb(35,33,12)
```
#322f11
```
#322f11 rgb(50,47,17)
```
#403c16
```
#403c16 rgb(64,60,22)
```
#4f4a1b
```
#4f4a1b rgb(79,74,27)
```
#5d5821
```
#5d5821 rgb(93,88,33)
```
#6c6526
```
#6c6526 rgb(108,101,38)
```
#7a732b
```
#7a732b rgb(122,115,43)
```
#898130
```
#898130 rgb(137,129,48)
```
#978e35
```
#978e35 rgb(151,142,53)
```
#a69c3a
```
#a69c3a rgb(166,156,58)
```
#b4a93f
```
#b4a93f rgb(180,169,63)
```

Shade Color Variation

#bfb448
```
#bfb448 rgb(191,180,72)
```
#c4ba57
```
#c4ba57 rgb(196,186,87)
```
#c9c065
```
#c9c065 rgb(201,192,101)
```
#cec674
```
#cec674 rgb(206,198,116)
```
#d3cc82
```
#d3cc82 rgb(211,204,130)
```
#d8d291
```
#d8d291 rgb(216,210,145)
```
#ddd89f
```
#ddd89f rgb(221,216,159)
```
#e3deae
```
#e3deae rgb(227,222,174)
```
#e8e4bc
```
#e8e4bc rgb(232,228,188)
```
#edeacb
```
#edeacb rgb(237,234,203)
```
#f2f0d9
```
#f2f0d9 rgb(242,240,217)
```
#f7f6e8
```
#f7f6e8 rgb(247,246,232)
```
#fcfbf6
```
#fcfbf6 rgb(252,251,246)
```

Tint Color Variation

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

#868681
```
#868681 rgb(134,134,129)
```
#908d78
```
#908d78 rgb(144,141,120)
```
#99956e
```
#99956e rgb(153,149,110)
```
#a39d65
```
#a39d65 rgb(163,157,101)
```
#aca55b
```
#aca55b rgb(172,165,91)
```
#b6ac52
```
#b6ac52 rgb(182,172,82)
```
#bfb448
```
#bfb448 rgb(191,180,72)
```
#c9bc3f
```
#c9bc3f rgb(201,188,63)
```
#d2c335
```
#d2c335 rgb(210,195,53)
```
#dccb2c
```
#dccb2c rgb(220,203,44)
```
#e5d322
```
#e5d322 rgb(229,211,34)
```
#efdb19
```
#efdb19 rgb(239,219,25)
```
#f8e20f
```
#f8e20f rgb(248,226,15)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#afad97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b550 Protanopia 1% of men
#dead55 Deuteranopia 1% of men
#ccadb9 Tritanopia 0.001% of the population

Trichromacy

#c5b54d Protanomaly 1% of men, 0.01% of women
#d3af50 Deuteranomaly 6% of men, 0.4% of women
#c7af90 Tritanomaly 0.01% of the population