colorhexa.com

#bacd30 hex color

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

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

● #bacd30 color description : Strong yellow.

The hexadecimal color #bacd30 has RGB values of R:186, G:205, B:48 and CMYK values of C:0.09, M:0, Y:0.77, K:0.2. Its decimal value is 12242224.

Hex triplet	bacd30	`#bacd30`
RGB Decimal	186, 205, 48	`rgb(186,205,48)`
RGB Percent	72.9, 80.4, 18.8	`rgb(72.9%,80.4%,18.8%)`
CMYK	9, 0, 77, 20
HSL	67.3°, 62.1, 49.6	`hsl(67.3,62.1%,49.6%)`
HSV (or HSB)	67.3°, 76.6, 80.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.645, -25.268, 69.934
XYZ	42.614, 54.315, 11.035
xyY	0.395, 0.503, 54.315
CIE-LCH	78.645, 74.359, 109.865
CIE-LUV	78.645, -6.555, 82.448
Hunter-Lab	73.699, -25.761, 42.712
Binary	10111010, 11001101, 00110000

#bacd30
```
#bacd30 rgb(186,205,48)
```
#4330cd
```
#4330cd rgb(67,48,205)
```

Complementary Color

#cd9230
```
#cd9230 rgb(205,146,48)
```
#bacd30
```
#bacd30 rgb(186,205,48)
```
#6ccd30
```
#6ccd30 rgb(108,205,48)
```

Analogous Color

#9230cd
```
#9230cd rgb(146,48,205)
```
#bacd30
```
#bacd30 rgb(186,205,48)
```
#306ccd
```
#306ccd rgb(48,108,205)
```

Split Complementary Color

#cd30ba
```
#cd30ba rgb(205,48,186)
```
#bacd30
```
#bacd30 rgb(186,205,48)
```
#30bacd
```
#30bacd rgb(48,186,205)
```

Triadic Color

#cd4330
```
#cd4330 rgb(205,67,48)
```
#bacd30
```
#bacd30 rgb(186,205,48)
```
#30bacd
```
#30bacd rgb(48,186,205)
```
#4330cd
```
#4330cd rgb(67,48,205)
```

Tetradic Color

#828f21
```
#828f21 rgb(130,143,33)
```
#95a426
```
#95a426 rgb(149,164,38)
```
#a7b82b
```
#a7b82b rgb(167,184,43)
```
#bacd30
```
#bacd30 rgb(186,205,48)
```
#c2d343
```
#c2d343 rgb(194,211,67)
```
#c8d858
```
#c8d858 rgb(200,216,88)
```
#cfdd6d
```
#cfdd6d rgb(207,221,109)
```

Monochromatic Color

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

#cdb930
```
#cdb930 rgb(205,185,48)
```
#cdc630
```
#cdc630 rgb(205,198,48)
```
#c7cd30
```
#c7cd30 rgb(199,205,48)
```
#bacd30
```
#bacd30 rgb(186,205,48)
```
#adcd30
```
#adcd30 rgb(173,205,48)
```
#a0cd30
```
#a0cd30 rgb(160,205,48)
```
#93cd30
```
#93cd30 rgb(147,205,48)
```

Similar Colors

Text with hexadecimal color #bacd30

This text has a font color of #bacd30.

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

#bacd30 background color

This paragraph has a background color of #bacd30.

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

#bacd30 border color

This element has a border color of #bacd30.

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

CSS codes

.text {color:#bacd30;}

.background {background-color:#bacd30;}

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

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

#0d0e03
```
#0d0e03 rgb(13,14,3)
```
#1b1e07
```
#1b1e07 rgb(27,30,7)
```
#2a2e0b
```
#2a2e0b rgb(42,46,11)
```
#383e0f
```
#383e0f rgb(56,62,15)
```
#474e12
```
#474e12 rgb(71,78,18)
```
#555e16
```
#555e16 rgb(85,94,22)
```
#636e1a
```
#636e1a rgb(99,110,26)
```
#727e1d
```
#727e1d rgb(114,126,29)
```
#808d21
```
#808d21 rgb(128,141,33)
```
#8f9d25
```
#8f9d25 rgb(143,157,37)
```
#9dad29
```
#9dad29 rgb(157,173,41)
```
#acbd2c
```
#acbd2c rgb(172,189,44)
```
#bacd30
```
#bacd30 rgb(186,205,48)
```

Shade Color Variation

#c0d23f
```
#c0d23f rgb(192,210,63)
```
#c5d64f
```
#c5d64f rgb(197,214,79)
```
#cbd95e
```
#cbd95e rgb(203,217,94)
```
#d0dd6e
```
#d0dd6e rgb(208,221,110)
```
#d5e17e
```
#d5e17e rgb(213,225,126)
```
#dae58e
```
#dae58e rgb(218,229,142)
```
#dfe89e
```
#dfe89e rgb(223,232,158)
```
#e4ecae
```
#e4ecae rgb(228,236,174)
```
#eaf0be
```
#eaf0be rgb(234,240,190)
```
#eff3ce
```
#eff3ce rgb(239,243,206)
```
#f4f7de
```
#f4f7de rgb(244,247,222)
```
#f9fbed
```
#f9fbed rgb(249,251,237)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#7f7f7e
```
#7f7f7e rgb(127,127,126)
```
#868974
```
#868974 rgb(134,137,116)
```
#8e936a
```
#8e936a rgb(142,147,106)
```
#959c61
```
#959c61 rgb(149,156,97)
```
#9ca657
```
#9ca657 rgb(156,166,87)
```
#a4b04d
```
#a4b04d rgb(164,176,77)
```
#abba43
```
#abba43 rgb(171,186,67)
```
#b3c33a
```
#b3c33a rgb(179,195,58)
```
#bacd30
```
#bacd30 rgb(186,205,48)
```
#c1d726
```
#c1d726 rgb(193,215,38)
```
#c9e01d
```
#c9e01d rgb(201,224,29)
```
#d0ea13
```
#d0ea13 rgb(208,234,19)
```
#d8f409
```
#d8f409 rgb(216,244,9)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b6ba9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc638 Protanopia 1% of men
#f5bc44 Deuteranopia 1% of men
#cdc2d0 Tritanopia 0.001% of the population

Trichromacy

#d0c835 Protanomaly 1% of men, 0.01% of women
#dfc23d Deuteranomaly 6% of men, 0.4% of women
#c6c695 Tritanomaly 0.01% of the population