#b2bf68 hex color

In a RGB color space, hex #b2bf68 is composed of 69.8% red, 74.9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 6.8% cyan, 0% magenta, 45.5% yellow and 25.1% black. It has a hue angle of 69 degrees, a saturation of 40.5% and a lightness of 57.8%. #b2bf68 color hex could be obtained by blending #ffffd0 with #657f00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 70
- G 75
- B 41
RGB color chart
- C 7
- M 0
- Y 46
- K 25
CMYK color chart

● #b2bf68 color description : Slightly desaturated yellow.

The hexadecimal color #b2bf68 has RGB values of R:178, G:191, B:104 and CMYK values of C:0.07, M:0, Y:0.46, K:0.25. Its decimal value is 11714408.

Hex triplet	b2bf68	`#b2bf68`
RGB Decimal	178, 191, 104	`rgb(178,191,104)`
RGB Percent	69.8, 74.9, 40.8	`rgb(69.8%,74.9%,40.8%)`
CMYK	7, 0, 46, 25
HSL	69°, 40.5, 57.8	`hsl(69,40.5%,57.8%)`
HSV (or HSB)	69°, 45.5, 74.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.652, -17.649, 42.177
XYZ	39.489, 47.726, 20.228
xyY	0.368, 0.444, 47.726
CIE-LCH	74.652, 45.721, 112.707
CIE-LUV	74.652, -4.155, 56.301
Hunter-Lab	69.084, -18.865, 30.999
Binary	10110010, 10111111, 01101000

#b2bf68
```
#b2bf68 rgb(178,191,104)
```
#7568bf
```
#7568bf rgb(117,104,191)
```

Complementary Color

#bfa168
```
#bfa168 rgb(191,161,104)
```
#b2bf68
```
#b2bf68 rgb(178,191,104)
```
#87bf68
```
#87bf68 rgb(135,191,104)
```

Analogous Color

#a168bf
```
#a168bf rgb(161,104,191)
```
#b2bf68
```
#b2bf68 rgb(178,191,104)
```
#6887bf
```
#6887bf rgb(104,135,191)
```

Split Complementary Color

#bf68b2
```
#bf68b2 rgb(191,104,178)
```
#b2bf68
```
#b2bf68 rgb(178,191,104)
```
#68b2bf
```
#68b2bf rgb(104,178,191)
```

Triadic Color

#bf7568
```
#bf7568 rgb(191,117,104)
```
#b2bf68
```
#b2bf68 rgb(178,191,104)
```
#68b2bf
```
#68b2bf rgb(104,178,191)
```
#7568bf
```
#7568bf rgb(117,104,191)
```

Tetradic Color

#8c9941
```
#8c9941 rgb(140,153,65)
```
#9dab49
```
#9dab49 rgb(157,171,73)
```
#a9b756
```
#a9b756 rgb(169,183,86)
```
#b2bf68
```
#b2bf68 rgb(178,191,104)
```
#bbc77a
```
#bbc77a rgb(187,199,122)
```
#c4ce8c
```
#c4ce8c rgb(196,206,140)
```
#cdd69e
```
#cdd69e rgb(205,214,158)
```

Monochromatic Color

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

#bfb668
```
#bfb668 rgb(191,182,104)
```
#bfbe68
```
#bfbe68 rgb(191,190,104)
```
#b9bf68
```
#b9bf68 rgb(185,191,104)
```
#b2bf68
```
#b2bf68 rgb(178,191,104)
```
#abbf68
```
#abbf68 rgb(171,191,104)
```
#a4bf68
```
#a4bf68 rgb(164,191,104)
```
#9cbf68
```
#9cbf68 rgb(156,191,104)
```

Similar Colors

Text with hexadecimal color #b2bf68

This text has a font color of #b2bf68.

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

#b2bf68 background color

This paragraph has a background color of #b2bf68.

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

#b2bf68 border color

This element has a border color of #b2bf68.

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

CSS codes

.text {color:#b2bf68;}

.background {background-color:#b2bf68;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0d0e06
```
#0d0e06 rgb(13,14,6)
```
#1a1c0c
```
#1a1c0c rgb(26,28,12)
```
#262a12
```
#262a12 rgb(38,42,18)
```
#333818
```
#333818 rgb(51,56,24)
```
#3f451d
```
#3f451d rgb(63,69,29)
```
#4c5323
```
#4c5323 rgb(76,83,35)
```
#596129
```
#596129 rgb(89,97,41)
```
#656f2f
```
#656f2f rgb(101,111,47)
```
#727d35
```
#727d35 rgb(114,125,53)
```
#7e8a3b
```
#7e8a3b rgb(126,138,59)
```
#8b9840
```
#8b9840 rgb(139,152,64)
```
#98a646
```
#98a646 rgb(152,166,70)
```

Shade Color Variation

#a4b34c
```
#a4b34c rgb(164,179,76)
```
#abb95a
```
#abb95a rgb(171,185,90)
```
#b2bf68
```
#b2bf68 rgb(178,191,104)
```
#b9c576
```
#b9c576 rgb(185,197,118)
```
#c0cb84
```
#c0cb84 rgb(192,203,132)
```
#c7d191
```
#c7d191 rgb(199,209,145)
```
#ced69f
```
#ced69f rgb(206,214,159)
```
#d5dcad
```
#d5dcad rgb(213,220,173)
```
#dce2bb
```
#dce2bb rgb(220,226,187)
```
#e3e8c8
```
#e3e8c8 rgb(227,232,200)
```
#eaeed6
```
#eaeed6 rgb(234,238,214)
```
#f1f4e4
```
#f1f4e4 rgb(241,244,228)
```
#f8f9f2
```
#f8f9f2 rgb(248,249,242)
```

Tint Color Variation

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

#959691
```
#959691 rgb(149,150,145)
```
#9b9e89
```
#9b9e89 rgb(155,158,137)
```
#a1a681
```
#a1a681 rgb(161,166,129)
```
#a6ae79
```
#a6ae79 rgb(166,174,121)
```
#acb770
```
#acb770 rgb(172,183,112)
```
#b2bf68
```
#b2bf68 rgb(178,191,104)
```
#b8c760
```
#b8c760 rgb(184,199,96)
```
#bed057
```
#bed057 rgb(190,208,87)
```
#c3d84f
```
#c3d84f rgb(195,216,79)
```
#c9e047
```
#c9e047 rgb(201,224,71)
```
#cfe83f
```
#cfe83f rgb(207,232,63)
```
#d5f136
```
#d5f136 rgb(213,241,54)
```
#dbf92e
```
#dbf92e rgb(219,249,46)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b4a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbb6d Protanopia 1% of men
#e1b374 Deuteranopia 1% of men
#c1b8c5 Tritanopia 0.001% of the population

Trichromacy

#c3bc6b Protanomaly 1% of men, 0.01% of women
#d0b770 Deuteranomaly 6% of men, 0.4% of women
#bbbaa3 Tritanomaly 0.01% of the population

#b2bf68 hex color

#b2bf68 Color Information

#b2bf68 Color Conversion

Color Schemes with #b2bf68

Alternatives to #b2bf68

#b2bf68 Preview

Shades and Tints of #b2bf68

Tones of #b2bf68

Color Blindness Simulator