#bddd18 hex color

In a RGB color space, hex #bddd18 is composed of 74.1% red, 86.7% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 0% magenta, 89.1% yellow and 13.3% black. It has a hue angle of 69.7 degrees, a saturation of 80.4% and a lightness of 48%. #bddd18 color hex could be obtained by blending #ffff30 with #7bbb00. Closest websafe color is: #cccc00.

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

● #bddd18 color description : Vivid yellow.

The hexadecimal color #bddd18 has RGB values of R:189, G:221, B:24 and CMYK values of C:0.14, M:0, Y:0.89, K:0.13. Its decimal value is 12442904.

Hex triplet	bddd18	`#bddd18`
RGB Decimal	189, 221, 24	`rgb(189,221,24)`
RGB Percent	74.1, 86.7, 9.4	`rgb(74.1%,86.7%,9.4%)`
CMYK	14, 0, 89, 13
HSL	69.7°, 80.4, 48	`hsl(69.7,80.4%,48%)`
HSV (or HSB)	69.7°, 89.1, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.23, -32.308, 79.458
XYZ	47.007, 62.597, 10.47
xyY	0.391, 0.521, 62.597
CIE-LCH	83.23, 85.775, 112.127
CIE-LUV	83.23, -14.091, 92.42
Hunter-Lab	79.119, -32.404, 47.537
Binary	10111101, 11011101, 00011000

#bddd18
```
#bddd18 rgb(189,221,24)
```
#3818dd
```
#3818dd rgb(56,24,221)
```

Complementary Color

#dd9b18
```
#dd9b18 rgb(221,155,24)
```
#bddd18
```
#bddd18 rgb(189,221,24)
```
#5bdd18
```
#5bdd18 rgb(91,221,24)
```

Analogous Color

#9b18dd
```
#9b18dd rgb(155,24,221)
```
#bddd18
```
#bddd18 rgb(189,221,24)
```
#185bdd
```
#185bdd rgb(24,91,221)
```

Split Complementary Color

#dd18bd
```
#dd18bd rgb(221,24,189)
```
#bddd18
```
#bddd18 rgb(189,221,24)
```
#18bddd
```
#18bddd rgb(24,189,221)
```

Triadic Color

#dd3818
```
#dd3818 rgb(221,56,24)
```
#bddd18
```
#bddd18 rgb(189,221,24)
```
#18bddd
```
#18bddd rgb(24,189,221)
```
#3818dd
```
#3818dd rgb(56,24,221)
```

Tetradic Color

#829811
```
#829811 rgb(130,152,17)
```
#96af13
```
#96af13 rgb(150,175,19)
```
#a9c616
```
#a9c616 rgb(169,198,22)
```
#bddd18
```
#bddd18 rgb(189,221,24)
```
#c8e827
```
#c8e827 rgb(200,232,39)
```
#ceea3e
```
#ceea3e rgb(206,234,62)
```
#d4ed55
```
#d4ed55 rgb(212,237,85)
```

Monochromatic Color

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

#ddcc18
```
#ddcc18 rgb(221,204,24)
```
#dddc18
```
#dddc18 rgb(221,220,24)
```
#cddd18
```
#cddd18 rgb(205,221,24)
```
#bddd18
```
#bddd18 rgb(189,221,24)
```
#addd18
```
#addd18 rgb(173,221,24)
```
#9cdd18
```
#9cdd18 rgb(156,221,24)
```
#8cdd18
```
#8cdd18 rgb(140,221,24)
```

Similar Colors

Text with hexadecimal color #bddd18

This text has a font color of #bddd18.

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

#bddd18 background color

This paragraph has a background color of #bddd18.

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

#bddd18 border color

This element has a border color of #bddd18.

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

CSS codes

.text {color:#bddd18;}

.background {background-color:#bddd18;}

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

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)
```
#171a03
```
#171a03 rgb(23,26,3)
```
#262c05
```
#262c05 rgb(38,44,5)
```
#353e07
```
#353e07 rgb(53,62,7)
```
#444f09
```
#444f09 rgb(68,79,9)
```
#53610b
```
#53610b rgb(83,97,11)
```
#62730c
```
#62730c rgb(98,115,12)
```
#71850e
```
#71850e rgb(113,133,14)
```
#809610
```
#809610 rgb(128,150,16)
```
#90a812
```
#90a812 rgb(144,168,18)
```
#9fba14
```
#9fba14 rgb(159,186,20)
```
#aecb16
```
#aecb16 rgb(174,203,22)
```
#bddd18
```
#bddd18 rgb(189,221,24)
```

Shade Color Variation

#c7e722
```
#c7e722 rgb(199,231,34)
```
#cbe933
```
#cbe933 rgb(203,233,51)
```
#d0eb45
```
#d0eb45 rgb(208,235,69)
```
#d4ed57
```
#d4ed57 rgb(212,237,87)
```
#d9ef68
```
#d9ef68 rgb(217,239,104)
```
#ddf17a
```
#ddf17a rgb(221,241,122)
```
#e2f28c
```
#e2f28c rgb(226,242,140)
```
#e6f49e
```
#e6f49e rgb(230,244,158)
```
#ebf6af
```
#ebf6af rgb(235,246,175)
```
#eff8c1
```
#eff8c1 rgb(239,248,193)
```
#f4fad3
```
#f4fad3 rgb(244,250,211)
```
#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, #7d7f76 is the less saturated color, while #caf005 is the most saturated one.

#7d7f76
```
#7d7f76 rgb(125,127,118)
```
#84886d
```
#84886d rgb(132,136,109)
```
#8a9263
```
#8a9263 rgb(138,146,99)
```
#909b5a
```
#909b5a rgb(144,155,90)
```
#97a451
```
#97a451 rgb(151,164,81)
```
#9dae47
```
#9dae47 rgb(157,174,71)
```
#a4b73e
```
#a4b73e rgb(164,183,62)
```
#aac134
```
#aac134 rgb(170,193,52)
```
#b0ca2b
```
#b0ca2b rgb(176,202,43)
```
#b7d421
```
#b7d421 rgb(183,212,33)
```
#bddd18
```
#bddd18 rgb(189,221,24)
```
#c3e60f
```
#c3e60f rgb(195,230,15)
```
#caf005
```
#caf005 rgb(202,240,5)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bdc39c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd21f Protanopia 1% of men
#ffc965 Deuteranopia 1% of men
#d2d0de Tritanopia 0.001% of the population

Trichromacy

#dad61c Protanomaly 1% of men, 0.01% of women
#e7d049 Deuteranomaly 6% of men, 0.4% of women
#cad496 Tritanomaly 0.01% of the population

#bddd18 hex color

#bddd18 Color Information

#bddd18 Color Conversion

Color Schemes with #bddd18

Alternatives to #bddd18

#bddd18 Preview

Shades and Tints of #bddd18

Tones of #bddd18

Color Blindness Simulator