#b7c316 hex color

In a RGB color space, hex #b7c316 is composed of 71.8% red, 76.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 6.2% cyan, 0% magenta, 88.7% yellow and 23.5% black. It has a hue angle of 64.2 degrees, a saturation of 79.7% and a lightness of 42.5%. #b7c316 color hex could be obtained by blending #ffff2c with #6f8700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 72
- G 76
- B 9
RGB color chart
- C 6
- M 0
- Y 89
- K 24
CMYK color chart

● #b7c316 color description : Strong yellow.

The hexadecimal color #b7c316 has RGB values of R:183, G:195, B:22 and CMYK values of C:0.06, M:0, Y:0.89, K:0.24. Its decimal value is 12043030.

Hex triplet	b7c316	`#b7c316`
RGB Decimal	183, 195, 22	`rgb(183,195,22)`
RGB Percent	71.8, 76.5, 8.6	`rgb(71.8%,76.5%,8.6%)`
CMYK	6, 0, 89, 24
HSL	64.2°, 79.7, 42.5	`hsl(64.2,79.7%,42.5%)`
HSV (or HSB)	64.2°, 88.7, 76.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	75.548, -22.461, 73.442
XYZ	39.188, 49.156, 8.183
xyY	0.406, 0.509, 49.156
CIE-LCH	75.548, 76.8, 107.006
CIE-LUV	75.548, -2.122, 82.425
Hunter-Lab	70.111, -22.923, 42.158
Binary	10110111, 11000011, 00010110

#b7c316
```
#b7c316 rgb(183,195,22)
```
#2216c3
```
#2216c3 rgb(34,22,195)
```

Complementary Color

#c37916
```
#c37916 rgb(195,121,22)
```
#b7c316
```
#b7c316 rgb(183,195,22)
```
#61c316
```
#61c316 rgb(97,195,22)
```

Analogous Color

#7916c3
```
#7916c3 rgb(121,22,195)
```
#b7c316
```
#b7c316 rgb(183,195,22)
```
#1661c3
```
#1661c3 rgb(22,97,195)
```

Split Complementary Color

#c316b7
```
#c316b7 rgb(195,22,183)
```
#b7c316
```
#b7c316 rgb(183,195,22)
```
#16b7c3
```
#16b7c3 rgb(22,183,195)
```

Triadic Color

#c32216
```
#c32216 rgb(195,34,22)
```
#b7c316
```
#b7c316 rgb(183,195,22)
```
#16b7c3
```
#16b7c3 rgb(22,183,195)
```
#2216c3
```
#2216c3 rgb(34,22,195)
```

Tetradic Color

#767e0e
```
#767e0e rgb(118,126,14)
```
#8c9511
```
#8c9511 rgb(140,149,17)
```
#a1ac13
```
#a1ac13 rgb(161,172,19)
```
#b7c316
```
#b7c316 rgb(183,195,22)
```
#cdda19
```
#cdda19 rgb(205,218,25)
```
#d9e626
```
#d9e626 rgb(217,230,38)
```
#dde93c
```
#dde93c rgb(221,233,60)
```

Monochromatic Color

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

#c3a416
```
#c3a416 rgb(195,164,22)
```
#c3b216
```
#c3b216 rgb(195,178,22)
```
#c3c116
```
#c3c116 rgb(195,193,22)
```
#b7c316
```
#b7c316 rgb(183,195,22)
```
#a9c316
```
#a9c316 rgb(169,195,22)
```
#9ac316
```
#9ac316 rgb(154,195,22)
```
#8cc316
```
#8cc316 rgb(140,195,22)
```

Similar Colors

Text with hexadecimal color #b7c316

This text has a font color of #b7c316.

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

#b7c316 background color

This paragraph has a background color of #b7c316.

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

#b7c316 border color

This element has a border color of #b7c316.

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

CSS codes

.text {color:#b7c316;}

.background {background-color:#b7c316;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#121302
```
#121302 rgb(18,19,2)
```
#222404
```
#222404 rgb(34,36,4)
```
#333606
```
#333606 rgb(51,54,6)
```
#434808
```
#434808 rgb(67,72,8)
```
#54590a
```
#54590a rgb(84,89,10)
```
#646b0c
```
#646b0c rgb(100,107,12)
```
#757c0e
```
#757c0e rgb(117,124,14)
```
#858e10
```
#858e10 rgb(133,142,16)
```
#96a012
```
#96a012 rgb(150,160,18)
```
#a6b114
```
#a6b114 rgb(166,177,20)
```
#b7c316
```
#b7c316 rgb(183,195,22)
```
#c8d518
```
#c8d518 rgb(200,213,24)
```

Shade Color Variation

#d7e51b
```
#d7e51b rgb(215,229,27)
```
#dae72d
```
#dae72d rgb(218,231,45)
```
#dde93e
```
#dde93e rgb(221,233,62)
```
#e0eb50
```
#e0eb50 rgb(224,235,80)
```
#e4ed61
```
#e4ed61 rgb(228,237,97)
```
#e7ef73
```
#e7ef73 rgb(231,239,115)
```
#eaf185
```
#eaf185 rgb(234,241,133)
```
#edf396
```
#edf396 rgb(237,243,150)
```
#f0f5a8
```
#f0f5a8 rgb(240,245,168)
```
#f3f7ba
```
#f3f7ba rgb(243,247,186)
```
#f6f9cb
```
#f6f9cb rgb(246,249,203)
```
#f9fbdd
```
#f9fbdd rgb(249,251,221)
```
#fcfdee
```
#fcfdee rgb(252,253,238)
```

Tint Color Variation

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

#6f7069
```
#6f7069 rgb(111,112,105)
```
#767861
```
#767861 rgb(118,120,97)
```
#7d8059
```
#7d8059 rgb(125,128,89)
```
#858950
```
#858950 rgb(133,137,80)
```
#8c9148
```
#8c9148 rgb(140,145,72)
```
#939940
```
#939940 rgb(147,153,64)
```
#9aa237
```
#9aa237 rgb(154,162,55)
```
#a1aa2f
```
#a1aa2f rgb(161,170,47)
```
#a9b227
```
#a9b227 rgb(169,178,39)
```
#b0bb1e
```
#b0bb1e rgb(176,187,30)
```
#b7c316
```
#b7c316 rgb(183,195,22)
```
#becb0e
```
#becb0e rgb(190,203,14)
```
#c5d405
```
#c5d405 rgb(197,212,5)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#aeb18e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4be1f Protanopia 1% of men
#ecb430 Deuteranopia 1% of men
#c9b9c6 Tritanopia 0.001% of the population

Trichromacy

#c9bf1c Protanomaly 1% of men, 0.01% of women
#d9b927 Deuteranomaly 6% of men, 0.4% of women
#c2bc86 Tritanomaly 0.01% of the population

#b7c316 hex color

#b7c316 Color Information

#b7c316 Color Conversion

Color Schemes with #b7c316

Alternatives to #b7c316

#b7c316 Preview

Shades and Tints of #b7c316

Tones of #b7c316

Color Blindness Simulator