#bddf16 hex color

In a RGB color space, hex #bddf16 is composed of 74.1% red, 87.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 90.1% yellow and 12.5% black. It has a hue angle of 70.1 degrees, a saturation of 82% and a lightness of 48%. #bddf16 color hex could be obtained by blending #ffff2c with #7bbf00. Closest websafe color is: #cccc00.

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

● #bddf16 color description : Vivid yellow.

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

Hex triplet	bddf16	`#bddf16`
RGB Decimal	189, 223, 22	`rgb(189,223,22)`
RGB Percent	74.1, 87.5, 8.6	`rgb(74.1%,87.5%,8.6%)`
CMYK	15, 0, 90, 13
HSL	70.1°, 82, 48	`hsl(70.1,82%,48%)`
HSV (or HSB)	70.1°, 90.1, 87.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.784, -33.268, 80.205
XYZ	47.518, 63.652, 10.542
xyY	0.39, 0.523, 63.652
CIE-LCH	83.784, 86.831, 112.528
CIE-LUV	83.784, -15.251, 93.383
Hunter-Lab	79.782, -33.304, 48.013
Binary	10111101, 11011111, 00010110

#bddf16
```
#bddf16 rgb(189,223,22)
```
#3816df
```
#3816df rgb(56,22,223)
```

Complementary Color

#df9d16
```
#df9d16 rgb(223,157,22)
```
#bddf16
```
#bddf16 rgb(189,223,22)
```
#59df16
```
#59df16 rgb(89,223,22)
```

Analogous Color

#9d16df
```
#9d16df rgb(157,22,223)
```
#bddf16
```
#bddf16 rgb(189,223,22)
```
#1659df
```
#1659df rgb(22,89,223)
```

Split Complementary Color

#df16bd
```
#df16bd rgb(223,22,189)
```
#bddf16
```
#bddf16 rgb(189,223,22)
```
#16bddf
```
#16bddf rgb(22,189,223)
```

Triadic Color

#df3816
```
#df3816 rgb(223,56,22)
```
#bddf16
```
#bddf16 rgb(189,223,22)
```
#16bddf
```
#16bddf rgb(22,189,223)
```
#3816df
```
#3816df rgb(56,22,223)
```

Tetradic Color

#82990f
```
#82990f rgb(130,153,15)
```
#96b111
```
#96b111 rgb(150,177,17)
```
#a9c814
```
#a9c814 rgb(169,200,20)
```
#bddf16
```
#bddf16 rgb(189,223,22)
```
#c8e925
```
#c8e925 rgb(200,233,37)
```
#ceec3c
```
#ceec3c rgb(206,236,60)
```
#d4ee53
```
#d4ee53 rgb(212,238,83)
```

Monochromatic Color

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

#dfcf16
```
#dfcf16 rgb(223,207,22)
```
#dfdf16
```
#dfdf16 rgb(223,223,22)
```
#cedf16
```
#cedf16 rgb(206,223,22)
```
#bddf16
```
#bddf16 rgb(189,223,22)
```
#acdf16
```
#acdf16 rgb(172,223,22)
```
#9cdf16
```
#9cdf16 rgb(156,223,22)
```
#8bdf16
```
#8bdf16 rgb(139,223,22)
```

Similar Colors

Text with hexadecimal color #bddf16

This text has a font color of #bddf16.

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

#bddf16 background color

This paragraph has a background color of #bddf16.

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

#bddf16 border color

This element has a border color of #bddf16.

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

CSS codes

.text {color:#bddf16;}

.background {background-color:#bddf16;}

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

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

#070901
```
#070901 rgb(7,9,1)
```
#171b03
```
#171b03 rgb(23,27,3)
```
#262c04
```
#262c04 rgb(38,44,4)
```
#353e06
```
#353e06 rgb(53,62,6)
```
#445008
```
#445008 rgb(68,80,8)
```
#53620a
```
#53620a rgb(83,98,10)
```
#62740b
```
#62740b rgb(98,116,11)
```
#71860d
```
#71860d rgb(113,134,13)
```
#80980f
```
#80980f rgb(128,152,15)
```
#90a911
```
#90a911 rgb(144,169,17)
```
#9fbb12
```
#9fbb12 rgb(159,187,18)
```
#aecd14
```
#aecd14 rgb(174,205,20)
```
#bddf16
```
#bddf16 rgb(189,223,22)
```

Shade Color Variation

#c7e920
```
#c7e920 rgb(199,233,32)
```
#cbeb32
```
#cbeb32 rgb(203,235,50)
```
#d0ec43
```
#d0ec43 rgb(208,236,67)
```
#d4ee55
```
#d4ee55 rgb(212,238,85)
```
#d9f067
```
#d9f067 rgb(217,240,103)
```
#ddf279
```
#ddf279 rgb(221,242,121)
```
#e2f48b
```
#e2f48b rgb(226,244,139)
```
#e6f59d
```
#e6f59d rgb(230,245,157)
```
#ebf7ae
```
#ebf7ae rgb(235,247,174)
```
#eff9c0
```
#eff9c0 rgb(239,249,192)
```
#f4fbd2
```
#f4fbd2 rgb(244,251,210)
```
#f8fce4
```
#f8fce4 rgb(248,252,228)
```
#fdfef6
```
#fdfef6 rgb(253,254,246)
```

Tint Color Variation

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

#7f8174
```
#7f8174 rgb(127,129,116)
```
#858a6b
```
#858a6b rgb(133,138,107)
```
#8b9461
```
#8b9461 rgb(139,148,97)
```
#919d58
```
#919d58 rgb(145,157,88)
```
#98a64f
```
#98a64f rgb(152,166,79)
```
#9eb045
```
#9eb045 rgb(158,176,69)
```
#a4b93c
```
#a4b93c rgb(164,185,60)
```
#aac332
```
#aac332 rgb(170,195,50)
```
#b1cc29
```
#b1cc29 rgb(177,204,41)
```
#b7d61f
```
#b7d61f rgb(183,214,31)
```
#bddf16
```
#bddf16 rgb(189,223,22)
```
#c3e80d
```
#c3e80d rgb(195,232,13)
```
#c9f203
```
#c9f203 rgb(201,242,3)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bec59c Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd31d Protanopia 1% of men
#ffcb6e Deuteranopia 1% of men
#d3d1e0 Tritanopia 0.001% of the population

Trichromacy

#dbd71a Protanomaly 1% of men, 0.01% of women
#e7d24e Deuteranomaly 6% of men, 0.4% of women
#cbd697 Tritanomaly 0.01% of the population

#bddf16 hex color

#bddf16 Color Information

#bddf16 Color Conversion

Color Schemes with #bddf16

Alternatives to #bddf16

#bddf16 Preview

Shades and Tints of #bddf16

Tones of #bddf16

Color Blindness Simulator