#bdd916 hex color

In a RGB color space, hex #bdd916 is composed of 74.1% red, 85.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 12.9% cyan, 0% magenta, 89.9% yellow and 14.9% black. It has a hue angle of 68.6 degrees, a saturation of 81.6% and a lightness of 46.9%. #bdd916 color hex could be obtained by blending #ffff2c with #7bb300. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 74
- G 85
- B 9
RGB color chart
- C 13
- M 0
- Y 90
- K 15
CMYK color chart

● #bdd916 color description : Vivid yellow.

The hexadecimal color #bdd916 has RGB values of R:189, G:217, B:22 and CMYK values of C:0.13, M:0, Y:0.9, K:0.15. Its decimal value is 12441878.

Hex triplet	bdd916	`#bdd916`
RGB Decimal	189, 217, 22	`rgb(189,217,22)`
RGB Percent	74.1, 85.1, 8.6	`rgb(74.1%,85.1%,8.6%)`
CMYK	13, 0, 90, 15
HSL	68.6°, 81.6, 46.9	`hsl(68.6,81.6%,46.9%)`
HSV (or HSB)	68.6°, 89.9, 85.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.11, -30.487, 78.87
XYZ	45.944, 60.502, 10.017
xyY	0.394, 0.519, 60.502
CIE-LCH	82.11, 84.557, 111.134
CIE-LUV	82.11, -11.729, 91.056
Hunter-Lab	77.783, -30.687, 46.813
Binary	10111101, 11011001, 00010110

#bdd916
```
#bdd916 rgb(189,217,22)
```
#3216d9
```
#3216d9 rgb(50,22,217)
```

Complementary Color

#d99416
```
#d99416 rgb(217,148,22)
```
#bdd916
```
#bdd916 rgb(189,217,22)
```
#5bd916
```
#5bd916 rgb(91,217,22)
```

Analogous Color

#9416d9
```
#9416d9 rgb(148,22,217)
```
#bdd916
```
#bdd916 rgb(189,217,22)
```
#165bd9
```
#165bd9 rgb(22,91,217)
```

Split Complementary Color

#d916bd
```
#d916bd rgb(217,22,189)
```
#bdd916
```
#bdd916 rgb(189,217,22)
```
#16bdd9
```
#16bdd9 rgb(22,189,217)
```

Triadic Color

#d93216
```
#d93216 rgb(217,50,22)
```
#bdd916
```
#bdd916 rgb(189,217,22)
```
#16bdd9
```
#16bdd9 rgb(22,189,217)
```
#3216d9
```
#3216d9 rgb(50,22,217)
```

Tetradic Color

#81940f
```
#81940f rgb(129,148,15)
```
#95ab11
```
#95ab11 rgb(149,171,17)
```
#a9c214
```
#a9c214 rgb(169,194,20)
```
#bdd916
```
#bdd916 rgb(189,217,22)
```
#cce820
```
#cce820 rgb(204,232,32)
```
#d1eb37
```
#d1eb37 rgb(209,235,55)
```
#d6ed4e
```
#d6ed4e rgb(214,237,78)
```

Monochromatic Color

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

#d9c416
```
#d9c416 rgb(217,196,22)
```
#d9d516
```
#d9d516 rgb(217,213,22)
```
#cdd916
```
#cdd916 rgb(205,217,22)
```
#bdd916
```
#bdd916 rgb(189,217,22)
```
#add916
```
#add916 rgb(173,217,22)
```
#9dd916
```
#9dd916 rgb(157,217,22)
```
#8cd916
```
#8cd916 rgb(140,217,22)
```

Similar Colors

Text with hexadecimal color #bdd916

This text has a font color of #bdd916.

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

#bdd916 background color

This paragraph has a background color of #bdd916.

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

#bdd916 border color

This element has a border color of #bdd916.

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

CSS codes

.text {color:#bdd916;}

.background {background-color:#bdd916;}

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

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 #fcfef0 is the lightest one.

#030300
```
#030300 rgb(3,3,0)
```
#121502
```
#121502 rgb(18,21,2)
```
#222704
```
#222704 rgb(34,39,4)
```
#313906
```
#313906 rgb(49,57,6)
```
#414b08
```
#414b08 rgb(65,75,8)
```
#505c09
```
#505c09 rgb(80,92,9)
```
#606e0b
```
#606e0b rgb(96,110,11)
```
#6f800d
```
#6f800d rgb(111,128,13)
```
#7f920f
```
#7f920f rgb(127,146,15)
```
#8ea411
```
#8ea411 rgb(142,164,17)
```
#9eb512
```
#9eb512 rgb(158,181,18)
```
#adc714
```
#adc714 rgb(173,199,20)
```
#bdd916
```
#bdd916 rgb(189,217,22)
```

Shade Color Variation

#cae81b
```
#cae81b rgb(202,232,27)
```
#cfea2d
```
#cfea2d rgb(207,234,45)
```
#d3eb3e
```
#d3eb3e rgb(211,235,62)
```
#d7ed50
```
#d7ed50 rgb(215,237,80)
```
#dbef62
```
#dbef62 rgb(219,239,98)
```
#dff174
```
#dff174 rgb(223,241,116)
```
#e3f386
```
#e3f386 rgb(227,243,134)
```
#e7f497
```
#e7f497 rgb(231,244,151)
```
#ebf6a9
```
#ebf6a9 rgb(235,246,169)
```
#eff8bb
```
#eff8bb rgb(239,248,187)
```
#f3facd
```
#f3facd rgb(243,250,205)
```
#f8fcdf
```
#f8fcdf rgb(248,252,223)
```
#fcfef0
```
#fcfef0 rgb(252,254,240)
```

Tint Color Variation

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

#7b7d72
```
#7b7d72 rgb(123,125,114)
```
#828669
```
#828669 rgb(130,134,105)
```
#898f60
```
#898f60 rgb(137,143,96)
```
#8f9956
```
#8f9956 rgb(143,153,86)
```
#96a24d
```
#96a24d rgb(150,162,77)
```
#9cab44
```
#9cab44 rgb(156,171,68)
```
#a3b43b
```
#a3b43b rgb(163,180,59)
```
#a9bd32
```
#a9bd32 rgb(169,189,50)
```
#b0c728
```
#b0c728 rgb(176,199,40)
```
#b6d01f
```
#b6d01f rgb(182,208,31)
```
#bdd916
```
#bdd916 rgb(189,217,22)
```
#c4e20d
```
#c4e20d rgb(196,226,13)
```
#caeb04
```
#caeb04 rgb(202,235,4)
```

Tone Color Variation

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

Dichromacy

#e8cf1d Protanopia 1% of men
#ffc54f Deuteranopia 1% of men
#d2ccdb Tritanopia 0.001% of the population

Trichromacy

#d8d21b Protanomaly 1% of men, 0.01% of women
#e7cc3a Deuteranomaly 6% of men, 0.4% of women
#cad193 Tritanomaly 0.01% of the population

#bdd916 hex color

#bdd916 Color Information

#bdd916 Color Conversion

Color Schemes with #bdd916

Alternatives to #bdd916

#bdd916 Preview

Shades and Tints of #bdd916

Tones of #bdd916

Color Blindness Simulator