colorhexa.com

#bacd31 hex color

In a RGB color space, hex #bacd31 is composed of 72.9% red, 80.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 9.3% cyan, 0% magenta, 76.1% yellow and 19.6% black. It has a hue angle of 67.3 degrees, a saturation of 61.4% and a lightness of 49.8%. #bacd31 color hex could be obtained by blending #ffff62 with #759b00. Closest websafe color is: #cccc33.

- R 73
- G 80
- B 19
RGB color chart
- C 9
- M 0
- Y 76
- K 20
CMYK color chart

● #bacd31 color description : Strong yellow.

The hexadecimal color #bacd31 has RGB values of R:186, G:205, B:49 and CMYK values of C:0.09, M:0, Y:0.76, K:0.2. Its decimal value is 12242225.

Hex triplet	bacd31	`#bacd31`
RGB Decimal	186, 205, 49	`rgb(186,205,49)`
RGB Percent	72.9, 80.4, 19.2	`rgb(72.9%,80.4%,19.2%)`
CMYK	9, 0, 76, 20
HSL	67.3°, 61.4, 49.8	`hsl(67.3,61.4%,49.8%)`
HSV (or HSB)	67.3°, 76.1, 80.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.65, -25.226, 69.634
XYZ	42.635, 54.324, 11.145
xyY	0.394, 0.503, 54.324
CIE-LCH	78.65, 74.062, 109.914
CIE-LUV	78.65, -6.564, 82.239
Hunter-Lab	73.705, -25.728, 42.628
Binary	10111010, 11001101, 00110001

#bacd31
```
#bacd31 rgb(186,205,49)
```
#4431cd
```
#4431cd rgb(68,49,205)
```

Complementary Color

#cd9231
```
#cd9231 rgb(205,146,49)
```
#bacd31
```
#bacd31 rgb(186,205,49)
```
#6ccd31
```
#6ccd31 rgb(108,205,49)
```

Analogous Color

#9231cd
```
#9231cd rgb(146,49,205)
```
#bacd31
```
#bacd31 rgb(186,205,49)
```
#316ccd
```
#316ccd rgb(49,108,205)
```

Split Complementary Color

#cd31ba
```
#cd31ba rgb(205,49,186)
```
#bacd31
```
#bacd31 rgb(186,205,49)
```
#31bacd
```
#31bacd rgb(49,186,205)
```

Triadic Color

#cd4431
```
#cd4431 rgb(205,68,49)
```
#bacd31
```
#bacd31 rgb(186,205,49)
```
#31bacd
```
#31bacd rgb(49,186,205)
```
#4431cd
```
#4431cd rgb(68,49,205)
```

Tetradic Color

#828f22
```
#828f22 rgb(130,143,34)
```
#95a427
```
#95a427 rgb(149,164,39)
```
#a7b82c
```
#a7b82c rgb(167,184,44)
```
#bacd31
```
#bacd31 rgb(186,205,49)
```
#c1d345
```
#c1d345 rgb(193,211,69)
```
#c8d75a
```
#c8d75a rgb(200,215,90)
```
#cfdc6e
```
#cfdc6e rgb(207,220,110)
```

Monochromatic Color

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

#cdb931
```
#cdb931 rgb(205,185,49)
```
#cdc631
```
#cdc631 rgb(205,198,49)
```
#c7cd31
```
#c7cd31 rgb(199,205,49)
```
#bacd31
```
#bacd31 rgb(186,205,49)
```
#adcd31
```
#adcd31 rgb(173,205,49)
```
#a0cd31
```
#a0cd31 rgb(160,205,49)
```
#93cd31
```
#93cd31 rgb(147,205,49)
```

Similar Colors

Text with hexadecimal color #bacd31

This text has a font color of #bacd31.

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

#bacd31 background color

This paragraph has a background color of #bacd31.

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

#bacd31 border color

This element has a border color of #bacd31.

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

CSS codes

.text {color:#bacd31;}

.background {background-color:#bacd31;}

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

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

#0e0f04
```
#0e0f04 rgb(14,15,4)
```
#1c1f07
```
#1c1f07 rgb(28,31,7)
```
#2a2f0b
```
#2a2f0b rgb(42,47,11)
```
#393f0f
```
#393f0f rgb(57,63,15)
```
#474e13
```
#474e13 rgb(71,78,19)
```
#555e17
```
#555e17 rgb(85,94,23)
```
#646e1a
```
#646e1a rgb(100,110,26)
```
#727e1e
```
#727e1e rgb(114,126,30)
```
#818e22
```
#818e22 rgb(129,142,34)
```
#8f9e26
```
#8f9e26 rgb(143,158,38)
```
#9dad29
```
#9dad29 rgb(157,173,41)
```
#acbd2d
```
#acbd2d rgb(172,189,45)
```
#bacd31
```
#bacd31 rgb(186,205,49)
```

Shade Color Variation

#c0d140
```
#c0d140 rgb(192,209,64)
```
#c5d550
```
#c5d550 rgb(197,213,80)
```
#cad960
```
#cad960 rgb(202,217,96)
```
#cfdd70
```
#cfdd70 rgb(207,221,112)
```
#d5e180
```
#d5e180 rgb(213,225,128)
```
#dae48f
```
#dae48f rgb(218,228,143)
```
#dfe89f
```
#dfe89f rgb(223,232,159)
```
#e4ecaf
```
#e4ecaf rgb(228,236,175)
```
#eaf0bf
```
#eaf0bf rgb(234,240,191)
```
#eff3cf
```
#eff3cf rgb(239,243,207)
```
#f4f7df
```
#f4f7df rgb(244,247,223)
```
#f9fbee
```
#f9fbee rgb(249,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#868975
```
#868975 rgb(134,137,117)
```
#8e926c
```
#8e926c rgb(142,146,108)
```
#959c62
```
#959c62 rgb(149,156,98)
```
#9ca658
```
#9ca658 rgb(156,166,88)
```
#a4b04e
```
#a4b04e rgb(164,176,78)
```
#abb945
```
#abb945 rgb(171,185,69)
```
#b3c33b
```
#b3c33b rgb(179,195,59)
```
#bacd31
```
#bacd31 rgb(186,205,49)
```
#c1d727
```
#c1d727 rgb(193,215,39)
```
#c9e11d
```
#c9e11d rgb(201,225,29)
```
#d0ea14
```
#d0ea14 rgb(208,234,20)
```
#d8f40a
```
#d8f40a rgb(216,244,10)
```
#dffe00
```
#dffe00 rgb(223,254,0)
```

Tone Color Variation

Below, you can see how #bacd31 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
#b7bb9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc639 Protanopia 1% of men
#f5bc45 Deuteranopia 1% of men
#cdc2d0 Tritanopia 0.001% of the population

Trichromacy

#d0c836 Protanomaly 1% of men, 0.01% of women
#dfc23e Deuteranomaly 6% of men, 0.4% of women
#c6c696 Tritanomaly 0.01% of the population