#bddd30 hex color

In a RGB color space, hex #bddd30 is composed of 74.1% red, 86.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 0% magenta, 78.3% yellow and 13.3% black. It has a hue angle of 71.1 degrees, a saturation of 71.8% and a lightness of 52.7%. #bddd30 color hex could be obtained by blending #ffff60 with #7bbb00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 74
- G 87
- B 19
RGB color chart
- C 14
- M 0
- Y 78
- K 13
CMYK color chart

● #bddd30 color description : Bright yellow.

The hexadecimal color #bddd30 has RGB values of R:189, G:221, B:48 and CMYK values of C:0.14, M:0, Y:0.78, K:0.13. Its decimal value is 12442928.

Hex triplet	bddd30	`#bddd30`
RGB Decimal	189, 221, 48	`rgb(189,221,48)`
RGB Percent	74.1, 86.7, 18.8	`rgb(74.1%,86.7%,18.8%)`
CMYK	14, 0, 78, 13
HSL	71.1°, 71.8, 52.7	`hsl(71.1,71.8%,52.7%)`
HSV (or HSB)	71.1°, 78.3, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.308, -31.613, 74.248
XYZ	47.376, 62.745, 12.411
xyY	0.387, 0.512, 62.745
CIE-LCH	83.308, 80.698, 113.063
CIE-LUV	83.308, -14.187, 88.995
Hunter-Lab	79.212, -31.861, 46.158
Binary	10111101, 11011101, 00110000

#bddd30
```
#bddd30 rgb(189,221,48)
```
#5030dd
```
#5030dd rgb(80,48,221)
```

Complementary Color

#dda730
```
#dda730 rgb(221,167,48)
```
#bddd30
```
#bddd30 rgb(189,221,48)
```
#67dd30
```
#67dd30 rgb(103,221,48)
```

Analogous Color

#a730dd
```
#a730dd rgb(167,48,221)
```
#bddd30
```
#bddd30 rgb(189,221,48)
```
#3067dd
```
#3067dd rgb(48,103,221)
```

Split Complementary Color

#dd30bd
```
#dd30bd rgb(221,48,189)
```
#bddd30
```
#bddd30 rgb(189,221,48)
```
#30bddd
```
#30bddd rgb(48,189,221)
```

Triadic Color

#dd5030
```
#dd5030 rgb(221,80,48)
```
#bddd30
```
#bddd30 rgb(189,221,48)
```
#30bddd
```
#30bddd rgb(48,189,221)
```
#5030dd
```
#5030dd rgb(80,48,221)
```

Tetradic Color

#8ca51b
```
#8ca51b rgb(140,165,27)
```
#9ebb1f
```
#9ebb1f rgb(158,187,31)
```
#b1d122
```
#b1d122 rgb(177,209,34)
```
#bddd30
```
#bddd30 rgb(189,221,48)
```
#c4e146
```
#c4e146 rgb(196,225,70)
```
#cbe45c
```
#cbe45c rgb(203,228,92)
```
#d2e872
```
#d2e872 rgb(210,232,114)
```

Monochromatic Color

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

#ddd230
```
#ddd230 rgb(221,210,48)
```
#dadd30
```
#dadd30 rgb(218,221,48)
```
#cbdd30
```
#cbdd30 rgb(203,221,48)
```
#bddd30
```
#bddd30 rgb(189,221,48)
```
#afdd30
```
#afdd30 rgb(175,221,48)
```
#a0dd30
```
#a0dd30 rgb(160,221,48)
```
#92dd30
```
#92dd30 rgb(146,221,48)
```

Similar Colors

Text with hexadecimal color #bddd30

This text has a font color of #bddd30.

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

#bddd30 background color

This paragraph has a background color of #bddd30.

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

#bddd30 border color

This element has a border color of #bddd30.

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

CSS codes

.text {color:#bddd30;}

.background {background-color:#bddd30;}

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

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

#0a0c02
```
#0a0c02 rgb(10,12,2)
```
#181d05
```
#181d05 rgb(24,29,5)
```
#272e08
```
#272e08 rgb(39,46,8)
```
#353f0a
```
#353f0a rgb(53,63,10)
```
#434f0d
```
#434f0d rgb(67,79,13)
```
#516010
```
#516010 rgb(81,96,16)
```
#607113
```
#607113 rgb(96,113,19)
```
#6e8215
```
#6e8215 rgb(110,130,21)
```
#7c9318
```
#7c9318 rgb(124,147,24)
```
#8aa41b
```
#8aa41b rgb(138,164,27)
```
#99b51e
```
#99b51e rgb(153,181,30)
```
#a7c520
```
#a7c520 rgb(167,197,32)
```
#b5d623
```
#b5d623 rgb(181,214,35)
```

Shade Color Variation

#bddd30
```
#bddd30 rgb(189,221,48)
```
#c2e041
```
#c2e041 rgb(194,224,65)
```
#c8e352
```
#c8e352 rgb(200,227,82)
```
#cde563
```
#cde563 rgb(205,229,99)
```
#d2e873
```
#d2e873 rgb(210,232,115)
```
#d8eb84
```
#d8eb84 rgb(216,235,132)
```
#ddee95
```
#ddee95 rgb(221,238,149)
```
#e3f0a6
```
#e3f0a6 rgb(227,240,166)
```
#e8f3b7
```
#e8f3b7 rgb(232,243,183)
```
#edf6c8
```
#edf6c8 rgb(237,246,200)
```
#f3f9d8
```
#f3f9d8 rgb(243,249,216)
```
#f8fbe9
```
#f8fbe9 rgb(248,251,233)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#888a83
```
#888a83 rgb(136,138,131)
```
#8e937a
```
#8e937a rgb(142,147,122)
```
#949c71
```
#949c71 rgb(148,156,113)
```
#9aa568
```
#9aa568 rgb(154,165,104)
```
#a0af5e
```
#a0af5e rgb(160,175,94)
```
#a6b855
```
#a6b855 rgb(166,184,85)
```
#abc14c
```
#abc14c rgb(171,193,76)
```
#b1ca43
```
#b1ca43 rgb(177,202,67)
```
#b7d439
```
#b7d439 rgb(183,212,57)
```
#bddd30
```
#bddd30 rgb(189,221,48)
```
#c3e627
```
#c3e627 rgb(195,230,39)
```
#c9f01d
```
#c9f01d rgb(201,240,29)
```
#cff914
```
#cff914 rgb(207,249,20)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bfc6a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead237 Protanopia 1% of men
#ffc969 Deuteranopia 1% of men
#d2d0df Tritanopia 0.001% of the population

Trichromacy

#dad634 Protanomaly 1% of men, 0.01% of women
#e7d054 Deuteranomaly 6% of men, 0.4% of women
#cad49f Tritanomaly 0.01% of the population

#bddd30 hex color

#bddd30 Color Information

#bddd30 Color Conversion

Color Schemes with #bddd30

Alternatives to #bddd30

#bddd30 Preview

Shades and Tints of #bddd30

Tones of #bddd30

Color Blindness Simulator