#bddf18 hex color

In a RGB color space, hex #bddf18 is composed of 74.1% red, 87.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 89.2% yellow and 12.5% black. It has a hue angle of 70.3 degrees, a saturation of 80.6% and a lightness of 48.4%. #bddf18 color hex could be obtained by blending #ffff30 with #7bbf00. Closest websafe color is: #cccc00.

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

● #bddf18 color description : Vivid yellow.

The hexadecimal color #bddf18 has RGB values of R:189, G:223, B:24 and CMYK values of C:0.15, M:0, Y:0.89, K:0.13. Its decimal value is 12443416.

Hex triplet	bddf18	`#bddf18`
RGB Decimal	189, 223, 24	`rgb(189,223,24)`
RGB Percent	74.1, 87.5, 9.4	`rgb(74.1%,87.5%,9.4%)`
CMYK	15, 0, 89, 13
HSL	70.3°, 80.6, 48.4	`hsl(70.3,80.6%,48.4%)`
HSV (or HSB)	70.3°, 89.2, 87.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.788, -33.23, 79.907
XYZ	47.538, 63.66, 10.647
xyY	0.39, 0.522, 63.66
CIE-LCH	83.788, 86.541, 112.581
CIE-LUV	83.788, -15.256, 93.197
Hunter-Lab	79.787, -33.274, 47.939
Binary	10111101, 11011111, 00011000

#bddf18
```
#bddf18 rgb(189,223,24)
```
#3a18df
```
#3a18df rgb(58,24,223)
```

Complementary Color

#df9e18
```
#df9e18 rgb(223,158,24)
```
#bddf18
```
#bddf18 rgb(189,223,24)
```
#5adf18
```
#5adf18 rgb(90,223,24)
```

Analogous Color

#9e18df
```
#9e18df rgb(158,24,223)
```
#bddf18
```
#bddf18 rgb(189,223,24)
```
#185adf
```
#185adf rgb(24,90,223)
```

Split Complementary Color

#df18bd
```
#df18bd rgb(223,24,189)
```
#bddf18
```
#bddf18 rgb(189,223,24)
```
#18bddf
```
#18bddf rgb(24,189,223)
```

Triadic Color

#df3a18
```
#df3a18 rgb(223,58,24)
```
#bddf18
```
#bddf18 rgb(189,223,24)
```
#18bddf
```
#18bddf rgb(24,189,223)
```
#3a18df
```
#3a18df rgb(58,24,223)
```

Tetradic Color

#829a11
```
#829a11 rgb(130,154,17)
```
#96b113
```
#96b113 rgb(150,177,19)
```
#a9c816
```
#a9c816 rgb(169,200,22)
```
#bddf18
```
#bddf18 rgb(189,223,24)
```
#c7e829
```
#c7e829 rgb(199,232,41)
```
#cdea40
```
#cdea40 rgb(205,234,64)
```
#d3ed57
```
#d3ed57 rgb(211,237,87)
```

Monochromatic Color

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

#dfcf18
```
#dfcf18 rgb(223,207,24)
```
#dedf18
```
#dedf18 rgb(222,223,24)
```
#cedf18
```
#cedf18 rgb(206,223,24)
```
#bddf18
```
#bddf18 rgb(189,223,24)
```
#acdf18
```
#acdf18 rgb(172,223,24)
```
#9cdf18
```
#9cdf18 rgb(156,223,24)
```
#8bdf18
```
#8bdf18 rgb(139,223,24)
```

Similar Colors

Text with hexadecimal color #bddf18

This text has a font color of #bddf18.

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

#bddf18 background color

This paragraph has a background color of #bddf18.

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

#bddf18 border color

This element has a border color of #bddf18.

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

CSS codes

.text {color:#bddf18;}

.background {background-color:#bddf18;}

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

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

#090a01
```
#090a01 rgb(9,10,1)
```
#181c03
```
#181c03 rgb(24,28,3)
```
#272e05
```
#272e05 rgb(39,46,5)
```
#364007
```
#364007 rgb(54,64,7)
```
#455109
```
#455109 rgb(69,81,9)
```
#54630b
```
#54630b rgb(84,99,11)
```
#63750d
```
#63750d rgb(99,117,13)
```
#72860e
```
#72860e rgb(114,134,14)
```
#819810
```
#819810 rgb(129,152,16)
```
#90aa12
```
#90aa12 rgb(144,170,18)
```
#9fbc14
```
#9fbc14 rgb(159,188,20)
```
#aecd16
```
#aecd16 rgb(174,205,22)
```
#bddf18
```
#bddf18 rgb(189,223,24)
```

Shade Color Variation

#c6e723
```
#c6e723 rgb(198,231,35)
```
#cae935
```
#cae935 rgb(202,233,53)
```
#cfeb47
```
#cfeb47 rgb(207,235,71)
```
#d4ed58
```
#d4ed58 rgb(212,237,88)
```
#d8ef6a
```
#d8ef6a rgb(216,239,106)
```
#ddf17c
```
#ddf17c rgb(221,241,124)
```
#e1f38e
```
#e1f38e rgb(225,243,142)
```
#e6f59f
```
#e6f59f rgb(230,245,159)
```
#ebf7b1
```
#ebf7b1 rgb(235,247,177)
```
#eff9c3
```
#eff9c3 rgb(239,249,195)
```
#f4fad4
```
#f4fad4 rgb(244,250,212)
```
#f9fce6
```
#f9fce6 rgb(249,252,230)
```
#fdfef8
```
#fdfef8 rgb(253,254,248)
```

Tint Color Variation

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

#7e8077
```
#7e8077 rgb(126,128,119)
```
#858a6e
```
#858a6e rgb(133,138,110)
```
#8b9364
```
#8b9364 rgb(139,147,100)
```
#919d5b
```
#919d5b rgb(145,157,91)
```
#97a651
```
#97a651 rgb(151,166,81)
```
#9eb048
```
#9eb048 rgb(158,176,72)
```
#a4b93e
```
#a4b93e rgb(164,185,62)
```
#aac335
```
#aac335 rgb(170,195,53)
```
#b0cc2b
```
#b0cc2b rgb(176,204,43)
```
#b7d622
```
#b7d622 rgb(183,214,34)
```
#bddf18
```
#bddf18 rgb(189,223,24)
```
#c3e90f
```
#c3e90f rgb(195,233,15)
```
#caf205
```
#caf205 rgb(202,242,5)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#bddf18 hex color

#bddf18 Color Information

#bddf18 Color Conversion

Color Schemes with #bddf18

Alternatives to #bddf18

#bddf18 Preview

Shades and Tints of #bddf18

Tones of #bddf18

Color Blindness Simulator