colorhexa.com

#bbc30c hex color

In a RGB color space, hex #bbc30c is composed of 73.3% red, 76.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 4.1% cyan, 0% magenta, 93.8% yellow and 23.5% black. It has a hue angle of 62.6 degrees, a saturation of 88.4% and a lightness of 40.6%. #bbc30c color hex could be obtained by blending #ffff18 with #778700. Closest websafe color is: #cccc00.

- R 73
- G 76
- B 5
RGB color chart
- C 4
- M 0
- Y 94
- K 24
CMYK color chart

● #bbc30c color description : Strong yellow.

The hexadecimal color #bbc30c has RGB values of R:187, G:195, B:12 and CMYK values of C:0.04, M:0, Y:0.94, K:0.24. Its decimal value is 12305164.

Hex triplet	bbc30c	`#bbc30c`
RGB Decimal	187, 195, 12	`rgb(187,195,12)`
RGB Percent	73.3, 76.5, 4.7	`rgb(73.3%,76.5%,4.7%)`
CMYK	4, 0, 94, 24
HSL	62.6°, 88.4, 40.6	`hsl(62.6,88.4%,40.6%)`
HSV (or HSB)	62.6°, 93.8, 76.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	75.837, -20.919, 75.224
XYZ	40.075, 49.622, 7.815
xyY	0.411, 0.509, 49.622
CIE-LCH	75.837, 78.078, 105.541
CIE-LUV	75.837, 0.58, 83.294
Hunter-Lab	70.443, -21.726, 42.733
Binary	10111011, 11000011, 00001100

#bbc30c
```
#bbc30c rgb(187,195,12)
```
#140cc3
```
#140cc3 rgb(20,12,195)
```

Complementary Color

#c3700c
```
#c3700c rgb(195,112,12)
```
#bbc30c
```
#bbc30c rgb(187,195,12)
```
#60c30c
```
#60c30c rgb(96,195,12)
```

Analogous Color

#700cc3
```
#700cc3 rgb(112,12,195)
```
#bbc30c
```
#bbc30c rgb(187,195,12)
```
#0c60c3
```
#0c60c3 rgb(12,96,195)
```

Split Complementary Color

#c30cbb
```
#c30cbb rgb(195,12,187)
```
#bbc30c
```
#bbc30c rgb(187,195,12)
```
#0cbbc3
```
#0cbbc3 rgb(12,187,195)
```

Triadic Color

#c3140c
```
#c3140c rgb(195,20,12)
```
#bbc30c
```
#bbc30c rgb(187,195,12)
```
#0cbbc3
```
#0cbbc3 rgb(12,187,195)
```
#140cc3
```
#140cc3 rgb(20,12,195)
```

Tetradic Color

#767b08
```
#767b08 rgb(118,123,8)
```
#8d9309
```
#8d9309 rgb(141,147,9)
```
#a4ab0b
```
#a4ab0b rgb(164,171,11)
```
#bbc30c
```
#bbc30c rgb(187,195,12)
```
#d2db0d
```
#d2db0d rgb(210,219,13)
```
#e7f012
```
#e7f012 rgb(231,240,18)
```
#e9f22a
```
#e9f22a rgb(233,242,42)
```

Monochromatic Color

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

#c39d0c
```
#c39d0c rgb(195,157,12)
```
#c3ad0c
```
#c3ad0c rgb(195,173,12)
```
#c3bc0c
```
#c3bc0c rgb(195,188,12)
```
#bbc30c
```
#bbc30c rgb(187,195,12)
```
#acc30c
```
#acc30c rgb(172,195,12)
```
#9dc30c
```
#9dc30c rgb(157,195,12)
```
#8dc30c
```
#8dc30c rgb(141,195,12)
```

Similar Colors

Text with hexadecimal color #bbc30c

This text has a font color of #bbc30c.

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

#bbc30c background color

This paragraph has a background color of #bbc30c.

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

#bbc30c border color

This element has a border color of #bbc30c.

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

CSS codes

.text {color:#bbc30c;}

.background {background-color:#bbc30c;}

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

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

#0a0a01
```
#0a0a01 rgb(10,10,1)
```
#1c1d02
```
#1c1d02 rgb(28,29,2)
```
#2d2f03
```
#2d2f03 rgb(45,47,3)
```
#3f4204
```
#3f4204 rgb(63,66,4)
```
#515405
```
#515405 rgb(81,84,5)
```
#626706
```
#626706 rgb(98,103,6)
```
#747907
```
#747907 rgb(116,121,7)
```
#868c09
```
#868c09 rgb(134,140,9)
```
#989e0a
```
#989e0a rgb(152,158,10)
```
#a9b10b
```
#a9b10b rgb(169,177,11)
```
#bbc30c
```
#bbc30c rgb(187,195,12)
```
#cdd50d
```
#cdd50d rgb(205,213,13)
```
#dee80e
```
#dee80e rgb(222,232,14)
```

Shade Color Variation

#e7f119
```
#e7f119 rgb(231,241,25)
```
#e9f22b
```
#e9f22b rgb(233,242,43)
```
#ebf33e
```
#ebf33e rgb(235,243,62)
```
#edf450
```
#edf450 rgb(237,244,80)
```
#eff563
```
#eff563 rgb(239,245,99)
```
#f1f775
```
#f1f775 rgb(241,247,117)
```
#f3f888
```
#f3f888 rgb(243,248,136)
```
#f5f99a
```
#f5f99a rgb(245,249,154)
```
#f7faad
```
#f7faad rgb(247,250,173)
```
#f8fbbf
```
#f8fbbf rgb(248,251,191)
```
#fafcd2
```
#fafcd2 rgb(250,252,210)
```
#fcfde4
```
#fcfde4 rgb(252,253,228)
```
#fefef7
```
#fefef7 rgb(254,254,247)
```

Tint Color Variation

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

#6b6b64
```
#6b6b64 rgb(107,107,100)
```
#72735c
```
#72735c rgb(114,115,92)
```
#7a7b54
```
#7a7b54 rgb(122,123,84)
```
#81834c
```
#81834c rgb(129,131,76)
```
#888b44
```
#888b44 rgb(136,139,68)
```
#8f933c
```
#8f933c rgb(143,147,60)
```
#979b34
```
#979b34 rgb(151,155,52)
```
#9ea32c
```
#9ea32c rgb(158,163,44)
```
#a5ab24
```
#a5ab24 rgb(165,171,36)
```
#acb31c
```
#acb31c rgb(172,179,28)
```
#b4bb14
```
#b4bb14 rgb(180,187,20)
```
#bbc30c
```
#bbc30c rgb(187,195,12)
```
#c2cb04
```
#c2cb04 rgb(194,203,4)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#afb18c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5be15 Protanopia 1% of men
#edb52a Deuteranopia 1% of men
#ccb8c6 Tritanopia 0.001% of the population

Trichromacy

#ccc011 Protanomaly 1% of men, 0.01% of women
#dbba1f Deuteranomaly 6% of men, 0.4% of women
#c6bc82 Tritanomaly 0.01% of the population