#bddc3f hex color

In a RGB color space, hex #bddc3f is composed of 74.1% red, 86.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 0% magenta, 71.4% yellow and 13.7% black. It has a hue angle of 71.8 degrees, a saturation of 69.2% and a lightness of 55.5%. #bddc3f color hex could be obtained by blending #ffff7e with #7bb900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 74
- G 86
- B 25
RGB color chart
- C 14
- M 0
- Y 71
- K 14
CMYK color chart

● #bddc3f color description : Bright yellow.

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

Hex triplet	bddc3f	`#bddc3f`
RGB Decimal	189, 220, 63	`rgb(189,220,63)`
RGB Percent	74.1, 86.3, 24.7	`rgb(74.1%,86.3%,24.7%)`
CMYK	14, 0, 71, 14
HSL	71.8°, 69.2, 55.5	`hsl(71.8,69.2%,55.5%)`
HSV (or HSB)	71.8°, 71.4, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.107, -30.465, 69.358
XYZ	47.476, 62.364, 14.239
xyY	0.383, 0.503, 62.364
CIE-LCH	83.107, 75.753, 113.713
CIE-LUV	83.107, -13.704, 85.244
Hunter-Lab	78.971, -30.887, 44.589
Binary	10111101, 11011100, 00111111

#bddc3f
```
#bddc3f rgb(189,220,63)
```
#5e3fdc
```
#5e3fdc rgb(94,63,220)
```

Complementary Color

#dcad3f
```
#dcad3f rgb(220,173,63)
```
#bddc3f
```
#bddc3f rgb(189,220,63)
```
#6fdc3f
```
#6fdc3f rgb(111,220,63)
```

Analogous Color

#ad3fdc
```
#ad3fdc rgb(173,63,220)
```
#bddc3f
```
#bddc3f rgb(189,220,63)
```
#3f6fdc
```
#3f6fdc rgb(63,111,220)
```

Split Complementary Color

#dc3fbd
```
#dc3fbd rgb(220,63,189)
```
#bddc3f
```
#bddc3f rgb(189,220,63)
```
#3fbddc
```
#3fbddc rgb(63,189,220)
```

Triadic Color

#dc5e3f
```
#dc5e3f rgb(220,94,63)
```
#bddc3f
```
#bddc3f rgb(189,220,63)
```
#3fbddc
```
#3fbddc rgb(63,189,220)
```
#5e3fdc
```
#5e3fdc rgb(94,63,220)
```

Tetradic Color

#92af20
```
#92af20 rgb(146,175,32)
```
#a5c424
```
#a5c424 rgb(165,196,36)
```
#b6d829
```
#b6d829 rgb(182,216,41)
```
#bddc3f
```
#bddc3f rgb(189,220,63)
```
#c4e055
```
#c4e055 rgb(196,224,85)
```
#cce46a
```
#cce46a rgb(204,228,106)
```
#d3e880
```
#d3e880 rgb(211,232,128)
```

Monochromatic Color

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

#dcd43f
```
#dcd43f rgb(220,212,63)
```
#d7dc3f
```
#d7dc3f rgb(215,220,63)
```
#cadc3f
```
#cadc3f rgb(202,220,63)
```
#bddc3f
```
#bddc3f rgb(189,220,63)
```
#b0dc3f
```
#b0dc3f rgb(176,220,63)
```
#a3dc3f
```
#a3dc3f rgb(163,220,63)
```
#96dc3f
```
#96dc3f rgb(150,220,63)
```

Similar Colors

Text with hexadecimal color #bddc3f

This text has a font color of #bddc3f.

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

#bddc3f background color

This paragraph has a background color of #bddc3f.

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

#bddc3f border color

This element has a border color of #bddc3f.

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

CSS codes

.text {color:#bddc3f;}

.background {background-color:#bddc3f;}

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

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

#060701
```
#060701 rgb(6,7,1)
```
#141804
```
#141804 rgb(20,24,4)
```
#222807
```
#222807 rgb(34,40,7)
```
#30390a
```
#30390a rgb(48,57,10)
```
#3e490d
```
#3e490d rgb(62,73,13)
```
#4c5a10
```
#4c5a10 rgb(76,90,16)
```
#596b13
```
#596b13 rgb(89,107,19)
```
#677b16
```
#677b16 rgb(103,123,22)
```
#758c19
```
#758c19 rgb(117,140,25)
```
#839c1d
```
#839c1d rgb(131,156,29)
```
#91ad20
```
#91ad20 rgb(145,173,32)
```
#9fbe23
```
#9fbe23 rgb(159,190,35)
```
#adce26
```
#adce26 rgb(173,206,38)
```

Shade Color Variation

#b7d92e
```
#b7d92e rgb(183,217,46)
```
#bddc3f
```
#bddc3f rgb(189,220,63)
```
#c3df50
```
#c3df50 rgb(195,223,80)
```
#c8e260
```
#c8e260 rgb(200,226,96)
```
#cee571
```
#cee571 rgb(206,229,113)
```
#d4e881
```
#d4e881 rgb(212,232,129)
```
#daeb92
```
#daeb92 rgb(218,235,146)
```
#dfeea3
```
#dfeea3 rgb(223,238,163)
```
#e5f1b3
```
#e5f1b3 rgb(229,241,179)
```
#ebf4c4
```
#ebf4c4 rgb(235,244,196)
```
#f0f7d4
```
#f0f7d4 rgb(240,247,212)
```
#f6fae5
```
#f6fae5 rgb(246,250,229)
```
#fcfdf6
```
#fcfdf6 rgb(252,253,246)
```

Tint Color Variation

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

#939685
```
#939685 rgb(147,150,133)
```
#989f7c
```
#989f7c rgb(152,159,124)
```
#9da873
```
#9da873 rgb(157,168,115)
```
#a3b06b
```
#a3b06b rgb(163,176,107)
```
#a8b962
```
#a8b962 rgb(168,185,98)
```
#adc259
```
#adc259 rgb(173,194,89)
```
#b2cb50
```
#b2cb50 rgb(178,203,80)
```
#b8d348
```
#b8d348 rgb(184,211,72)
```
#bddc3f
```
#bddc3f rgb(189,220,63)
```
#c2e536
```
#c2e536 rgb(194,229,54)
```
#c8ed2e
```
#c8ed2e rgb(200,237,46)
```
#cdf625
```
#cdf625 rgb(205,246,37)
```
#d2ff1c
```
#d2ff1c rgb(210,255,28)
```

Tone Color Variation

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

Dichromacy

#e9d145 Protanopia 1% of men
#ffc868 Deuteranopia 1% of men
#d1cfde Tritanopia 0.001% of the population

Trichromacy

#d9d543 Protanomaly 1% of men, 0.01% of women
#e7cf59 Deuteranomaly 6% of men, 0.4% of women
#cad4a4 Tritanomaly 0.01% of the population

#bddc3f hex color

#bddc3f Color Information

#bddc3f Color Conversion

Color Schemes with #bddc3f

Alternatives to #bddc3f

#bddc3f Preview

Shades and Tints of #bddc3f

Tones of #bddc3f

Color Blindness Simulator