#b8d316 hex color

In a RGB color space, hex #b8d316 is composed of 72.2% red, 82.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 12.8% cyan, 0% magenta, 89.6% yellow and 17.3% black. It has a hue angle of 68.6 degrees, a saturation of 81.1% and a lightness of 45.7%. #b8d316 color hex could be obtained by blending #ffff2c with #71a700. 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

● #b8d316 color description : Strong yellow.

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

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

CIE-LAB	80.088, -29.722, 77.108
XYZ	43.206, 56.837, 9.453
xyY	0.395, 0.519, 56.837
CIE-LCH	80.088, 82.638, 111.08
CIE-LUV	80.088, -11.27, 88.703
Hunter-Lab	75.39, -29.635, 45.338
Binary	10111000, 11010011, 00010110

#b8d316
```
#b8d316 rgb(184,211,22)
```
#3116d3
```
#3116d3 rgb(49,22,211)
```

Complementary Color

#d39016
```
#d39016 rgb(211,144,22)
```
#b8d316
```
#b8d316 rgb(184,211,22)
```
#5ad316
```
#5ad316 rgb(90,211,22)
```

Analogous Color

#9016d3
```
#9016d3 rgb(144,22,211)
```
#b8d316
```
#b8d316 rgb(184,211,22)
```
#165ad3
```
#165ad3 rgb(22,90,211)
```

Split Complementary Color

#d316b8
```
#d316b8 rgb(211,22,184)
```
#b8d316
```
#b8d316 rgb(184,211,22)
```
#16b8d3
```
#16b8d3 rgb(22,184,211)
```

Triadic Color

#d33116
```
#d33116 rgb(211,49,22)
```
#b8d316
```
#b8d316 rgb(184,211,22)
```
#16b8d3
```
#16b8d3 rgb(22,184,211)
```
#3116d3
```
#3116d3 rgb(49,22,211)
```

Tetradic Color

#7c8e0f
```
#7c8e0f rgb(124,142,15)
```
#90a511
```
#90a511 rgb(144,165,17)
```
#a4bc14
```
#a4bc14 rgb(164,188,20)
```
#b8d316
```
#b8d316 rgb(184,211,22)
```
#cae71b
```
#cae71b rgb(202,231,27)
```
#cfea32
```
#cfea32 rgb(207,234,50)
```
#d5ec49
```
#d5ec49 rgb(213,236,73)
```

Monochromatic Color

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

#d3bf16
```
#d3bf16 rgb(211,191,22)
```
#d3cf16
```
#d3cf16 rgb(211,207,22)
```
#c8d316
```
#c8d316 rgb(200,211,22)
```
#b8d316
```
#b8d316 rgb(184,211,22)
```
#a8d316
```
#a8d316 rgb(168,211,22)
```
#99d316
```
#99d316 rgb(153,211,22)
```
#89d316
```
#89d316 rgb(137,211,22)
```

Similar Colors

Text with hexadecimal color #b8d316

This text has a font color of #b8d316.

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

#b8d316 background color

This paragraph has a background color of #b8d316.

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

#b8d316 border color

This element has a border color of #b8d316.

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

CSS codes

.text {color:#b8d316;}

.background {background-color:#b8d316;}

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

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)
```
#2d3305
```
#2d3305 rgb(45,51,5)
```
#3c4507
```
#3c4507 rgb(60,69,7)
```
#4c5709
```
#4c5709 rgb(76,87,9)
```
#5b680b
```
#5b680b rgb(91,104,11)
```
#6b7a0d
```
#6b7a0d rgb(107,122,13)
```
#7a8c0f
```
#7a8c0f rgb(122,140,15)
```
#8a9e10
```
#8a9e10 rgb(138,158,16)
```
#99af12
```
#99af12 rgb(153,175,18)
```
#a9c114
```
#a9c114 rgb(169,193,20)
```
#b8d316
```
#b8d316 rgb(184,211,22)
```
#c7e518
```
#c7e518 rgb(199,229,24)
```

Shade Color Variation

#cde928
```
#cde928 rgb(205,233,40)
```
#d1ea39
```
#d1ea39 rgb(209,234,57)
```
#d5ec4b
```
#d5ec4b rgb(213,236,75)
```
#d9ee5d
```
#d9ee5d rgb(217,238,93)
```
#ddf06f
```
#ddf06f rgb(221,240,111)
```
#e2f280
```
#e2f280 rgb(226,242,128)
```
#e6f492
```
#e6f492 rgb(230,244,146)
```
#eaf6a4
```
#eaf6a4 rgb(234,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 #c5e504 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)
```
#929d4c
```
#929d4c rgb(146,157,76)
```
#98a643
```
#98a643 rgb(152,166,67)
```
#9eaf3a
```
#9eaf3a rgb(158,175,58)
```
#a5b831
```
#a5b831 rgb(165,184,49)
```
#abc128
```
#abc128 rgb(171,193,40)
```
#b2ca1f
```
#b2ca1f rgb(178,202,31)
```
#b8d316
```
#b8d316 rgb(184,211,22)
```
#bedc0d
```
#bedc0d rgb(190,220,13)
```
#c5e504
```
#c5e504 rgb(197,229,4)
```

Tone Color Variation

Below, you can see how #b8d316 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
#b6bb95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2c91e Protanopia 1% of men
#fbbf34 Deuteranopia 1% of men
#cdc7d5 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
#c5cb8f Tritanomaly 0.01% of the population

#b8d316 hex color

#b8d316 Color Information

#b8d316 Color Conversion

Color Schemes with #b8d316

Alternatives to #b8d316

#b8d316 Preview

Shades and Tints of #b8d316

Tones of #b8d316

Color Blindness Simulator