#b2b316 hex color

In a RGB color space, hex #b2b316 is composed of 69.8% red, 70.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0.6% cyan, 0% magenta, 87.7% yellow and 29.8% black. It has a hue angle of 60.4 degrees, a saturation of 78.1% and a lightness of 39.4%. #b2b316 color hex could be obtained by blending #ffff2c with #656700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 70
- G 70
- B 9
RGB color chart
- C 1
- M 0
- Y 88
- K 30
CMYK color chart

● #b2b316 color description : Strong yellow.

The hexadecimal color #b2b316 has RGB values of R:178, G:179, B:22 and CMYK values of C:0.01, M:0, Y:0.88, K:0.3. Its decimal value is 11711254.

Hex triplet	b2b316	`#b2b316`
RGB Decimal	178, 179, 22	`rgb(178,179,22)`
RGB Percent	69.8, 70.2, 8.6	`rgb(69.8%,70.2%,8.6%)`
CMYK	1, 0, 88, 30
HSL	60.4°, 78.1, 39.4	`hsl(60.4,78.1%,39.4%)`
HSV (or HSB)	60.4°, 87.7, 70.2
Web Safe	99cc00	`#99cc00`

CIE-LAB	70.708, -16.642, 69.39
XYZ	34.625, 41.764, 6.996
xyY	0.415, 0.501, 41.764
CIE-LCH	70.708, 71.358, 103.487
CIE-LUV	70.708, 4.798, 76.056
Hunter-Lab	64.625, -17.456, 38.819
Binary	10110010, 10110011, 00010110

#b2b316
```
#b2b316 rgb(178,179,22)
```
#1716b3
```
#1716b3 rgb(23,22,179)
```

Complementary Color

#b36616
```
#b36616 rgb(179,102,22)
```
#b2b316
```
#b2b316 rgb(178,179,22)
```
#64b316
```
#64b316 rgb(100,179,22)
```

Analogous Color

#6616b3
```
#6616b3 rgb(102,22,179)
```
#b2b316
```
#b2b316 rgb(178,179,22)
```
#1664b3
```
#1664b3 rgb(22,100,179)
```

Split Complementary Color

#b316b2
```
#b316b2 rgb(179,22,178)
```
#b2b316
```
#b2b316 rgb(178,179,22)
```
#16b2b3
```
#16b2b3 rgb(22,178,179)
```

Triadic Color

#b31716
```
#b31716 rgb(179,23,22)
```
#b2b316
```
#b2b316 rgb(178,179,22)
```
#16b2b3
```
#16b2b3 rgb(22,178,179)
```
#1716b3
```
#1716b3 rgb(23,22,179)
```

Tetradic Color

#6e6f0e
```
#6e6f0e rgb(110,111,14)
```
#858610
```
#858610 rgb(133,134,16)
```
#9b9c13
```
#9b9c13 rgb(155,156,19)
```
#b2b316
```
#b2b316 rgb(178,179,22)
```
#c9ca19
```
#c9ca19 rgb(201,202,25)
```
#dfe01c
```
#dfe01c rgb(223,224,28)
```
#e4e630
```
#e4e630 rgb(228,230,48)
```

Monochromatic Color

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

#b38d16
```
#b38d16 rgb(179,141,22)
```
#b39a16
```
#b39a16 rgb(179,154,22)
```
#b3a716
```
#b3a716 rgb(179,167,22)
```
#b2b316
```
#b2b316 rgb(178,179,22)
```
#a5b316
```
#a5b316 rgb(165,179,22)
```
#98b316
```
#98b316 rgb(152,179,22)
```
#8bb316
```
#8bb316 rgb(139,179,22)
```

Similar Colors

Text with hexadecimal color #b2b316

This text has a font color of #b2b316.

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

#b2b316 background color

This paragraph has a background color of #b2b316.

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

#b2b316 border color

This element has a border color of #b2b316.

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

CSS codes

.text {color:#b2b316;}

.background {background-color:#b2b316;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#161603
```
#161603 rgb(22,22,3)
```
#272705
```
#272705 rgb(39,39,5)
```
#383907
```
#383907 rgb(56,57,7)
```
#4a4a09
```
#4a4a09 rgb(74,74,9)
```
#5b5c0b
```
#5b5c0b rgb(91,92,11)
```
#6d6d0d
```
#6d6d0d rgb(109,109,13)
```
#7e7f10
```
#7e7f10 rgb(126,127,16)
```
#8f9012
```
#8f9012 rgb(143,144,18)
```
#a1a214
```
#a1a214 rgb(161,162,20)
```
#b2b316
```
#b2b316 rgb(178,179,22)
```
#c3c418
```
#c3c418 rgb(195,196,24)
```
#d5d61a
```
#d5d61a rgb(213,214,26)
```

Shade Color Variation

#e2e420
```
#e2e420 rgb(226,228,32)
```
#e5e632
```
#e5e632 rgb(229,230,50)
```
#e7e843
```
#e7e843 rgb(231,232,67)
```
#e9ea55
```
#e9ea55 rgb(233,234,85)
```
#ebec66
```
#ebec66 rgb(235,236,102)
```
#eeee78
```
#eeee78 rgb(238,238,120)
```
#f0f189
```
#f0f189 rgb(240,241,137)
```
#f2f39b
```
#f2f39b rgb(242,243,155)
```
#f4f5ac
```
#f4f5ac rgb(244,245,172)
```
#f7f7bd
```
#f7f7bd rgb(247,247,189)
```
#f9f9cf
```
#f9f9cf rgb(249,249,207)
```
#fbfbe0
```
#fbfbe0 rgb(251,251,224)
```
#fdfdf2
```
#fdfdf2 rgb(253,253,242)
```

Tint Color Variation

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

#666663
```
#666663 rgb(102,102,99)
```
#6d6d5c
```
#6d6d5c rgb(109,109,92)
```
#757554
```
#757554 rgb(117,117,84)
```
#7d7d4c
```
#7d7d4c rgb(125,125,76)
```
#848544
```
#848544 rgb(132,133,68)
```
#8c8c3d
```
#8c8c3d rgb(140,140,61)
```
#939435
```
#939435 rgb(147,148,53)
```
#9b9c2d
```
#9b9c2d rgb(155,156,45)
```
#a3a425
```
#a3a425 rgb(163,164,37)
```
#aaab1e
```
#aaab1e rgb(170,171,30)
```
#b2b316
```
#b2b316 rgb(178,179,22)
```
#babb0e
```
#babb0e rgb(186,187,14)
```
#c1c207
```
#c1c207 rgb(193,194,7)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b120 Protanopia 1% of men
#dca82d Deuteranopia 1% of men
#c2aab7 Tritanopia 0.001% of the population

Trichromacy

#bfb21c Protanomaly 1% of men, 0.01% of women
#cdac24 Deuteranomaly 6% of men, 0.4% of women
#bcad7c Tritanomaly 0.01% of the population

#b2b316 hex color

#b2b316 Color Information

#b2b316 Color Conversion

Color Schemes with #b2b316

Alternatives to #b2b316

#b2b316 Preview

Shades and Tints of #b2b316

Tones of #b2b316

Color Blindness Simulator