#b2ca30 hex color

In a RGB color space, hex #b2ca30 is composed of 69.8% red, 79.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 0% magenta, 76.2% yellow and 20.8% black. It has a hue angle of 69.4 degrees, a saturation of 61.6% and a lightness of 49%. #b2ca30 color hex could be obtained by blending #ffff60 with #659500. Closest websafe color is: #99cc33.

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

● #b2ca30 color description : Strong yellow.

The hexadecimal color #b2ca30 has RGB values of R:178, G:202, B:48 and CMYK values of C:0.12, M:0, Y:0.76, K:0.21. Its decimal value is 11717168.

Hex triplet	b2ca30	`#b2ca30`
RGB Decimal	178, 202, 48	`rgb(178,202,48)`
RGB Percent	69.8, 79.2, 18.8	`rgb(69.8%,79.2%,18.8%)`
CMYK	12, 0, 76, 21
HSL	69.4°, 61.6, 49	`hsl(69.4,61.6%,49%)`
HSV (or HSB)	69.4°, 76.2, 79.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	77.233, -27.127, 68.425
XYZ	40.014, 51.919, 10.71
xyY	0.39, 0.506, 51.919
CIE-LCH	77.233, 73.606, 111.626
CIE-LUV	77.233, -9.785, 81.12
Hunter-Lab	72.055, -26.971, 41.626
Binary	10110010, 11001010, 00110000

#b2ca30
```
#b2ca30 rgb(178,202,48)
```
#4830ca
```
#4830ca rgb(72,48,202)
```

Complementary Color

#ca9530
```
#ca9530 rgb(202,149,48)
```
#b2ca30
```
#b2ca30 rgb(178,202,48)
```
#65ca30
```
#65ca30 rgb(101,202,48)
```

Analogous Color

#9530ca
```
#9530ca rgb(149,48,202)
```
#b2ca30
```
#b2ca30 rgb(178,202,48)
```
#3065ca
```
#3065ca rgb(48,101,202)
```

Split Complementary Color

#ca30b2
```
#ca30b2 rgb(202,48,178)
```
#b2ca30
```
#b2ca30 rgb(178,202,48)
```
#30b2ca
```
#30b2ca rgb(48,178,202)
```

Triadic Color

#ca4830
```
#ca4830 rgb(202,72,48)
```
#b2ca30
```
#b2ca30 rgb(178,202,48)
```
#30b2ca
```
#30b2ca rgb(48,178,202)
```
#4830ca
```
#4830ca rgb(72,48,202)
```

Tetradic Color

#7c8c21
```
#7c8c21 rgb(124,140,33)
```
#8ea126
```
#8ea126 rgb(142,161,38)
```
#a0b52b
```
#a0b52b rgb(160,181,43)
```
#b2ca30
```
#b2ca30 rgb(178,202,48)
```
#bbd242
```
#bbd242 rgb(187,210,66)
```
#c3d756
```
#c3d756 rgb(195,215,86)
```
#cadc6b
```
#cadc6b rgb(202,220,107)
```

Monochromatic Color

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

#cabc30
```
#cabc30 rgb(202,188,48)
```
#cac830
```
#cac830 rgb(202,200,48)
```
#bfca30
```
#bfca30 rgb(191,202,48)
```
#b2ca30
```
#b2ca30 rgb(178,202,48)
```
#a5ca30
```
#a5ca30 rgb(165,202,48)
```
#98ca30
```
#98ca30 rgb(152,202,48)
```
#8cca30
```
#8cca30 rgb(140,202,48)
```

Similar Colors

Text with hexadecimal color #b2ca30

This text has a font color of #b2ca30.

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

#b2ca30 background color

This paragraph has a background color of #b2ca30.

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

#b2ca30 border color

This element has a border color of #b2ca30.

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

CSS codes

.text {color:#b2ca30;}

.background {background-color:#b2ca30;}

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

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

#0a0c03
```
#0a0c03 rgb(10,12,3)
```
#181c07
```
#181c07 rgb(24,28,7)
```
#262c0a
```
#262c0a rgb(38,44,10)
```
#343b0e
```
#343b0e rgb(52,59,14)
```
#424b12
```
#424b12 rgb(66,75,18)
```
#505b16
```
#505b16 rgb(80,91,22)
```
#5e6b19
```
#5e6b19 rgb(94,107,25)
```
#6c7b1d
```
#6c7b1d rgb(108,123,29)
```
#7a8b21
```
#7a8b21 rgb(122,139,33)
```
#889a25
```
#889a25 rgb(136,154,37)
```
#96aa28
```
#96aa28 rgb(150,170,40)
```
#a4ba2c
```
#a4ba2c rgb(164,186,44)
```
#b2ca30
```
#b2ca30 rgb(178,202,48)
```

Shade Color Variation

#bad13d
```
#bad13d rgb(186,209,61)
```
#bfd54d
```
#bfd54d rgb(191,213,77)
```
#c5d85c
```
#c5d85c rgb(197,216,92)
```
#cbdc6c
```
#cbdc6c rgb(203,220,108)
```
#d0e07c
```
#d0e07c rgb(208,224,124)
```
#d6e48c
```
#d6e48c rgb(214,228,140)
```
#dce79c
```
#dce79c rgb(220,231,156)
```
#e1ebac
```
#e1ebac rgb(225,235,172)
```
#e7efbc
```
#e7efbc rgb(231,239,188)
```
#edf3cb
```
#edf3cb rgb(237,243,203)
```
#f2f7db
```
#f2f7db rgb(242,247,219)
```
#f8faeb
```
#f8faeb rgb(248,250,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#848773
```
#848773 rgb(132,135,115)
```
#8a906a
```
#8a906a rgb(138,144,106)
```
#919a60
```
#919a60 rgb(145,154,96)
```
#98a456
```
#98a456 rgb(152,164,86)
```
#9ead4d
```
#9ead4d rgb(158,173,77)
```
#a5b743
```
#a5b743 rgb(165,183,67)
```
#abc03a
```
#abc03a rgb(171,192,58)
```
#b2ca30
```
#b2ca30 rgb(178,202,48)
```
#b9d426
```
#b9d426 rgb(185,212,38)
```
#bfdd1d
```
#bfdd1d rgb(191,221,29)
```
#c6e713
```
#c6e713 rgb(198,231,19)
```
#ccf00a
```
#ccf00a rgb(204,240,10)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b697 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c238 Protanopia 1% of men
#f0b945 Deuteranopia 1% of men
#c5bfcd Tritanopia 0.001% of the population

Trichromacy

#cac535 Protanomaly 1% of men, 0.01% of women
#d9bf3d Deuteranomaly 6% of men, 0.4% of women
#bec394 Tritanomaly 0.01% of the population

#b2ca30 hex color

#b2ca30 Color Information

#b2ca30 Color Conversion

Color Schemes with #b2ca30

Alternatives to #b2ca30

#b2ca30 Preview

Shades and Tints of #b2ca30

Tones of #b2ca30

Color Blindness Simulator