#bddb30 hex color

In a RGB color space, hex #bddb30 is composed of 74.1% red, 85.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 0% magenta, 78.1% yellow and 14.1% black. It has a hue angle of 70.5 degrees, a saturation of 70.4% and a lightness of 52.4%. #bddb30 color hex could be obtained by blending #ffff60 with #7bb700. Closest websafe color is: #cccc33.

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

● #bddb30 color description : Bright yellow.

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

Hex triplet	bddb30	`#bddb30`
RGB Decimal	189, 219, 48	`rgb(189,219,48)`
RGB Percent	74.1, 85.9, 18.8	`rgb(74.1%,85.9%,18.8%)`
CMYK	14, 0, 78, 14
HSL	70.5°, 70.4, 52.4	`hsl(70.5,70.4%,52.4%)`
HSV (or HSB)	70.5°, 78.1, 85.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.751, -30.682, 73.746
XYZ	46.851, 61.695, 12.236
xyY	0.388, 0.511, 61.695
CIE-LCH	82.751, 79.873, 112.59
CIE-LUV	82.751, -13.022, 88.185
Hunter-Lab	78.546, -30.985, 45.746
Binary	10111101, 11011011, 00110000

#bddb30
```
#bddb30 rgb(189,219,48)
```
#4e30db
```
#4e30db rgb(78,48,219)
```

Complementary Color

#dba430
```
#dba430 rgb(219,164,48)
```
#bddb30
```
#bddb30 rgb(189,219,48)
```
#68db30
```
#68db30 rgb(104,219,48)
```

Analogous Color

#a430db
```
#a430db rgb(164,48,219)
```
#bddb30
```
#bddb30 rgb(189,219,48)
```
#3068db
```
#3068db rgb(48,104,219)
```

Split Complementary Color

#db30bd
```
#db30bd rgb(219,48,189)
```
#bddb30
```
#bddb30 rgb(189,219,48)
```
#30bddb
```
#30bddb rgb(48,189,219)
```

Triadic Color

#db4e30
```
#db4e30 rgb(219,78,48)
```
#bddb30
```
#bddb30 rgb(189,219,48)
```
#30bddb
```
#30bddb rgb(48,189,219)
```
#4e30db
```
#4e30db rgb(78,48,219)
```

Tetradic Color

#8ba21c
```
#8ba21c rgb(139,162,28)
```
#9db820
```
#9db820 rgb(157,184,32)
```
#b0ce24
```
#b0ce24 rgb(176,206,36)
```
#bddb30
```
#bddb30 rgb(189,219,48)
```
#c4df46
```
#c4df46 rgb(196,223,70)
```
#cbe35b
```
#cbe35b rgb(203,227,91)
```
#d2e671
```
#d2e671 rgb(210,230,113)
```

Monochromatic Color

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

#dbce30
```
#dbce30 rgb(219,206,48)
```
#dadb30
```
#dadb30 rgb(218,219,48)
```
#cbdb30
```
#cbdb30 rgb(203,219,48)
```
#bddb30
```
#bddb30 rgb(189,219,48)
```
#afdb30
```
#afdb30 rgb(175,219,48)
```
#a1db30
```
#a1db30 rgb(161,219,48)
```
#92db30
```
#92db30 rgb(146,219,48)
```

Similar Colors

Text with hexadecimal color #bddb30

This text has a font color of #bddb30.

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

#bddb30 background color

This paragraph has a background color of #bddb30.

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

#bddb30 border color

This element has a border color of #bddb30.

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

CSS codes

.text {color:#bddb30;}

.background {background-color:#bddb30;}

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

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, #090a02 is the darkest color, while #fdfef9 is the lightest one.

#090a02
```
#090a02 rgb(9,10,2)
```
#171b05
```
#171b05 rgb(23,27,5)
```
#252c08
```
#252c08 rgb(37,44,8)
```
#343c0a
```
#343c0a rgb(52,60,10)
```
#424d0d
```
#424d0d rgb(66,77,13)
```
#505e10
```
#505e10 rgb(80,94,16)
```
#5e6e13
```
#5e6e13 rgb(94,110,19)
```
#6d7f16
```
#6d7f16 rgb(109,127,22)
```
#7b9019
```
#7b9019 rgb(123,144,25)
```
#89a11c
```
#89a11c rgb(137,161,28)
```
#98b11f
```
#98b11f rgb(152,177,31)
```
#a6c222
```
#a6c222 rgb(166,194,34)
```
#b4d325
```
#b4d325 rgb(180,211,37)
```

Shade Color Variation

#bddb30
```
#bddb30 rgb(189,219,48)
```
#c2de41
```
#c2de41 rgb(194,222,65)
```
#c8e151
```
#c8e151 rgb(200,225,81)
```
#cde462
```
#cde462 rgb(205,228,98)
```
#d2e773
```
#d2e773 rgb(210,231,115)
```
#d8ea84
```
#d8ea84 rgb(216,234,132)
```
#ddec94
```
#ddec94 rgb(221,236,148)
```
#e2efa5
```
#e2efa5 rgb(226,239,165)
```
#e8f2b6
```
#e8f2b6 rgb(232,242,182)
```
#edf5c6
```
#edf5c6 rgb(237,245,198)
```
#f2f8d7
```
#f2f8d7 rgb(242,248,215)
```
#f8fbe8
```
#f8fbe8 rgb(248,251,232)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#868784
```
#868784 rgb(134,135,132)
```
#8c907b
```
#8c907b rgb(140,144,123)
```
#939a71
```
#939a71 rgb(147,154,113)
```
#99a368
```
#99a368 rgb(153,163,104)
```
#9fac5f
```
#9fac5f rgb(159,172,95)
```
#a5b655
```
#a5b655 rgb(165,182,85)
```
#abbf4c
```
#abbf4c rgb(171,191,76)
```
#b1c843
```
#b1c843 rgb(177,200,67)
```
#b7d239
```
#b7d239 rgb(183,210,57)
```
#bddb30
```
#bddb30 rgb(189,219,48)
```
#c3e427
```
#c3e427 rgb(195,228,39)
```
#c9ee1d
```
#c9ee1d rgb(201,238,29)
```
#cff714
```
#cff714 rgb(207,247,20)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bfc5a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d037 Protanopia 1% of men
#ffc75f Deuteranopia 1% of men
#d2cedd Tritanopia 0.001% of the population

Trichromacy

#d9d434 Protanomaly 1% of men, 0.01% of women
#e7ce4e Deuteranomaly 6% of men, 0.4% of women
#cad39e Tritanomaly 0.01% of the population

#bddb30 hex color

#bddb30 Color Information

#bddb30 Color Conversion

Color Schemes with #bddb30

Alternatives to #bddb30

#bddb30 Preview

Shades and Tints of #bddb30

Tones of #bddb30

Color Blindness Simulator