#b4c168 hex color

In a RGB color space, hex #b4c168 is composed of 70.6% red, 75.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 6.7% cyan, 0% magenta, 46.1% yellow and 24.3% black. It has a hue angle of 68.8 degrees, a saturation of 41.8% and a lightness of 58.2%. #b4c168 color hex could be obtained by blending #ffffd0 with #698300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 71
- G 76
- B 41
RGB color chart
- C 7
- M 0
- Y 46
- K 24
CMYK color chart

● #b4c168 color description : Slightly desaturated yellow.

The hexadecimal color #b4c168 has RGB values of R:180, G:193, B:104 and CMYK values of C:0.07, M:0, Y:0.46, K:0.24. Its decimal value is 11845992.

Hex triplet	b4c168	`#b4c168`
RGB Decimal	180, 193, 104	`rgb(180,193,104)`
RGB Percent	70.6, 75.7, 40.8	`rgb(70.6%,75.7%,40.8%)`
CMYK	7, 0, 46, 24
HSL	68.8°, 41.8, 58.2	`hsl(68.8,41.8%,58.2%)`
HSV (or HSB)	68.8°, 46.1, 75.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.353, -17.855, 43.071
XYZ	40.391, 48.843, 20.396
xyY	0.368, 0.446, 48.843
CIE-LCH	75.353, 46.626, 112.516
CIE-LUV	75.353, -4.086, 57.41
Hunter-Lab	69.888, -19.142, 31.618
Binary	10110100, 11000001, 01101000

#b4c168
```
#b4c168 rgb(180,193,104)
```
#7568c1
```
#7568c1 rgb(117,104,193)
```

Complementary Color

#c1a268
```
#c1a268 rgb(193,162,104)
```
#b4c168
```
#b4c168 rgb(180,193,104)
```
#88c168
```
#88c168 rgb(136,193,104)
```

Analogous Color

#a268c1
```
#a268c1 rgb(162,104,193)
```
#b4c168
```
#b4c168 rgb(180,193,104)
```
#6888c1
```
#6888c1 rgb(104,136,193)
```

Split Complementary Color

#c168b4
```
#c168b4 rgb(193,104,180)
```
#b4c168
```
#b4c168 rgb(180,193,104)
```
#68b4c1
```
#68b4c1 rgb(104,180,193)
```

Triadic Color

#c17568
```
#c17568 rgb(193,117,104)
```
#b4c168
```
#b4c168 rgb(180,193,104)
```
#68b4c1
```
#68b4c1 rgb(104,180,193)
```
#7568c1
```
#7568c1 rgb(117,104,193)
```

Tetradic Color

#8f9c40
```
#8f9c40 rgb(143,156,64)
```
#9fae48
```
#9fae48 rgb(159,174,72)
```
#abba56
```
#abba56 rgb(171,186,86)
```
#b4c168
```
#b4c168 rgb(180,193,104)
```
#bdc87a
```
#bdc87a rgb(189,200,122)
```
#c6d08c
```
#c6d08c rgb(198,208,140)
```
#cfd79e
```
#cfd79e rgb(207,215,158)
```

Monochromatic Color

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

#c1b868
```
#c1b868 rgb(193,184,104)
```
#c1bf68
```
#c1bf68 rgb(193,191,104)
```
#bbc168
```
#bbc168 rgb(187,193,104)
```
#b4c168
```
#b4c168 rgb(180,193,104)
```
#adc168
```
#adc168 rgb(173,193,104)
```
#a5c168
```
#a5c168 rgb(165,193,104)
```
#9ec168
```
#9ec168 rgb(158,193,104)
```

Similar Colors

Text with hexadecimal color #b4c168

This text has a font color of #b4c168.

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

#b4c168 background color

This paragraph has a background color of #b4c168.

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

#b4c168 border color

This element has a border color of #b4c168.

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

CSS codes

.text {color:#b4c168;}

.background {background-color:#b4c168;}

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

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 #f9faf3 is the lightest one.

#020201
```
#020201 rgb(2,2,1)
```
#0f1007
```
#0f1007 rgb(15,16,7)
```
#1b1e0c
```
#1b1e0c rgb(27,30,12)
```
#282c12
```
#282c12 rgb(40,44,18)
```
#353a18
```
#353a18 rgb(53,58,24)
```
#41471d
```
#41471d rgb(65,71,29)
```
#4e5523
```
#4e5523 rgb(78,85,35)
```
#5b6329
```
#5b6329 rgb(91,99,41)
```
#67712e
```
#67712e rgb(103,113,46)
```
#747f34
```
#747f34 rgb(116,127,52)
```
#818d3a
```
#818d3a rgb(129,141,58)
```
#8e9b40
```
#8e9b40 rgb(142,155,64)
```
#9aa945
```
#9aa945 rgb(154,169,69)
```

Shade Color Variation

#a6b64c
```
#a6b64c rgb(166,182,76)
```
#adbb5a
```
#adbb5a rgb(173,187,90)
```
#b4c168
```
#b4c168 rgb(180,193,104)
```
#bbc776
```
#bbc776 rgb(187,199,118)
```
#c2cc84
```
#c2cc84 rgb(194,204,132)
```
#c9d292
```
#c9d292 rgb(201,210,146)
```
#d0d8a0
```
#d0d8a0 rgb(208,216,160)
```
#d7deae
```
#d7deae rgb(215,222,174)
```
#dde3bb
```
#dde3bb rgb(221,227,187)
```
#e4e9c9
```
#e4e9c9 rgb(228,233,201)
```
#ebefd7
```
#ebefd7 rgb(235,239,215)
```
#f2f4e5
```
#f2f4e5 rgb(242,244,229)
```
#f9faf3
```
#f9faf3 rgb(249,250,243)
```

Tint Color Variation

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

#979891
```
#979891 rgb(151,152,145)
```
#9da089
```
#9da089 rgb(157,160,137)
```
#a3a881
```
#a3a881 rgb(163,168,129)
```
#a8b178
```
#a8b178 rgb(168,177,120)
```
#aeb970
```
#aeb970 rgb(174,185,112)
```
#b4c168
```
#b4c168 rgb(180,193,104)
```
#bac960
```
#bac960 rgb(186,201,96)
```
#c0d158
```
#c0d158 rgb(192,209,88)
```
#c5da4f
```
#c5da4f rgb(197,218,79)
```
#cbe247
```
#cbe247 rgb(203,226,71)
```
#d1ea3f
```
#d1ea3f rgb(209,234,63)
```
#d7f237
```
#d7f237 rgb(215,242,55)
```
#ddfa2f
```
#ddfa2f rgb(221,250,47)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b3b6a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbd6d Protanopia 1% of men
#e3b574 Deuteranopia 1% of men
#c3bac7 Tritanopia 0.001% of the population

Trichromacy

#c5be6b Protanomaly 1% of men, 0.01% of women
#d2b970 Deuteranomaly 6% of men, 0.4% of women
#bdbca4 Tritanomaly 0.01% of the population

#b4c168 hex color

#b4c168 Color Information

#b4c168 Color Conversion

Color Schemes with #b4c168

Alternatives to #b4c168

#b4c168 Preview

Shades and Tints of #b4c168

Tones of #b4c168

Color Blindness Simulator