#b7d316 hex color

In a RGB color space, hex #b7d316 is composed of 71.8% red, 82.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 0% magenta, 89.6% yellow and 17.3% black. It has a hue angle of 68.9 degrees, a saturation of 81.1% and a lightness of 45.7%. #b7d316 color hex could be obtained by blending #ffff2c with #6fa700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 72
- G 83
- B 9
RGB color chart
- C 13
- M 0
- Y 90
- K 17
CMYK color chart

● #b7d316 color description : Strong yellow.

The hexadecimal color #b7d316 has RGB values of R:183, G:211, B:22 and CMYK values of C:0.13, M:0, Y:0.9, K:0.17. Its decimal value is 12047126.

Hex triplet	b7d316	`#b7d316`
RGB Decimal	183, 211, 22	`rgb(183,211,22)`
RGB Percent	71.8, 82.7, 8.6	`rgb(71.8%,82.7%,8.6%)`
CMYK	13, 0, 90, 17
HSL	68.9°, 81.1, 45.7	`hsl(68.9,81.1%,45.7%)`
HSV (or HSB)	68.9°, 89.6, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.018, -30.132, 77.023
XYZ	42.967, 56.714, 9.442
xyY	0.394, 0.52, 56.714
CIE-LCH	80.018, 82.707, 111.366
CIE-LUV	80.018, -11.891, 88.699
Hunter-Lab	75.308, -29.947, 45.282
Binary	10110111, 11010011, 00010110

#b7d316
```
#b7d316 rgb(183,211,22)
```
#3216d3
```
#3216d3 rgb(50,22,211)
```

Complementary Color

#d39116
```
#d39116 rgb(211,145,22)
```
#b7d316
```
#b7d316 rgb(183,211,22)
```
#59d316
```
#59d316 rgb(89,211,22)
```

Analogous Color

#9116d3
```
#9116d3 rgb(145,22,211)
```
#b7d316
```
#b7d316 rgb(183,211,22)
```
#1659d3
```
#1659d3 rgb(22,89,211)
```

Split Complementary Color

#d316b7
```
#d316b7 rgb(211,22,183)
```
#b7d316
```
#b7d316 rgb(183,211,22)
```
#16b7d3
```
#16b7d3 rgb(22,183,211)
```

Triadic Color

#d33216
```
#d33216 rgb(211,50,22)
```
#b7d316
```
#b7d316 rgb(183,211,22)
```
#16b7d3
```
#16b7d3 rgb(22,183,211)
```
#3216d3
```
#3216d3 rgb(50,22,211)
```

Tetradic Color

#7b8e0f
```
#7b8e0f rgb(123,142,15)
```
#8fa511
```
#8fa511 rgb(143,165,17)
```
#a3bc14
```
#a3bc14 rgb(163,188,20)
```
#b7d316
```
#b7d316 rgb(183,211,22)
```
#c9e71b
```
#c9e71b rgb(201,231,27)
```
#cfea32
```
#cfea32 rgb(207,234,50)
```
#d4ec49
```
#d4ec49 rgb(212,236,73)
```

Monochromatic Color

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

#d3c016
```
#d3c016 rgb(211,192,22)
```
#d3d016
```
#d3d016 rgb(211,208,22)
```
#c7d316
```
#c7d316 rgb(199,211,22)
```
#b7d316
```
#b7d316 rgb(183,211,22)
```
#a7d316
```
#a7d316 rgb(167,211,22)
```
#98d316
```
#98d316 rgb(152,211,22)
```
#88d316
```
#88d316 rgb(136,211,22)
```

Similar Colors

Text with hexadecimal color #b7d316

This text has a font color of #b7d316.

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

#b7d316 background color

This paragraph has a background color of #b7d316.

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

#b7d316 border color

This element has a border color of #b7d316.

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

CSS codes

.text {color:#b7d316;}

.background {background-color:#b7d316;}

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

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

#0e1002
```
#0e1002 rgb(14,16,2)
```
#1d2103
```
#1d2103 rgb(29,33,3)
```
#2c3305
```
#2c3305 rgb(44,51,5)
```
#3c4507
```
#3c4507 rgb(60,69,7)
```
#4b5709
```
#4b5709 rgb(75,87,9)
```
#5b680b
```
#5b680b rgb(91,104,11)
```
#6a7a0d
```
#6a7a0d rgb(106,122,13)
```
#798c0f
```
#798c0f rgb(121,140,15)
```
#899e10
```
#899e10 rgb(137,158,16)
```
#98af12
```
#98af12 rgb(152,175,18)
```
#a8c114
```
#a8c114 rgb(168,193,20)
```
#b7d316
```
#b7d316 rgb(183,211,22)
```
#c6e518
```
#c6e518 rgb(198,229,24)
```

Shade Color Variation

#cce928
```
#cce928 rgb(204,233,40)
```
#d0ea39
```
#d0ea39 rgb(208,234,57)
```
#d4ec4b
```
#d4ec4b rgb(212,236,75)
```
#d9ee5d
```
#d9ee5d rgb(217,238,93)
```
#ddf06f
```
#ddf06f rgb(221,240,111)
```
#e1f280
```
#e1f280 rgb(225,242,128)
```
#e5f492
```
#e5f492 rgb(229,244,146)
```
#e9f6a4
```
#e9f6a4 rgb(233,246,164)
```
#eef7b6
```
#eef7b6 rgb(238,247,182)
```
#f2f9c8
```
#f2f9c8 rgb(242,249,200)
```
#f6fbd9
```
#f6fbd9 rgb(246,251,217)
```
#fafdeb
```
#fafdeb rgb(250,253,235)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#787970
```
#787970 rgb(120,121,112)
```
#7e8267
```
#7e8267 rgb(126,130,103)
```
#858b5e
```
#858b5e rgb(133,139,94)
```
#8b9455
```
#8b9455 rgb(139,148,85)
```
#919d4c
```
#919d4c rgb(145,157,76)
```
#97a643
```
#97a643 rgb(151,166,67)
```
#9eaf3a
```
#9eaf3a rgb(158,175,58)
```
#a4b831
```
#a4b831 rgb(164,184,49)
```
#aac128
```
#aac128 rgb(170,193,40)
```
#b1ca1f
```
#b1ca1f rgb(177,202,31)
```
#b7d316
```
#b7d316 rgb(183,211,22)
```
#bddc0d
```
#bddc0d rgb(189,220,13)
```
#c4e504
```
#c4e504 rgb(196,229,4)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b5bb95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c91e Protanopia 1% of men
#fabf34 Deuteranopia 1% of men
#ccc7d5 Tritanopia 0.001% of the population

Trichromacy

#d2cd1b Protanomaly 1% of men, 0.01% of women
#e2c629 Deuteranomaly 6% of men, 0.4% of women
#c4cb8f Tritanomaly 0.01% of the population

#b7d316 hex color

#b7d316 Color Information

#b7d316 Color Conversion

Color Schemes with #b7d316

Alternatives to #b7d316

#b7d316 Preview

Shades and Tints of #b7d316

Tones of #b7d316

Color Blindness Simulator