colorhexa.com

#bddd3f hex color

In a RGB color space, hex #bddd3f is composed of 74.1% red, 86.7% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 0% magenta, 71.5% yellow and 13.3% black. It has a hue angle of 72.2 degrees, a saturation of 69.9% and a lightness of 55.7%. #bddd3f color hex could be obtained by blending #ffff7e with #7bbb00. Closest websafe color is: #cccc33.

- R 74
- G 87
- B 25
RGB color chart
- C 14
- M 0
- Y 71
- K 13
CMYK color chart

● #bddd3f color description : Bright yellow.

The hexadecimal color #bddd3f has RGB values of R:189, G:221, B:63 and CMYK values of C:0.14, M:0, Y:0.71, K:0.13. Its decimal value is 12442943.

Hex triplet	bddd3f	`#bddd3f`
RGB Decimal	189, 221, 63	`rgb(189,221,63)`
RGB Percent	74.1, 86.7, 24.7	`rgb(74.1%,86.7%,24.7%)`
CMYK	14, 0, 71, 13
HSL	72.2°, 69.9, 55.7	`hsl(72.2,69.9%,55.7%)`
HSV (or HSB)	72.2°, 71.5, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.385, -30.932, 69.629
XYZ	47.739, 62.89, 14.326
xyY	0.382, 0.503, 62.89
CIE-LCH	83.385, 76.19, 113.952
CIE-LUV	83.385, -14.281, 85.664
Hunter-Lab	79.303, -31.327, 44.801
Binary	10111101, 11011101, 00111111

#bddd3f
```
#bddd3f rgb(189,221,63)
```
#5f3fdd
```
#5f3fdd rgb(95,63,221)
```

Complementary Color

#ddae3f
```
#ddae3f rgb(221,174,63)
```
#bddd3f
```
#bddd3f rgb(189,221,63)
```
#6edd3f
```
#6edd3f rgb(110,221,63)
```

Analogous Color

#ae3fdd
```
#ae3fdd rgb(174,63,221)
```
#bddd3f
```
#bddd3f rgb(189,221,63)
```
#3f6edd
```
#3f6edd rgb(63,110,221)
```

Split Complementary Color

#dd3fbd
```
#dd3fbd rgb(221,63,189)
```
#bddd3f
```
#bddd3f rgb(189,221,63)
```
#3fbddd
```
#3fbddd rgb(63,189,221)
```

Triadic Color

#dd5f3f
```
#dd5f3f rgb(221,95,63)
```
#bddd3f
```
#bddd3f rgb(189,221,63)
```
#3fbddd
```
#3fbddd rgb(63,189,221)
```
#5f3fdd
```
#5f3fdd rgb(95,63,221)
```

Tetradic Color

#93b01f
```
#93b01f rgb(147,176,31)
```
#a5c623
```
#a5c623 rgb(165,198,35)
```
#b6d929
```
#b6d929 rgb(182,217,41)
```
#bddd3f
```
#bddd3f rgb(189,221,63)
```
#c4e155
```
#c4e155 rgb(196,225,85)
```
#cce56a
```
#cce56a rgb(204,229,106)
```
#d3e980
```
#d3e980 rgb(211,233,128)
```

Monochromatic Color

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

#ddd63f
```
#ddd63f rgb(221,214,63)
```
#d7dd3f
```
#d7dd3f rgb(215,221,63)
```
#cadd3f
```
#cadd3f rgb(202,221,63)
```
#bddd3f
```
#bddd3f rgb(189,221,63)
```
#b0dd3f
```
#b0dd3f rgb(176,221,63)
```
#a3dd3f
```
#a3dd3f rgb(163,221,63)
```
#96dd3f
```
#96dd3f rgb(150,221,63)
```

Similar Colors

Text with hexadecimal color #bddd3f

This text has a font color of #bddd3f.

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

#bddd3f background color

This paragraph has a background color of #bddd3f.

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

#bddd3f border color

This element has a border color of #bddd3f.

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

CSS codes

.text {color:#bddd3f;}

.background {background-color:#bddd3f;}

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

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, #070801 is the darkest color, while #fcfdf6 is the lightest one.

#070801
```
#070801 rgb(7,8,1)
```
#151904
```
#151904 rgb(21,25,4)
```
#222907
```
#222907 rgb(34,41,7)
```
#303a0a
```
#303a0a rgb(48,58,10)
```
#3e4b0d
```
#3e4b0d rgb(62,75,13)
```
#4c5b10
```
#4c5b10 rgb(76,91,16)
```
#5a6c13
```
#5a6c13 rgb(90,108,19)
```
#687d16
```
#687d16 rgb(104,125,22)
```
#768d19
```
#768d19 rgb(118,141,25)
```
#849e1c
```
#849e1c rgb(132,158,28)
```
#92af1f
```
#92af1f rgb(146,175,31)
```
#9fbf22
```
#9fbf22 rgb(159,191,34)
```
#add025
```
#add025 rgb(173,208,37)
```

Shade Color Variation

#b7da2e
```
#b7da2e rgb(183,218,46)
```
#bddd3f
```
#bddd3f rgb(189,221,63)
```
#c3e050
```
#c3e050 rgb(195,224,80)
```
#c8e360
```
#c8e360 rgb(200,227,96)
```
#cee671
```
#cee671 rgb(206,230,113)
```
#d4e982
```
#d4e982 rgb(212,233,130)
```
#daec92
```
#daec92 rgb(218,236,146)
```
#dfefa3
```
#dfefa3 rgb(223,239,163)
```
#e5f2b4
```
#e5f2b4 rgb(229,242,180)
```
#ebf5c4
```
#ebf5c4 rgb(235,245,196)
```
#f1f8d5
```
#f1f8d5 rgb(241,248,213)
```
#f6fbe6
```
#f6fbe6 rgb(246,251,230)
```
#fcfdf6
```
#fcfdf6 rgb(252,253,246)
```

Tint Color Variation

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

#8e8f8d
```
#8e8f8d rgb(142,143,141)
```
#949785
```
#949785 rgb(148,151,133)
```
#99a07c
```
#99a07c rgb(153,160,124)
```
#9ea973
```
#9ea973 rgb(158,169,115)
```
#a3b26a
```
#a3b26a rgb(163,178,106)
```
#a8ba62
```
#a8ba62 rgb(168,186,98)
```
#adc359
```
#adc359 rgb(173,195,89)
```
#b3cc50
```
#b3cc50 rgb(179,204,80)
```
#b8d448
```
#b8d448 rgb(184,212,72)
```
#bddd3f
```
#bddd3f rgb(189,221,63)
```
#c2e636
```
#c2e636 rgb(194,230,54)
```
#c7ee2e
```
#c7ee2e rgb(199,238,46)
```
#cdf725
```
#cdf725 rgb(205,247,37)
```

Tone Color Variation

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

Dichromacy

#ead245 Protanopia 1% of men
#ffc96d Deuteranopia 1% of men
#d2d0df Tritanopia 0.001% of the population

Trichromacy

#d9d643 Protanomaly 1% of men, 0.01% of women
#e7d05c Deuteranomaly 6% of men, 0.4% of women
#cad5a5 Tritanomaly 0.01% of the population