#b2ca3c hex color

In a RGB color space, hex #b2ca3c is composed of 69.8% red, 79.2% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 0% magenta, 70.3% yellow and 20.8% black. It has a hue angle of 70.1 degrees, a saturation of 57.3% and a lightness of 51.4%. #b2ca3c color hex could be obtained by blending #ffff78 with #659500. Closest websafe color is: #99cc33.

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

● #b2ca3c color description : Moderate yellow.

The hexadecimal color #b2ca3c has RGB values of R:178, G:202, B:60 and CMYK values of C:0.12, M:0, Y:0.7, K:0.21. Its decimal value is 11717180.

Hex triplet	b2ca3c	`#b2ca3c`
RGB Decimal	178, 202, 60	`rgb(178,202,60)`
RGB Percent	69.8, 79.2, 23.5	`rgb(69.8%,79.2%,23.5%)`
CMYK	12, 0, 70, 21
HSL	70.1°, 57.3, 51.4	`hsl(70.1,57.3%,51.4%)`
HSV (or HSB)	70.1°, 70.3, 79.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	77.3, -26.54, 64.456
XYZ	40.296, 52.032, 12.195
xyY	0.386, 0.498, 52.032
CIE-LCH	77.3, 69.706, 112.379
CIE-LUV	77.3, -9.889, 78.242
Hunter-Lab	72.133, -26.518, 40.47
Binary	10110010, 11001010, 00111100

#b2ca3c
```
#b2ca3c rgb(178,202,60)
```
#543cca
```
#543cca rgb(84,60,202)
```

Complementary Color

#ca9b3c
```
#ca9b3c rgb(202,155,60)
```
#b2ca3c
```
#b2ca3c rgb(178,202,60)
```
#6bca3c
```
#6bca3c rgb(107,202,60)
```

Analogous Color

#9b3cca
```
#9b3cca rgb(155,60,202)
```
#b2ca3c
```
#b2ca3c rgb(178,202,60)
```
#3c6bca
```
#3c6bca rgb(60,107,202)
```

Split Complementary Color

#ca3cb2
```
#ca3cb2 rgb(202,60,178)
```
#b2ca3c
```
#b2ca3c rgb(178,202,60)
```
#3cb2ca
```
#3cb2ca rgb(60,178,202)
```

Triadic Color

#ca543c
```
#ca543c rgb(202,84,60)
```
#b2ca3c
```
#b2ca3c rgb(178,202,60)
```
#3cb2ca
```
#3cb2ca rgb(60,178,202)
```
#543cca
```
#543cca rgb(84,60,202)
```

Tetradic Color

#809228
```
#809228 rgb(128,146,40)
```
#91a62d
```
#91a62d rgb(145,166,45)
```
#a3ba33
```
#a3ba33 rgb(163,186,51)
```
#b2ca3c
```
#b2ca3c rgb(178,202,60)
```
#bacf50
```
#bacf50 rgb(186,207,80)
```
#c2d564
```
#c2d564 rgb(194,213,100)
```
#cada78
```
#cada78 rgb(202,218,120)
```

Monochromatic Color

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

#cabf3c
```
#cabf3c rgb(202,191,60)
```
#caca3c
```
#caca3c rgb(202,202,60)
```
#beca3c
```
#beca3c rgb(190,202,60)
```
#b2ca3c
```
#b2ca3c rgb(178,202,60)
```
#a6ca3c
```
#a6ca3c rgb(166,202,60)
```
#9aca3c
```
#9aca3c rgb(154,202,60)
```
#8fca3c
```
#8fca3c rgb(143,202,60)
```

Similar Colors

Text with hexadecimal color #b2ca3c

This text has a font color of #b2ca3c.

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

#b2ca3c background color

This paragraph has a background color of #b2ca3c.

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

#b2ca3c border color

This element has a border color of #b2ca3c.

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

CSS codes

.text {color:#b2ca3c;}

.background {background-color:#b2ca3c;}

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

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, #050601 is the darkest color, while #fbfcf5 is the lightest one.

#050601
```
#050601 rgb(5,6,1)
```
#121506
```
#121506 rgb(18,21,6)
```
#20240a
```
#20240a rgb(32,36,10)
```
#2d340e
```
#2d340e rgb(45,52,14)
```
#3b4312
```
#3b4312 rgb(59,67,18)
```
#485316
```
#485316 rgb(72,83,22)
```
#56621b
```
#56621b rgb(86,98,27)
```
#64711f
```
#64711f rgb(100,113,31)
```
#718123
```
#718123 rgb(113,129,35)
```
#7f9027
```
#7f9027 rgb(127,144,39)
```
#8ca02b
```
#8ca02b rgb(140,160,43)
```
#9aaf30
```
#9aaf30 rgb(154,175,48)
```
#a7bf34
```
#a7bf34 rgb(167,191,52)
```

Shade Color Variation

#b2ca3c
```
#b2ca3c rgb(178,202,60)
```
#b8ce4b
```
#b8ce4b rgb(184,206,75)
```
#bed25b
```
#bed25b rgb(190,210,91)
```
#c4d76a
```
#c4d76a rgb(196,215,106)
```
#cadb7a
```
#cadb7a rgb(202,219,122)
```
#d0df89
```
#d0df89 rgb(208,223,137)
```
#d7e399
```
#d7e399 rgb(215,227,153)
```
#dde7a8
```
#dde7a8 rgb(221,231,168)
```
#e3ecb7
```
#e3ecb7 rgb(227,236,183)
```
#e9f0c7
```
#e9f0c7 rgb(233,240,199)
```
#eff4d6
```
#eff4d6 rgb(239,244,214)
```
#f5f8e6
```
#f5f8e6 rgb(245,248,230)
```
#fbfcf5
```
#fbfcf5 rgb(251,252,245)
```

Tint Color Variation

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

#86877f
```
#86877f rgb(134,135,127)
```
#8c9175
```
#8c9175 rgb(140,145,117)
```
#929a6c
```
#929a6c rgb(146,154,108)
```
#99a462
```
#99a462 rgb(153,164,98)
```
#9fad59
```
#9fad59 rgb(159,173,89)
```
#a5b74f
```
#a5b74f rgb(165,183,79)
```
#acc046
```
#acc046 rgb(172,192,70)
```
#b2ca3c
```
#b2ca3c rgb(178,202,60)
```
#b8d432
```
#b8d432 rgb(184,212,50)
```
#bfdd29
```
#bfdd29 rgb(191,221,41)
```
#c5e71f
```
#c5e71f rgb(197,231,31)
```
#cbf016
```
#cbf016 rgb(203,240,22)
```
#d2fa0c
```
#d2fa0c rgb(210,250,12)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b3b89b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c243 Protanopia 1% of men
#efb94e Deuteranopia 1% of men
#c5bfcd Tritanopia 0.001% of the population

Trichromacy

#cac540 Protanomaly 1% of men, 0.01% of women
#d9bf48 Deuteranomaly 6% of men, 0.4% of women
#bec398 Tritanomaly 0.01% of the population

#b2ca3c hex color

#b2ca3c Color Information

#b2ca3c Color Conversion

Color Schemes with #b2ca3c

Alternatives to #b2ca3c

#b2ca3c Preview

Shades and Tints of #b2ca3c

Tones of #b2ca3c

Color Blindness Simulator