#b7dd12 hex color

In a RGB color space, hex #b7dd12 is composed of 71.8% red, 86.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 0% magenta, 91.9% yellow and 13.3% black. It has a hue angle of 71.2 degrees, a saturation of 84.9% and a lightness of 46.9%. #b7dd12 color hex could be obtained by blending #ffff24 with #6fbb00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 72
- G 87
- B 7
RGB color chart
- C 17
- M 0
- Y 92
- K 13
CMYK color chart

● #b7dd12 color description : Vivid yellow.

The hexadecimal color #b7dd12 has RGB values of R:183, G:221, B:18 and CMYK values of C:0.17, M:0, Y:0.92, K:0.13. Its decimal value is 12049682.

Hex triplet	b7dd12	`#b7dd12`
RGB Decimal	183, 221, 18	`rgb(183,221,18)`
RGB Percent	71.8, 86.7, 7.1	`rgb(71.8%,86.7%,7.1%)`
CMYK	17, 0, 92, 13
HSL	71.2°, 84.9, 46.9	`hsl(71.2,84.9%,46.9%)`
HSV (or HSB)	71.2°, 91.9, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.819, -34.828, 79.817
XYZ	45.494, 61.823, 10.109
xyY	0.387, 0.526, 61.823
CIE-LCH	82.819, 87.085, 113.574
CIE-LUV	82.819, -17.701, 92.932
Hunter-Lab	78.628, -34.32, 47.417
Binary	10110111, 11011101, 00010010

#b7dd12
```
#b7dd12 rgb(183,221,18)
```
#3812dd
```
#3812dd rgb(56,18,221)
```

Complementary Color

#dd9e12
```
#dd9e12 rgb(221,158,18)
```
#b7dd12
```
#b7dd12 rgb(183,221,18)
```
#52dd12
```
#52dd12 rgb(82,221,18)
```

Analogous Color

#9e12dd
```
#9e12dd rgb(158,18,221)
```
#b7dd12
```
#b7dd12 rgb(183,221,18)
```
#1252dd
```
#1252dd rgb(18,82,221)
```

Split Complementary Color

#dd12b7
```
#dd12b7 rgb(221,18,183)
```
#b7dd12
```
#b7dd12 rgb(183,221,18)
```
#12b7dd
```
#12b7dd rgb(18,183,221)
```

Triadic Color

#dd3812
```
#dd3812 rgb(221,56,18)
```
#b7dd12
```
#b7dd12 rgb(183,221,18)
```
#12b7dd
```
#12b7dd rgb(18,183,221)
```
#3812dd
```
#3812dd rgb(56,18,221)
```

Tetradic Color

#7c960c
```
#7c960c rgb(124,150,12)
```
#90ae0e
```
#90ae0e rgb(144,174,14)
```
#a3c510
```
#a3c510 rgb(163,197,16)
```
#b7dd12
```
#b7dd12 rgb(183,221,18)
```
#c5ed1c
```
#c5ed1c rgb(197,237,28)
```
#cbee34
```
#cbee34 rgb(203,238,52)
```
#d1f04b
```
#d1f04b rgb(209,240,75)
```

Monochromatic Color

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

#ddd012
```
#ddd012 rgb(221,208,18)
```
#d9dd12
```
#d9dd12 rgb(217,221,18)
```
#c8dd12
```
#c8dd12 rgb(200,221,18)
```
#b7dd12
```
#b7dd12 rgb(183,221,18)
```
#a6dd12
```
#a6dd12 rgb(166,221,18)
```
#95dd12
```
#95dd12 rgb(149,221,18)
```
#84dd12
```
#84dd12 rgb(132,221,18)
```

Similar Colors

Text with hexadecimal color #b7dd12

This text has a font color of #b7dd12.

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

#b7dd12 background color

This paragraph has a background color of #b7dd12.

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

#b7dd12 border color

This element has a border color of #b7dd12.

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

CSS codes

.text {color:#b7dd12;}

.background {background-color:#b7dd12;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#121502
```
#121502 rgb(18,21,2)
```
#212803
```
#212803 rgb(33,40,3)
```
#303a05
```
#303a05 rgb(48,58,5)
```
#3f4c06
```
#3f4c06 rgb(63,76,6)
```
#4e5e08
```
#4e5e08 rgb(78,94,8)
```
#5d7009
```
#5d7009 rgb(93,112,9)
```
#6c820b
```
#6c820b rgb(108,130,11)
```
#7b940c
```
#7b940c rgb(123,148,12)
```
#8aa70e
```
#8aa70e rgb(138,167,14)
```
#99b90f
```
#99b90f rgb(153,185,15)
```
#a8cb11
```
#a8cb11 rgb(168,203,17)
```
#b7dd12
```
#b7dd12 rgb(183,221,18)
```

Shade Color Variation

#c4ec17
```
#c4ec17 rgb(196,236,23)
```
#c9ee29
```
#c9ee29 rgb(201,238,41)
```
#cdef3b
```
#cdef3b rgb(205,239,59)
```
#d2f04d
```
#d2f04d rgb(210,240,77)
```
#d6f25f
```
#d6f25f rgb(214,242,95)
```
#dbf371
```
#dbf371 rgb(219,243,113)
```
#e0f583
```
#e0f583 rgb(224,245,131)
```
#e4f696
```
#e4f696 rgb(228,246,150)
```
#e9f8a8
```
#e9f8a8 rgb(233,248,168)
```
#edf9ba
```
#edf9ba rgb(237,249,186)
```
#f2fbcc
```
#f2fbcc rgb(242,251,204)
```
#f7fcde
```
#f7fcde rgb(247,252,222)
```
#fbfef0
```
#fbfef0 rgb(251,254,240)
```

Tint Color Variation

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

#787877
```
#787877 rgb(120,120,119)
```
#7d816e
```
#7d816e rgb(125,129,110)
```
#838a65
```
#838a65 rgb(131,138,101)
```
#89935c
```
#89935c rgb(137,147,92)
```
#8f9d52
```
#8f9d52 rgb(143,157,82)
```
#94a649
```
#94a649 rgb(148,166,73)
```
#9aaf40
```
#9aaf40 rgb(154,175,64)
```
#a0b837
```
#a0b837 rgb(160,184,55)
```
#a6c12e
```
#a6c12e rgb(166,193,46)
```
#abcb24
```
#abcb24 rgb(171,203,36)
```
#b1d41b
```
#b1d41b rgb(177,212,27)
```
#b7dd12
```
#b7dd12 rgb(183,221,18)
```
#bde609
```
#bde609 rgb(189,230,9)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b9c198 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead118 Protanopia 1% of men
#ffc75e Deuteranopia 1% of men
#cecfde Tritanopia 0.001% of the population

Trichromacy

#d7d516 Protanomaly 1% of men, 0.01% of women
#e4cf42 Deuteranomaly 6% of men, 0.4% of women
#c5d494 Tritanomaly 0.01% of the population

#b7dd12 hex color

#b7dd12 Color Information

#b7dd12 Color Conversion

Color Schemes with #b7dd12

Alternatives to #b7dd12

#b7dd12 Preview

Shades and Tints of #b7dd12

Tones of #b7dd12

Color Blindness Simulator