#b4c768 hex color

In a RGB color space, hex #b4c768 is composed of 70.6% red, 78% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 9.5% cyan, 0% magenta, 47.7% yellow and 22% black. It has a hue angle of 72 degrees, a saturation of 45.9% and a lightness of 59.4%. #b4c768 color hex could be obtained by blending #ffffd0 with #698f00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 71
- G 78
- B 41
RGB color chart
- C 10
- M 0
- Y 48
- K 22
CMYK color chart

● #b4c768 color description : Slightly desaturated yellow.

The hexadecimal color #b4c768 has RGB values of R:180, G:199, B:104 and CMYK values of C:0.1, M:0, Y:0.48, K:0.22. Its decimal value is 11847528.

Hex triplet	b4c768	`#b4c768`
RGB Decimal	180, 199, 104	`rgb(180,199,104)`
RGB Percent	70.6, 78, 40.8	`rgb(70.6%,78%,40.8%)`
CMYK	10, 0, 48, 22
HSL	72°, 45.9, 59.4	`hsl(72,45.9%,59.4%)`
HSV (or HSB)	72°, 47.7, 78
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.011, -20.846, 45.091
XYZ	41.744, 51.55, 20.847
xyY	0.366, 0.452, 51.55
CIE-LCH	77.011, 49.677, 114.811
CIE-LUV	77.011, -7.569, 60.429
Hunter-Lab	71.798, -21.865, 33.043
Binary	10110100, 11000111, 01101000

#b4c768
```
#b4c768 rgb(180,199,104)
```
#7b68c7
```
#7b68c7 rgb(123,104,199)
```

Complementary Color

#c7ab68
```
#c7ab68 rgb(199,171,104)
```
#b4c768
```
#b4c768 rgb(180,199,104)
```
#85c768
```
#85c768 rgb(133,199,104)
```

Analogous Color

#ab68c7
```
#ab68c7 rgb(171,104,199)
```
#b4c768
```
#b4c768 rgb(180,199,104)
```
#6885c7
```
#6885c7 rgb(104,133,199)
```

Split Complementary Color

#c768b4
```
#c768b4 rgb(199,104,180)
```
#b4c768
```
#b4c768 rgb(180,199,104)
```
#68b4c7
```
#68b4c7 rgb(104,180,199)
```

Triadic Color

#c77b68
```
#c77b68 rgb(199,123,104)
```
#b4c768
```
#b4c768 rgb(180,199,104)
```
#68b4c7
```
#68b4c7 rgb(104,180,199)
```
#7b68c7
```
#7b68c7 rgb(123,104,199)
```

Tetradic Color

#90a53d
```
#90a53d rgb(144,165,61)
```
#a1b844
```
#a1b844 rgb(161,184,68)
```
#abc055
```
#abc055 rgb(171,192,85)
```
#b4c768
```
#b4c768 rgb(180,199,104)
```
#bdce7b
```
#bdce7b rgb(189,206,123)
```
#c6d58d
```
#c6d58d rgb(198,213,141)
```
#d0dca0
```
#d0dca0 rgb(208,220,160)
```

Monochromatic Color

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

#c7c268
```
#c7c268 rgb(199,194,104)
```
#c4c768
```
#c4c768 rgb(196,199,104)
```
#bcc768
```
#bcc768 rgb(188,199,104)
```
#b4c768
```
#b4c768 rgb(180,199,104)
```
#acc768
```
#acc768 rgb(172,199,104)
```
#a4c768
```
#a4c768 rgb(164,199,104)
```
#9cc768
```
#9cc768 rgb(156,199,104)
```

Similar Colors

Text with hexadecimal color #b4c768

This text has a font color of #b4c768.

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

#b4c768 background color

This paragraph has a background color of #b4c768.

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

#b4c768 border color

This element has a border color of #b4c768.

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

CSS codes

.text {color:#b4c768;}

.background {background-color:#b4c768;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#121508
```
#121508 rgb(18,21,8)
```
#1f230d
```
#1f230d rgb(31,35,13)
```
#2b3112
```
#2b3112 rgb(43,49,18)
```
#384018
```
#384018 rgb(56,64,24)
```
#444e1d
```
#444e1d rgb(68,78,29)
```
#515c22
```
#515c22 rgb(81,92,34)
```
#5d6b28
```
#5d6b28 rgb(93,107,40)
```
#6a792d
```
#6a792d rgb(106,121,45)
```
#768732
```
#768732 rgb(118,135,50)
```
#839537
```
#839537 rgb(131,149,55)
```
#8fa43d
```
#8fa43d rgb(143,164,61)
```
#9cb242
```
#9cb242 rgb(156,178,66)
```

Shade Color Variation

#a6bc4b
```
#a6bc4b rgb(166,188,75)
```
#adc25a
```
#adc25a rgb(173,194,90)
```
#b4c768
```
#b4c768 rgb(180,199,104)
```
#bbcc76
```
#bbcc76 rgb(187,204,118)
```
#c2d285
```
#c2d285 rgb(194,210,133)
```
#c9d793
```
#c9d793 rgb(201,215,147)
```
#d0dca1
```
#d0dca1 rgb(208,220,161)
```
#d8e2b0
```
#d8e2b0 rgb(216,226,176)
```
#dfe7be
```
#dfe7be rgb(223,231,190)
```
#e6eccc
```
#e6eccc rgb(230,236,204)
```
#edf1da
```
#edf1da rgb(237,241,218)
```
#f4f7e9
```
#f4f7e9 rgb(244,247,233)
```
#fbfcf7
```
#fbfcf7 rgb(251,252,247)
```

Tint Color Variation

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

#9c9f90
```
#9c9f90 rgb(156,159,144)
```
#a1a788
```
#a1a788 rgb(161,167,136)
```
#a6af80
```
#a6af80 rgb(166,175,128)
```
#aab778
```
#aab778 rgb(170,183,120)
```
#afbf70
```
#afbf70 rgb(175,191,112)
```
#b4c768
```
#b4c768 rgb(180,199,104)
```
#b9cf60
```
#b9cf60 rgb(185,207,96)
```
#bed758
```
#bed758 rgb(190,215,88)
```
#c2df50
```
#c2df50 rgb(194,223,80)
```
#c7e748
```
#c7e748 rgb(199,231,72)
```
#ccef40
```
#ccef40 rgb(204,239,64)
```
#d1f738
```
#d1f738 rgb(209,247,56)
```
#d5ff30
```
#d5ff30 rgb(213,255,48)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b6b9a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c16d Protanopia 1% of men
#e9b975 Deuteranopia 1% of men
#c4bfcc Tritanopia 0.001% of the population

Trichromacy

#c8c36b Protanomaly 1% of men, 0.01% of women
#d6be70 Deuteranomaly 6% of men, 0.4% of women
#bec2a8 Tritanomaly 0.01% of the population

#b4c768 hex color

#b4c768 Color Information

#b4c768 Color Conversion

Color Schemes with #b4c768

Alternatives to #b4c768

#b4c768 Preview

Shades and Tints of #b4c768

Tones of #b4c768

Color Blindness Simulator