#bddf30 hex color

In a RGB color space, hex #bddf30 is composed of 74.1% red, 87.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 78.5% yellow and 12.5% black. It has a hue angle of 71.7 degrees, a saturation of 73.2% and a lightness of 53.1%. #bddf30 color hex could be obtained by blending #ffff60 with #7bbf00. Closest websafe color is: #cccc33.

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

● #bddf30 color description : Bright yellow.

The hexadecimal color #bddf30 has RGB values of R:189, G:223, B:48 and CMYK values of C:0.15, M:0, Y:0.78, K:0.13. Its decimal value is 12443440.

Hex triplet	bddf30	`#bddf30`
RGB Decimal	189, 223, 48	`rgb(189,223,48)`
RGB Percent	74.1, 87.5, 18.8	`rgb(74.1%,87.5%,18.8%)`
CMYK	15, 0, 78, 13
HSL	71.7°, 73.2, 53.1	`hsl(71.7,73.2%,53.1%)`
HSV (or HSB)	71.7°, 78.5, 87.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.865, -32.539, 74.75
XYZ	47.907, 63.807, 12.588
xyY	0.385, 0.513, 63.807
CIE-LCH	83.865, 81.525, 113.524
CIE-LUV	83.865, -15.344, 89.803
Hunter-Lab	79.879, -32.735, 46.572
Binary	10111101, 11011111, 00110000

#bddf30
```
#bddf30 rgb(189,223,48)
```
#5230df
```
#5230df rgb(82,48,223)
```

Complementary Color

#dfaa30
```
#dfaa30 rgb(223,170,48)
```
#bddf30
```
#bddf30 rgb(189,223,48)
```
#66df30
```
#66df30 rgb(102,223,48)
```

Analogous Color

#aa30df
```
#aa30df rgb(170,48,223)
```
#bddf30
```
#bddf30 rgb(189,223,48)
```
#3066df
```
#3066df rgb(48,102,223)
```

Split Complementary Color

#df30bd
```
#df30bd rgb(223,48,189)
```
#bddf30
```
#bddf30 rgb(189,223,48)
```
#30bddf
```
#30bddf rgb(48,189,223)
```

Triadic Color

#df5230
```
#df5230 rgb(223,82,48)
```
#bddf30
```
#bddf30 rgb(189,223,48)
```
#30bddf
```
#30bddf rgb(48,189,223)
```
#5230df
```
#5230df rgb(82,48,223)
```

Tetradic Color

#8da81a
```
#8da81a rgb(141,168,26)
```
#9fbf1d
```
#9fbf1d rgb(159,191,29)
```
#b2d521
```
#b2d521 rgb(178,213,33)
```
#bddf30
```
#bddf30 rgb(189,223,48)
```
#c4e246
```
#c4e246 rgb(196,226,70)
```
#cbe65c
```
#cbe65c rgb(203,230,92)
```
#d2e972
```
#d2e972 rgb(210,233,114)
```

Monochromatic Color

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

#dfd530
```
#dfd530 rgb(223,213,48)
```
#dadf30
```
#dadf30 rgb(218,223,48)
```
#ccdf30
```
#ccdf30 rgb(204,223,48)
```
#bddf30
```
#bddf30 rgb(189,223,48)
```
#aedf30
```
#aedf30 rgb(174,223,48)
```
#a0df30
```
#a0df30 rgb(160,223,48)
```
#91df30
```
#91df30 rgb(145,223,48)
```

Similar Colors

Text with hexadecimal color #bddf30

This text has a font color of #bddf30.

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

#bddf30 background color

This paragraph has a background color of #bddf30.

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

#bddf30 border color

This element has a border color of #bddf30.

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

CSS codes

.text {color:#bddf30;}

.background {background-color:#bddf30;}

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

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

#0c0e02
```
#0c0e02 rgb(12,14,2)
```
#1a1f05
```
#1a1f05 rgb(26,31,5)
```
#283007
```
#283007 rgb(40,48,7)
```
#36410a
```
#36410a rgb(54,65,10)
```
#44520d
```
#44520d rgb(68,82,13)
```
#53630f
```
#53630f rgb(83,99,15)
```
#617412
```
#617412 rgb(97,116,18)
```
#6f8515
```
#6f8515 rgb(111,133,21)
```
#7d9617
```
#7d9617 rgb(125,150,23)
```
#8ba71a
```
#8ba71a rgb(139,167,26)
```
#9ab81c
```
#9ab81c rgb(154,184,28)
```
#a8c91f
```
#a8c91f rgb(168,201,31)
```
#b6da22
```
#b6da22 rgb(182,218,34)
```

Shade Color Variation

#bddf30
```
#bddf30 rgb(189,223,48)
```
#c2e241
```
#c2e241 rgb(194,226,65)
```
#c8e452
```
#c8e452 rgb(200,228,82)
```
#cde763
```
#cde763 rgb(205,231,99)
```
#d3ea74
```
#d3ea74 rgb(211,234,116)
```
#d8ec85
```
#d8ec85 rgb(216,236,133)
```
#deef96
```
#deef96 rgb(222,239,150)
```
#e3f1a7
```
#e3f1a7 rgb(227,241,167)
```
#e8f4b8
```
#e8f4b8 rgb(232,244,184)
```
#eef7c9
```
#eef7c9 rgb(238,247,201)
```
#f3f9da
```
#f3f9da rgb(243,249,218)
```
#f9fceb
```
#f9fceb rgb(249,252,235)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#8a8c83
```
#8a8c83 rgb(138,140,131)
```
#90957a
```
#90957a rgb(144,149,122)
```
#969f70
```
#969f70 rgb(150,159,112)
```
#9ba867
```
#9ba867 rgb(155,168,103)
```
#a1b15e
```
#a1b15e rgb(161,177,94)
```
#a7ba55
```
#a7ba55 rgb(167,186,85)
```
#acc34c
```
#acc34c rgb(172,195,76)
```
#b2cd42
```
#b2cd42 rgb(178,205,66)
```
#b7d639
```
#b7d639 rgb(183,214,57)
```
#bddf30
```
#bddf30 rgb(189,223,48)
```
#c3e827
```
#c3e827 rgb(195,232,39)
```
#c8f11e
```
#c8f11e rgb(200,241,30)
```
#cefb14
```
#cefb14 rgb(206,251,20)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c0c7a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd337 Protanopia 1% of men
#ffcb72 Deuteranopia 1% of men
#d2d2e1 Tritanopia 0.001% of the population

Trichromacy

#dbd734 Protanomaly 1% of men, 0.01% of women
#e7d25a Deuteranomaly 6% of men, 0.4% of women
#cad6a0 Tritanomaly 0.01% of the population

#bddf30 hex color

#bddf30 Color Information

#bddf30 Color Conversion

Color Schemes with #bddf30

Alternatives to #bddf30

#bddf30 Preview

Shades and Tints of #bddf30

Tones of #bddf30

Color Blindness Simulator