#b2c306 hex color

In a RGB color space, hex #b2c306 is composed of 69.8% red, 76.5% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 0% magenta, 96.9% yellow and 23.5% black. It has a hue angle of 65.4 degrees, a saturation of 94% and a lightness of 39.4%. #b2c306 color hex could be obtained by blending #ffff0c with #658700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 70
- G 76
- B 2
RGB color chart
- C 9
- M 0
- Y 97
- K 24
CMYK color chart

● #b2c306 color description : Strong yellow.

The hexadecimal color #b2c306 has RGB values of R:178, G:195, B:6 and CMYK values of C:0.09, M:0, Y:0.97, K:0.24. Its decimal value is 11715334.

Hex triplet	b2c306	`#b2c306`
RGB Decimal	178, 195, 6	`rgb(178,195,6)`
RGB Percent	69.8, 76.5, 2.4	`rgb(69.8%,76.5%,2.4%)`
CMYK	9, 0, 97, 24
HSL	65.4°, 94, 39.4	`hsl(65.4,94%,39.4%)`
HSV (or HSB)	65.4°, 96.9, 76.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	75.145, -24.82, 75.022
XYZ	37.908, 48.509, 7.538
xyY	0.403, 0.516, 48.509
CIE-LCH	75.145, 79.021, 108.306
CIE-LUV	75.145, -5.324, 83.61
Hunter-Lab	69.648, -24.73, 42.336
Binary	10110010, 11000011, 00000110

#b2c306
```
#b2c306 rgb(178,195,6)
```
#1706c3
```
#1706c3 rgb(23,6,195)
```

Complementary Color

#c37606
```
#c37606 rgb(195,118,6)
```
#b2c306
```
#b2c306 rgb(178,195,6)
```
#54c306
```
#54c306 rgb(84,195,6)
```

Analogous Color

#7606c3
```
#7606c3 rgb(118,6,195)
```
#b2c306
```
#b2c306 rgb(178,195,6)
```
#0654c3
```
#0654c3 rgb(6,84,195)
```

Split Complementary Color

#c306b2
```
#c306b2 rgb(195,6,178)
```
#b2c306
```
#b2c306 rgb(178,195,6)
```
#06b2c3
```
#06b2c3 rgb(6,178,195)
```

Triadic Color

#c31706
```
#c31706 rgb(195,23,6)
```
#b2c306
```
#b2c306 rgb(178,195,6)
```
#06b2c3
```
#06b2c3 rgb(6,178,195)
```
#1706c3
```
#1706c3 rgb(23,6,195)
```

Tetradic Color

#6e7904
```
#6e7904 rgb(110,121,4)
```
#859204
```
#859204 rgb(133,146,4)
```
#9baa05
```
#9baa05 rgb(155,170,5)
```
#b2c306
```
#b2c306 rgb(178,195,6)
```
#c9dc07
```
#c9dc07 rgb(201,220,7)
```
#dff408
```
#dff408 rgb(223,244,8)
```
#e4f81d
```
#e4f81d rgb(228,248,29)
```

Monochromatic Color

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

#c3a506
```
#c3a506 rgb(195,165,6)
```
#c3b506
```
#c3b506 rgb(195,181,6)
```
#c2c306
```
#c2c306 rgb(194,195,6)
```
#b2c306
```
#b2c306 rgb(178,195,6)
```
#a2c306
```
#a2c306 rgb(162,195,6)
```
#93c306
```
#93c306 rgb(147,195,6)
```
#83c306
```
#83c306 rgb(131,195,6)
```

Similar Colors

Text with hexadecimal color #b2c306

This text has a font color of #b2c306.

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

#b2c306 background color

This paragraph has a background color of #b2c306.

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

#b2c306 border color

This element has a border color of #b2c306.

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

CSS codes

.text {color:#b2c306;}

.background {background-color:#b2c306;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#161801
```
#161801 rgb(22,24,1)
```
#272b01
```
#272b01 rgb(39,43,1)
```
#383e02
```
#383e02 rgb(56,62,2)
```
#4a5102
```
#4a5102 rgb(74,81,2)
```
#5b6403
```
#5b6403 rgb(91,100,3)
```
#6d7704
```
#6d7704 rgb(109,119,4)
```
#7e8a04
```
#7e8a04 rgb(126,138,4)
```
#8f9d05
```
#8f9d05 rgb(143,157,5)
```
#a1b005
```
#a1b005 rgb(161,176,5)
```
#b2c306
```
#b2c306 rgb(178,195,6)
```
#c3d607
```
#c3d607 rgb(195,214,7)
```
#d5e907
```
#d5e907 rgb(213,233,7)
```

Shade Color Variation

#e2f80c
```
#e2f80c rgb(226,248,12)
```
#e5f81f
```
#e5f81f rgb(229,248,31)
```
#e7f932
```
#e7f932 rgb(231,249,50)
```
#e9f945
```
#e9f945 rgb(233,249,69)
```
#ebfa58
```
#ebfa58 rgb(235,250,88)
```
#eefa6b
```
#eefa6b rgb(238,250,107)
```
#f0fb7e
```
#f0fb7e rgb(240,251,126)
```
#f2fc92
```
#f2fc92 rgb(242,252,146)
```
#f4fca5
```
#f4fca5 rgb(244,252,165)
```
#f7fdb8
```
#f7fdb8 rgb(247,253,184)
```
#f9fdcb
```
#f9fdcb rgb(249,253,203)
```
#fbfede
```
#fbfede rgb(251,254,222)
```
#fdfff1
```
#fdfff1 rgb(253,255,241)
```

Tint Color Variation

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

#666663
```
#666663 rgb(102,102,99)
```
#6c6e5b
```
#6c6e5b rgb(108,110,91)
```
#737653
```
#737653 rgb(115,118,83)
```
#797d4c
```
#797d4c rgb(121,125,76)
```
#7f8544
```
#7f8544 rgb(127,133,68)
```
#868d3c
```
#868d3c rgb(134,141,60)
```
#8c9534
```
#8c9534 rgb(140,149,52)
```
#929c2d
```
#929c2d rgb(146,156,45)
```
#99a425
```
#99a425 rgb(153,164,37)
```
#9fac1d
```
#9fac1d rgb(159,172,29)
```
#a5b415
```
#a5b415 rgb(165,180,21)
```
#acbb0e
```
#acbb0e rgb(172,187,14)
```
#b2c306
```
#b2c306 rgb(178,195,6)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aaad88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bd0b Protanopia 1% of men
#ebb329 Deuteranopia 1% of men
#c5b8c6 Tritanopia 0.001% of the population

Trichromacy

#c7bf09 Protanomaly 1% of men, 0.01% of women
#d6b91c Deuteranomaly 6% of men, 0.4% of women
#bebc80 Tritanomaly 0.01% of the population

#b2c306 hex color

#b2c306 Color Information

#b2c306 Color Conversion

Color Schemes with #b2c306

Alternatives to #b2c306

#b2c306 Preview

Shades and Tints of #b2c306

Tones of #b2c306

Color Blindness Simulator