#b2cc30 hex color

In a RGB color space, hex #b2cc30 is composed of 69.8% red, 80% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 0% magenta, 76.5% yellow and 20% black. It has a hue angle of 70 degrees, a saturation of 61.9% and a lightness of 49.4%. #b2cc30 color hex could be obtained by blending #ffff60 with #659900. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 70
- G 80
- B 19
RGB color chart
- C 13
- M 0
- Y 76
- K 20
CMYK color chart

● #b2cc30 color description : Strong yellow.

The hexadecimal color #b2cc30 has RGB values of R:178, G:204, B:48 and CMYK values of C:0.13, M:0, Y:0.76, K:0.2. Its decimal value is 11717680.

Hex triplet	b2cc30	`#b2cc30`
RGB Decimal	178, 204, 48	`rgb(178,204,48)`
RGB Percent	69.8, 80, 18.8	`rgb(69.8%,80%,18.8%)`
CMYK	13, 0, 76, 20
HSL	70°, 61.9, 49.4	`hsl(70,61.9%,49.4%)`
HSV (or HSB)	70°, 76.5, 80
Web Safe	99cc33	`#99cc33`

CIE-LAB	77.795, -28.081, 68.943
XYZ	40.486, 52.864, 10.867
xyY	0.388, 0.507, 52.864
CIE-LCH	77.795, 74.443, 112.161
CIE-LUV	77.795, -10.97, 81.947
Hunter-Lab	72.708, -27.843, 42.034
Binary	10110010, 11001100, 00110000

#b2cc30
```
#b2cc30 rgb(178,204,48)
```
#4a30cc
```
#4a30cc rgb(74,48,204)
```

Complementary Color

#cc9830
```
#cc9830 rgb(204,152,48)
```
#b2cc30
```
#b2cc30 rgb(178,204,48)
```
#64cc30
```
#64cc30 rgb(100,204,48)
```

Analogous Color

#9830cc
```
#9830cc rgb(152,48,204)
```
#b2cc30
```
#b2cc30 rgb(178,204,48)
```
#3064cc
```
#3064cc rgb(48,100,204)
```

Split Complementary Color

#cc30b2
```
#cc30b2 rgb(204,48,178)
```
#b2cc30
```
#b2cc30 rgb(178,204,48)
```
#30b2cc
```
#30b2cc rgb(48,178,204)
```

Triadic Color

#cc4a30
```
#cc4a30 rgb(204,74,48)
```
#b2cc30
```
#b2cc30 rgb(178,204,48)
```
#30b2cc
```
#30b2cc rgb(48,178,204)
```
#4a30cc
```
#4a30cc rgb(74,48,204)
```

Tetradic Color

#7c8e21
```
#7c8e21 rgb(124,142,33)
```
#8ea326
```
#8ea326 rgb(142,163,38)
```
#a0b72b
```
#a0b72b rgb(160,183,43)
```
#b2cc30
```
#b2cc30 rgb(178,204,48)
```
#bbd343
```
#bbd343 rgb(187,211,67)
```
#c2d857
```
#c2d857 rgb(194,216,87)
```
#cadc6c
```
#cadc6c rgb(202,220,108)
```

Monochromatic Color

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

#ccbf30
```
#ccbf30 rgb(204,191,48)
```
#cccc30
```
#cccc30 rgb(204,204,48)
```
#bfcc30
```
#bfcc30 rgb(191,204,48)
```
#b2cc30
```
#b2cc30 rgb(178,204,48)
```
#a5cc30
```
#a5cc30 rgb(165,204,48)
```
#98cc30
```
#98cc30 rgb(152,204,48)
```
#8bcc30
```
#8bcc30 rgb(139,204,48)
```

Similar Colors

Text with hexadecimal color #b2cc30

This text has a font color of #b2cc30.

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

#b2cc30 background color

This paragraph has a background color of #b2cc30.

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

#b2cc30 border color

This element has a border color of #b2cc30.

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

CSS codes

.text {color:#b2cc30;}

.background {background-color:#b2cc30;}

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

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

#0c0d03
```
#0c0d03 rgb(12,13,3)
```
#1a1d07
```
#1a1d07 rgb(26,29,7)
```
#272d0b
```
#272d0b rgb(39,45,11)
```
#353d0e
```
#353d0e rgb(53,61,14)
```
#434d12
```
#434d12 rgb(67,77,18)
```
#515d16
```
#515d16 rgb(81,93,22)
```
#5f6d1a
```
#5f6d1a rgb(95,109,26)
```
#6d7d1d
```
#6d7d1d rgb(109,125,29)
```
#7b8c21
```
#7b8c21 rgb(123,140,33)
```
#889c25
```
#889c25 rgb(136,156,37)
```
#96ac29
```
#96ac29 rgb(150,172,41)
```
#a4bc2c
```
#a4bc2c rgb(164,188,44)
```
#b2cc30
```
#b2cc30 rgb(178,204,48)
```

Shade Color Variation

#b9d23e
```
#b9d23e rgb(185,210,62)
```
#bfd54e
```
#bfd54e rgb(191,213,78)
```
#c5d95e
```
#c5d95e rgb(197,217,94)
```
#cadd6e
```
#cadd6e rgb(202,221,110)
```
#d0e17e
```
#d0e17e rgb(208,225,126)
```
#d6e48d
```
#d6e48d rgb(214,228,141)
```
#dce89d
```
#dce89d rgb(220,232,157)
```
#e1ecad
```
#e1ecad rgb(225,236,173)
```
#e7efbd
```
#e7efbd rgb(231,239,189)
```
#edf3cd
```
#edf3cd rgb(237,243,205)
```
#f3f7dd
```
#f3f7dd rgb(243,247,221)
```
#f8fbed
```
#f8fbed rgb(248,251,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#858874
```
#858874 rgb(133,136,116)
```
#8b926a
```
#8b926a rgb(139,146,106)
```
#929c60
```
#929c60 rgb(146,156,96)
```
#98a557
```
#98a557 rgb(152,165,87)
```
#9faf4d
```
#9faf4d rgb(159,175,77)
```
#a5b943
```
#a5b943 rgb(165,185,67)
```
#acc23a
```
#acc23a rgb(172,194,58)
```
#b2cc30
```
#b2cc30 rgb(178,204,48)
```
#b8d626
```
#b8d626 rgb(184,214,38)
```
#bfdf1d
```
#bfdf1d rgb(191,223,29)
```
#c5e913
```
#c5e913 rgb(197,233,19)
```
#ccf309
```
#ccf309 rgb(204,243,9)
```

Tone Color Variation

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

#dac337 Protanopia 1% of men
#f2ba45 Deuteranopia 1% of men
#c6c1cf Tritanopia 0.001% of the population

Trichromacy

#cbc635 Protanomaly 1% of men, 0.01% of women
#dac03d Deuteranomaly 6% of men, 0.4% of women
#bec595 Tritanomaly 0.01% of the population

#b2cc30 hex color

#b2cc30 Color Information

#b2cc30 Color Conversion

Color Schemes with #b2cc30

Alternatives to #b2cc30

#b2cc30 Preview

Shades and Tints of #b2cc30

Tones of #b2cc30

Color Blindness Simulator