#bfc386 hex color

In a RGB color space, hex #bfc386 is composed of 74.9% red, 76.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 2.1% cyan, 0% magenta, 31.3% yellow and 23.5% black. It has a hue angle of 63.9 degrees, a saturation of 33.7% and a lightness of 64.5%. #bfc386 color hex could be obtained by blending #ffffff with #7f870d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 75
- G 76
- B 53
RGB color chart
- C 2
- M 0
- Y 31
- K 24
CMYK color chart

● #bfc386 color description : Slightly desaturated yellow.

The hexadecimal color #bfc386 has RGB values of R:191, G:195, B:134 and CMYK values of C:0.02, M:0, Y:0.31, K:0.24. Its decimal value is 12567430.

Hex triplet	bfc386	`#bfc386`
RGB Decimal	191, 195, 134	`rgb(191,195,134)`
RGB Percent	74.9, 76.5, 52.5	`rgb(74.9%,76.5%,52.5%)`
CMYK	2, 0, 31, 24
HSL	63.9°, 33.7, 64.5	`hsl(63.9,33.7%,64.5%)`
HSV (or HSB)	63.9°, 31.3, 76.5
Web Safe	cccc99	`#cccc99`

CIE-LAB	77.178, -11.058, 30.264
XYZ	45.303, 51.828, 30.17
xyY	0.356, 0.407, 51.828
CIE-LCH	77.178, 32.221, 110.071
CIE-LUV	77.178, 0.592, 42.574
Hunter-Lab	71.992, -13.658, 25.547
Binary	10111111, 11000011, 10000110

#bfc386
```
#bfc386 rgb(191,195,134)
```
#8a86c3
```
#8a86c3 rgb(138,134,195)
```

Complementary Color

#c3a986
```
#c3a986 rgb(195,169,134)
```
#bfc386
```
#bfc386 rgb(191,195,134)
```
#a1c386
```
#a1c386 rgb(161,195,134)
```

Analogous Color

#a986c3
```
#a986c3 rgb(169,134,195)
```
#bfc386
```
#bfc386 rgb(191,195,134)
```
#86a1c3
```
#86a1c3 rgb(134,161,195)
```

Split Complementary Color

#c386bf
```
#c386bf rgb(195,134,191)
```
#bfc386
```
#bfc386 rgb(191,195,134)
```
#86bfc3
```
#86bfc3 rgb(134,191,195)
```

Triadic Color

#c38a86
```
#c38a86 rgb(195,138,134)
```
#bfc386
```
#bfc386 rgb(191,195,134)
```
#86bfc3
```
#86bfc3 rgb(134,191,195)
```
#8a86c3
```
#8a86c3 rgb(138,134,195)
```

Tetradic Color

#a3a954
```
#a3a954 rgb(163,169,84)
```
#adb264
```
#adb264 rgb(173,178,100)
```
#b6bb75
```
#b6bb75 rgb(182,187,117)
```
#bfc386
```
#bfc386 rgb(191,195,134)
```
#c8cb97
```
#c8cb97 rgb(200,203,151)
```
#d1d4a8
```
#d1d4a8 rgb(209,212,168)
```
#dadcb9
```
#dadcb9 rgb(218,220,185)
```

Monochromatic Color

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

#c3b886
```
#c3b886 rgb(195,184,134)
```
#c3bd86
```
#c3bd86 rgb(195,189,134)
```
#c3c286
```
#c3c286 rgb(195,194,134)
```
#bfc386
```
#bfc386 rgb(191,195,134)
```
#bac386
```
#bac386 rgb(186,195,134)
```
#b5c386
```
#b5c386 rgb(181,195,134)
```
#b0c386
```
#b0c386 rgb(176,195,134)
```

Similar Colors

Text with hexadecimal color #bfc386

This text has a font color of #bfc386.

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

#bfc386 background color

This paragraph has a background color of #bfc386.

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

#bfc386 border color

This element has a border color of #bfc386.

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

CSS codes

.text {color:#bfc386;}

.background {background-color:#bfc386;}

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

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

#0a0a05
```
#0a0a05 rgb(10,10,5)
```
#16170c
```
#16170c rgb(22,23,12)
```
#232412
```
#232412 rgb(35,36,18)
```
#303119
```
#303119 rgb(48,49,25)
```
#3d3f1f
```
#3d3f1f rgb(61,63,31)
```
#494c26
```
#494c26 rgb(73,76,38)
```
#56592c
```
#56592c rgb(86,89,44)
```
#636633
```
#636633 rgb(99,102,51)
```
#6f7339
```
#6f7339 rgb(111,115,57)
```
#7c8040
```
#7c8040 rgb(124,128,64)
```
#898d46
```
#898d46 rgb(137,141,70)
```
#959a4d
```
#959a4d rgb(149,154,77)
```
#a2a753
```
#a2a753 rgb(162,167,83)
```

Shade Color Variation

#aaaf5f
```
#aaaf5f rgb(170,175,95)
```
#b1b66c
```
#b1b66c rgb(177,182,108)
```
#b8bc79
```
#b8bc79 rgb(184,188,121)
```
#bfc386
```
#bfc386 rgb(191,195,134)
```
#c6ca93
```
#c6ca93 rgb(198,202,147)
```
#cdd0a0
```
#cdd0a0 rgb(205,208,160)
```
#d4d7ad
```
#d4d7ad rgb(212,215,173)
```
#dbddba
```
#dbddba rgb(219,221,186)
```
#e2e4c8
```
#e2e4c8 rgb(226,228,200)
```
#e9ead5
```
#e9ead5 rgb(233,234,213)
```
#f0f1e2
```
#f0f1e2 rgb(240,241,226)
```
#f6f7ef
```
#f6f7ef rgb(246,247,239)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#a7a7a2
```
#a7a7a2 rgb(167,167,162)
```
#adae9b
```
#adae9b rgb(173,174,155)
```
#b3b594
```
#b3b594 rgb(179,181,148)
```
#b9bc8d
```
#b9bc8d rgb(185,188,141)
```
#bfc386
```
#bfc386 rgb(191,195,134)
```
#c5ca7f
```
#c5ca7f rgb(197,202,127)
```
#cbd178
```
#cbd178 rgb(203,209,120)
```
#d1d871
```
#d1d871 rgb(209,216,113)
```
#d7df6a
```
#d7df6a rgb(215,223,106)
```
#dde663
```
#dde663 rgb(221,230,99)
```
#e3ed5c
```
#e3ed5c rgb(227,237,92)
```
#e9f455
```
#e9f455 rgb(233,244,85)
```
#effb4e
```
#effb4e rgb(239,251,78)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bcbdb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c18a Protanopia 1% of men
#e4ba8f Deuteranopia 1% of men
#cbbdcb Tritanopia 0.001% of the population

Trichromacy

#cac288 Protanomaly 1% of men, 0.01% of women
#d6bd8c Deuteranomaly 6% of men, 0.4% of women
#c6bfb2 Tritanomaly 0.01% of the population

#bfc386 hex color

#bfc386 Color Information

#bfc386 Color Conversion

Color Schemes with #bfc386

Alternatives to #bfc386

#bfc386 Preview

Shades and Tints of #bfc386

Tones of #bfc386

Color Blindness Simulator