#b4ca31 hex color

In a RGB color space, hex #b4ca31 is composed of 70.6% red, 79.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 0% magenta, 75.7% yellow and 20.8% black. It has a hue angle of 68.6 degrees, a saturation of 61% and a lightness of 49.2%. #b4ca31 color hex could be obtained by blending #ffff62 with #699500. Closest websafe color is: #cccc33.

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

● #b4ca31 color description : Strong yellow.

The hexadecimal color #b4ca31 has RGB values of R:180, G:202, B:49 and CMYK values of C:0.11, M:0, Y:0.76, K:0.21. Its decimal value is 11848241.

Hex triplet	b4ca31	`#b4ca31`
RGB Decimal	180, 202, 49	`rgb(180,202,49)`
RGB Percent	70.6, 79.2, 19.2	`rgb(70.6%,79.2%,19.2%)`
CMYK	11, 0, 76, 21
HSL	68.6°, 61, 49.2	`hsl(68.6,61%,49.2%)`
HSV (or HSB)	68.6°, 75.7, 79.2
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.38, -26.26, 68.302
XYZ	40.497, 52.166, 10.841
xyY	0.391, 0.504, 52.166
CIE-LCH	77.38, 73.177, 111.03
CIE-LUV	77.38, -8.544, 80.93
Hunter-Lab	72.226, -26.311, 41.659
Binary	10110100, 11001010, 00110001

#b4ca31
```
#b4ca31 rgb(180,202,49)
```
#4731ca
```
#4731ca rgb(71,49,202)
```

Complementary Color

#ca9431
```
#ca9431 rgb(202,148,49)
```
#b4ca31
```
#b4ca31 rgb(180,202,49)
```
#68ca31
```
#68ca31 rgb(104,202,49)
```

Analogous Color

#9431ca
```
#9431ca rgb(148,49,202)
```
#b4ca31
```
#b4ca31 rgb(180,202,49)
```
#3168ca
```
#3168ca rgb(49,104,202)
```

Split Complementary Color

#ca31b4
```
#ca31b4 rgb(202,49,180)
```
#b4ca31
```
#b4ca31 rgb(180,202,49)
```
#31b4ca
```
#31b4ca rgb(49,180,202)
```

Triadic Color

#ca4731
```
#ca4731 rgb(202,71,49)
```
#b4ca31
```
#b4ca31 rgb(180,202,49)
```
#31b4ca
```
#31b4ca rgb(49,180,202)
```
#4731ca
```
#4731ca rgb(71,49,202)
```

Tetradic Color

#7d8c22
```
#7d8c22 rgb(125,140,34)
```
#8fa127
```
#8fa127 rgb(143,161,39)
```
#a2b52c
```
#a2b52c rgb(162,181,44)
```
#b4ca31
```
#b4ca31 rgb(180,202,49)
```
#bdd143
```
#bdd143 rgb(189,209,67)
```
#c4d658
```
#c4d658 rgb(196,214,88)
```
#cbdb6c
```
#cbdb6c rgb(203,219,108)
```

Monochromatic Color

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

#caba31
```
#caba31 rgb(202,186,49)
```
#cac731
```
#cac731 rgb(202,199,49)
```
#c1ca31
```
#c1ca31 rgb(193,202,49)
```
#b4ca31
```
#b4ca31 rgb(180,202,49)
```
#a7ca31
```
#a7ca31 rgb(167,202,49)
```
#9bca31
```
#9bca31 rgb(155,202,49)
```
#8eca31
```
#8eca31 rgb(142,202,49)
```

Similar Colors

Text with hexadecimal color #b4ca31

This text has a font color of #b4ca31.

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

#b4ca31 background color

This paragraph has a background color of #b4ca31.

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

#b4ca31 border color

This element has a border color of #b4ca31.

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

CSS codes

.text {color:#b4ca31;}

.background {background-color:#b4ca31;}

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

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

#0b0d03
```
#0b0d03 rgb(11,13,3)
```
#191c07
```
#191c07 rgb(25,28,7)
```
#272c0b
```
#272c0b rgb(39,44,11)
```
#353c0f
```
#353c0f rgb(53,60,15)
```
#434c12
```
#434c12 rgb(67,76,18)
```
#525b16
```
#525b16 rgb(82,91,22)
```
#606b1a
```
#606b1a rgb(96,107,26)
```
#6e7b1e
```
#6e7b1e rgb(110,123,30)
```
#7c8b22
```
#7c8b22 rgb(124,139,34)
```
#8a9b26
```
#8a9b26 rgb(138,155,38)
```
#98aa29
```
#98aa29 rgb(152,170,41)
```
#a6ba2d
```
#a6ba2d rgb(166,186,45)
```
#b4ca31
```
#b4ca31 rgb(180,202,49)
```

Shade Color Variation

#bbd03e
```
#bbd03e rgb(187,208,62)
```
#c1d44e
```
#c1d44e rgb(193,212,78)
```
#c6d85e
```
#c6d85e rgb(198,216,94)
```
#ccdc6e
```
#ccdc6e rgb(204,220,110)
```
#d1e07d
```
#d1e07d rgb(209,224,125)
```
#d7e38d
```
#d7e38d rgb(215,227,141)
```
#dde79d
```
#dde79d rgb(221,231,157)
```
#e2ebad
```
#e2ebad rgb(226,235,173)
```
#e8efbd
```
#e8efbd rgb(232,239,189)
```
#edf3cc
```
#edf3cc rgb(237,243,204)
```
#f3f7dc
```
#f3f7dc rgb(243,247,220)
```
#f8faec
```
#f8faec rgb(248,250,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#848675
```
#848675 rgb(132,134,117)
```
#8b906b
```
#8b906b rgb(139,144,107)
```
#929a61
```
#929a61 rgb(146,154,97)
```
#98a358
```
#98a358 rgb(152,163,88)
```
#9fad4e
```
#9fad4e rgb(159,173,78)
```
#a6b744
```
#a6b744 rgb(166,183,68)
```
#adc03b
```
#adc03b rgb(173,192,59)
```
#b4ca31
```
#b4ca31 rgb(180,202,49)
```
#bbd427
```
#bbd427 rgb(187,212,39)
```
#c2dd1e
```
#c2dd1e rgb(194,221,30)
```
#c9e714
```
#c9e714 rgb(201,231,20)
```
#d0f10a
```
#d0f10a rgb(208,241,10)
```
#d6fa01
```
#d6fa01 rgb(214,250,1)
```

Tone Color Variation

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

#d9c239 Protanopia 1% of men
#f1b945 Deuteranopia 1% of men
#c7bfcd Tritanopia 0.001% of the population

Trichromacy

#cbc536 Protanomaly 1% of men, 0.01% of women
#dabf3e Deuteranomaly 6% of men, 0.4% of women
#c0c394 Tritanomaly 0.01% of the population

#b4ca31 hex color

#b4ca31 Color Information

#b4ca31 Color Conversion

Color Schemes with #b4ca31

Alternatives to #b4ca31

#b4ca31 Preview

Shades and Tints of #b4ca31

Tones of #b4ca31

Color Blindness Simulator