#bddd2f hex color

In a RGB color space, hex #bddd2f is composed of 74.1% red, 86.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 0% magenta, 78.7% yellow and 13.3% black. It has a hue angle of 71 degrees, a saturation of 71.9% and a lightness of 52.5%. #bddd2f color hex could be obtained by blending #ffff5e with #7bbb00. Closest websafe color is: #cccc33.

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

● #bddd2f color description : Bright yellow.

The hexadecimal color #bddd2f has RGB values of R:189, G:221, B:47 and CMYK values of C:0.14, M:0, Y:0.79, K:0.13. Its decimal value is 12442927.

Hex triplet	bddd2f	`#bddd2f`
RGB Decimal	189, 221, 47	`rgb(189,221,47)`
RGB Percent	74.1, 86.7, 18.4	`rgb(74.1%,86.7%,18.4%)`
CMYK	14, 0, 79, 13
HSL	71°, 71.9, 52.5	`hsl(71,71.9%,52.5%)`
HSV (or HSB)	71°, 78.7, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.304, -31.651, 74.521
XYZ	47.355, 62.737, 12.304
xyY	0.387, 0.513, 62.737
CIE-LCH	83.304, 80.964, 113.012
CIE-LUV	83.304, -14.182, 89.183
Hunter-Lab	79.207, -31.891, 46.235
Binary	10111101, 11011101, 00101111

#bddd2f
```
#bddd2f rgb(189,221,47)
```
#4f2fdd
```
#4f2fdd rgb(79,47,221)
```

Complementary Color

#dda62f
```
#dda62f rgb(221,166,47)
```
#bddd2f
```
#bddd2f rgb(189,221,47)
```
#66dd2f
```
#66dd2f rgb(102,221,47)
```

Analogous Color

#a62fdd
```
#a62fdd rgb(166,47,221)
```
#bddd2f
```
#bddd2f rgb(189,221,47)
```
#2f66dd
```
#2f66dd rgb(47,102,221)
```

Split Complementary Color

#dd2fbd
```
#dd2fbd rgb(221,47,189)
```
#bddd2f
```
#bddd2f rgb(189,221,47)
```
#2fbddd
```
#2fbddd rgb(47,189,221)
```

Triadic Color

#dd4f2f
```
#dd4f2f rgb(221,79,47)
```
#bddd2f
```
#bddd2f rgb(189,221,47)
```
#2fbddd
```
#2fbddd rgb(47,189,221)
```
#4f2fdd
```
#4f2fdd rgb(79,47,221)
```

Tetradic Color

#8ba51b
```
#8ba51b rgb(139,165,27)
```
#9ebb1e
```
#9ebb1e rgb(158,187,30)
```
#b0d022
```
#b0d022 rgb(176,208,34)
```
#bddd2f
```
#bddd2f rgb(189,221,47)
```
#c4e145
```
#c4e145 rgb(196,225,69)
```
#cbe45b
```
#cbe45b rgb(203,228,91)
```
#d2e871
```
#d2e871 rgb(210,232,113)
```

Monochromatic Color

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

#ddd22f
```
#ddd22f rgb(221,210,47)
```
#dadd2f
```
#dadd2f rgb(218,221,47)
```
#ccdd2f
```
#ccdd2f rgb(204,221,47)
```
#bddd2f
```
#bddd2f rgb(189,221,47)
```
#afdd2f
```
#afdd2f rgb(175,221,47)
```
#a0dd2f
```
#a0dd2f rgb(160,221,47)
```
#92dd2f
```
#92dd2f rgb(146,221,47)
```

Similar Colors

Text with hexadecimal color #bddd2f

This text has a font color of #bddd2f.

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

#bddd2f background color

This paragraph has a background color of #bddd2f.

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

#bddd2f border color

This element has a border color of #bddd2f.

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

CSS codes

.text {color:#bddd2f;}

.background {background-color:#bddd2f;}

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

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

#090b02
```
#090b02 rgb(9,11,2)
```
#181c05
```
#181c05 rgb(24,28,5)
```
#262d07
```
#262d07 rgb(38,45,7)
```
#343e0a
```
#343e0a rgb(52,62,10)
```
#434f0d
```
#434f0d rgb(67,79,13)
```
#515f10
```
#515f10 rgb(81,95,16)
```
#5f7012
```
#5f7012 rgb(95,112,18)
```
#6d8115
```
#6d8115 rgb(109,129,21)
```
#7c9218
```
#7c9218 rgb(124,146,24)
```
#8aa31b
```
#8aa31b rgb(138,163,27)
```
#98b41d
```
#98b41d rgb(152,180,29)
```
#a6c520
```
#a6c520 rgb(166,197,32)
```
#b5d523
```
#b5d523 rgb(181,213,35)
```

Shade Color Variation

#bddd2f
```
#bddd2f rgb(189,221,47)
```
#c2e040
```
#c2e040 rgb(194,224,64)
```
#c8e351
```
#c8e351 rgb(200,227,81)
```
#cde562
```
#cde562 rgb(205,229,98)
```
#d2e872
```
#d2e872 rgb(210,232,114)
```
#d8eb83
```
#d8eb83 rgb(216,235,131)
```
#ddee94
```
#ddee94 rgb(221,238,148)
```
#e2f0a5
```
#e2f0a5 rgb(226,240,165)
```
#e8f3b6
```
#e8f3b6 rgb(232,243,182)
```
#edf6c7
```
#edf6c7 rgb(237,246,199)
```
#f2f9d8
```
#f2f9d8 rgb(242,249,216)
```
#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, #888983 is the less saturated color, while #cff913 is the most saturated one.

#888983
```
#888983 rgb(136,137,131)
```
#8e9379
```
#8e9379 rgb(142,147,121)
```
#949c70
```
#949c70 rgb(148,156,112)
```
#9aa567
```
#9aa567 rgb(154,165,103)
```
#a0ae5e
```
#a0ae5e rgb(160,174,94)
```
#a5b854
```
#a5b854 rgb(165,184,84)
```
#abc14b
```
#abc14b rgb(171,193,75)
```
#b1ca42
```
#b1ca42 rgb(177,202,66)
```
#b7d438
```
#b7d438 rgb(183,212,56)
```
#bddd2f
```
#bddd2f rgb(189,221,47)
```
#c3e626
```
#c3e626 rgb(195,230,38)
```
#c9f01c
```
#c9f01c rgb(201,240,28)
```
#cff913
```
#cff913 rgb(207,249,19)
```

Tone Color Variation

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

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

Trichromacy

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

#bddd2f hex color

#bddd2f Color Information

#bddd2f Color Conversion

Color Schemes with #bddd2f

Alternatives to #bddd2f

#bddd2f Preview

Shades and Tints of #bddd2f

Tones of #bddd2f

Color Blindness Simulator