#b4ca2e hex color

In a RGB color space, hex #b4ca2e is composed of 70.6% red, 79.2% green and 18% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 0% magenta, 77.2% yellow and 20.8% black. It has a hue angle of 68.5 degrees, a saturation of 62.9% and a lightness of 48.6%. #b4ca2e color hex could be obtained by blending #ffff5c with #699500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 79
- B 18
RGB color chart
- C 11
- M 0
- Y 77
- K 21
CMYK color chart

● #b4ca2e color description : Strong yellow.

The hexadecimal color #b4ca2e has RGB values of R:180, G:202, B:46 and CMYK values of C:0.11, M:0, Y:0.77, K:0.21. Its decimal value is 11848238.

Hex triplet	b4ca2e	`#b4ca2e`
RGB Decimal	180, 202, 46	`rgb(180,202,46)`
RGB Percent	70.6, 79.2, 18	`rgb(70.6%,79.2%,18%)`
CMYK	11, 0, 77, 21
HSL	68.5°, 62.9, 48.6	`hsl(68.5,62.9%,48.6%)`
HSV (or HSB)	68.5°, 77.2, 79.2
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.365, -26.387, 69.205
XYZ	40.436, 52.142, 10.519
xyY	0.392, 0.506, 52.142
CIE-LCH	77.365, 74.065, 110.871
CIE-LUV	77.365, -8.52, 81.557
Hunter-Lab	72.209, -26.409, 41.91
Binary	10110100, 11001010, 00101110

#b4ca2e
```
#b4ca2e rgb(180,202,46)
```
#442eca
```
#442eca rgb(68,46,202)
```

Complementary Color

#ca922e
```
#ca922e rgb(202,146,46)
```
#b4ca2e
```
#b4ca2e rgb(180,202,46)
```
#66ca2e
```
#66ca2e rgb(102,202,46)
```

Analogous Color

#922eca
```
#922eca rgb(146,46,202)
```
#b4ca2e
```
#b4ca2e rgb(180,202,46)
```
#2e66ca
```
#2e66ca rgb(46,102,202)
```

Split Complementary Color

#ca2eb4
```
#ca2eb4 rgb(202,46,180)
```
#b4ca2e
```
#b4ca2e rgb(180,202,46)
```
#2eb4ca
```
#2eb4ca rgb(46,180,202)
```

Triadic Color

#ca442e
```
#ca442e rgb(202,68,46)
```
#b4ca2e
```
#b4ca2e rgb(180,202,46)
```
#2eb4ca
```
#2eb4ca rgb(46,180,202)
```
#442eca
```
#442eca rgb(68,46,202)
```

Tetradic Color

#7c8c20
```
#7c8c20 rgb(124,140,32)
```
#8fa025
```
#8fa025 rgb(143,160,37)
```
#a1b529
```
#a1b529 rgb(161,181,41)
```
#b4ca2e
```
#b4ca2e rgb(180,202,46)
```
#bed33e
```
#bed33e rgb(190,211,62)
```
#c5d853
```
#c5d853 rgb(197,216,83)
```
#ccdd68
```
#ccdd68 rgb(204,221,104)
```

Monochromatic Color

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

#cab92e
```
#cab92e rgb(202,185,46)
```
#cac62e
```
#cac62e rgb(202,198,46)
```
#c1ca2e
```
#c1ca2e rgb(193,202,46)
```
#b4ca2e
```
#b4ca2e rgb(180,202,46)
```
#a7ca2e
```
#a7ca2e rgb(167,202,46)
```
#9aca2e
```
#9aca2e rgb(154,202,46)
```
#8dca2e
```
#8dca2e rgb(141,202,46)
```

Similar Colors

Text with hexadecimal color #b4ca2e

This text has a font color of #b4ca2e.

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

#b4ca2e background color

This paragraph has a background color of #b4ca2e.

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

#b4ca2e border color

This element has a border color of #b4ca2e.

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

CSS codes

.text {color:#b4ca2e;}

.background {background-color:#b4ca2e;}

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

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, #090a02 is the darkest color, while #fdfef9 is the lightest one.

#090a02
```
#090a02 rgb(9,10,2)
```
#171a06
```
#171a06 rgb(23,26,6)
```
#262a0a
```
#262a0a rgb(38,42,10)
```
#343a0d
```
#343a0d rgb(52,58,13)
```
#424a11
```
#424a11 rgb(66,74,17)
```
#505a15
```
#505a15 rgb(80,90,21)
```
#5f6a18
```
#5f6a18 rgb(95,106,24)
```
#6d7a1c
```
#6d7a1c rgb(109,122,28)
```
#7b8a1f
```
#7b8a1f rgb(123,138,31)
```
#899a23
```
#899a23 rgb(137,154,35)
```
#98aa27
```
#98aa27 rgb(152,170,39)
```
#a6ba2a
```
#a6ba2a rgb(166,186,42)
```
#b4ca2e
```
#b4ca2e rgb(180,202,46)
```

Shade Color Variation

#bdd23a
```
#bdd23a rgb(189,210,58)
```
#c2d64a
```
#c2d64a rgb(194,214,74)
```
#c7d95a
```
#c7d95a rgb(199,217,90)
```
#cddd6a
```
#cddd6a rgb(205,221,106)
```
#d2e179
```
#d2e179 rgb(210,225,121)
```
#d7e489
```
#d7e489 rgb(215,228,137)
```
#dde899
```
#dde899 rgb(221,232,153)
```
#e2eca9
```
#e2eca9 rgb(226,236,169)
```
#e8efb9
```
#e8efb9 rgb(232,239,185)
```
#edf3c9
```
#edf3c9 rgb(237,243,201)
```
#f2f6d9
```
#f2f6d9 rgb(242,246,217)
```
#f8fae9
```
#f8fae9 rgb(248,250,233)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#7d7e7a
```
#7d7e7a rgb(125,126,122)
```
#848771
```
#848771 rgb(132,135,113)
```
#8b9167
```
#8b9167 rgb(139,145,103)
```
#929a5e
```
#929a5e rgb(146,154,94)
```
#99a454
```
#99a454 rgb(153,164,84)
```
#9fad4b
```
#9fad4b rgb(159,173,75)
```
#a6b741
```
#a6b741 rgb(166,183,65)
```
#adc038
```
#adc038 rgb(173,192,56)
```
#b4ca2e
```
#b4ca2e rgb(180,202,46)
```
#bbd424
```
#bbd424 rgb(187,212,36)
```
#c2dd1b
```
#c2dd1b rgb(194,221,27)
```
#c9e711
```
#c9e711 rgb(201,231,17)
```
#cff008
```
#cff008 rgb(207,240,8)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2b798 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c236 Protanopia 1% of men
#f1b943 Deuteranopia 1% of men
#c7bfcd Tritanopia 0.001% of the population

Trichromacy

#cbc533 Protanomaly 1% of men, 0.01% of women
#dabf3b Deuteranomaly 6% of men, 0.4% of women
#c0c393 Tritanomaly 0.01% of the population

#b4ca2e hex color

#b4ca2e Color Information

#b4ca2e Color Conversion

Color Schemes with #b4ca2e

Alternatives to #b4ca2e

#b4ca2e Preview

Shades and Tints of #b4ca2e

Tones of #b4ca2e

Color Blindness Simulator