#bdd22c hex color

In a RGB color space, hex #bdd22c is composed of 74.1% red, 82.4% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 79% yellow and 17.6% black. It has a hue angle of 67.6 degrees, a saturation of 65.4% and a lightness of 49.8%. #bdd22c color hex could be obtained by blending #ffff58 with #7ba500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 74
- G 82
- B 17
RGB color chart
- C 10
- M 0
- Y 79
- K 18
CMYK color chart

● #bdd22c color description : Strong yellow.

The hexadecimal color #bdd22c has RGB values of R:189, G:210, B:44 and CMYK values of C:0.1, M:0, Y:0.79, K:0.18. Its decimal value is 12440108.

Hex triplet	bdd22c	`#bdd22c`
RGB Decimal	189, 210, 44	`rgb(189,210,44)`
RGB Percent	74.1, 82.4, 17.3	`rgb(74.1%,82.4%,17.3%)`
CMYK	10, 0, 79, 18
HSL	67.6°, 65.4, 49.8	`hsl(67.6,65.4%,49.8%)`
HSV (or HSB)	67.6°, 79, 82.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.232, -26.583, 72.602
XYZ	44.487, 57.094, 11.059
xyY	0.395, 0.507, 57.094
CIE-LCH	80.232, 77.316, 110.11
CIE-LUV	80.232, -7.647, 85.294
Hunter-Lab	75.561, -27.137, 44.214
Binary	10111101, 11010010, 00101100

#bdd22c
```
#bdd22c rgb(189,210,44)
```
#412cd2
```
#412cd2 rgb(65,44,210)
```

Complementary Color

#d2942c
```
#d2942c rgb(210,148,44)
```
#bdd22c
```
#bdd22c rgb(189,210,44)
```
#6ad22c
```
#6ad22c rgb(106,210,44)
```

Analogous Color

#942cd2
```
#942cd2 rgb(148,44,210)
```
#bdd22c
```
#bdd22c rgb(189,210,44)
```
#2c6ad2
```
#2c6ad2 rgb(44,106,210)
```

Split Complementary Color

#d22cbd
```
#d22cbd rgb(210,44,189)
```
#bdd22c
```
#bdd22c rgb(189,210,44)
```
#2cbdd2
```
#2cbdd2 rgb(44,189,210)
```

Triadic Color

#d2412c
```
#d2412c rgb(210,65,44)
```
#bdd22c
```
#bdd22c rgb(189,210,44)
```
#2cbdd2
```
#2cbdd2 rgb(44,189,210)
```
#412cd2
```
#412cd2 rgb(65,44,210)
```

Tetradic Color

#84931f
```
#84931f rgb(132,147,31)
```
#97a823
```
#97a823 rgb(151,168,35)
```
#aabd28
```
#aabd28 rgb(170,189,40)
```
#bdd22c
```
#bdd22c rgb(189,210,44)
```
#c4d740
```
#c4d740 rgb(196,215,64)
```
#cbdb56
```
#cbdb56 rgb(203,219,86)
```
#d1e06b
```
#d1e06b rgb(209,224,107)
```

Monochromatic Color

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

#d2be2c
```
#d2be2c rgb(210,190,44)
```
#d2cb2c
```
#d2cb2c rgb(210,203,44)
```
#cbd22c
```
#cbd22c rgb(203,210,44)
```
#bdd22c
```
#bdd22c rgb(189,210,44)
```
#afd22c
```
#afd22c rgb(175,210,44)
```
#a1d22c
```
#a1d22c rgb(161,210,44)
```
#94d22c
```
#94d22c rgb(148,210,44)
```

Similar Colors

Text with hexadecimal color #bdd22c

This text has a font color of #bdd22c.

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

#bdd22c background color

This paragraph has a background color of #bdd22c.

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

#bdd22c border color

This element has a border color of #bdd22c.

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

CSS codes

.text {color:#bdd22c;}

.background {background-color:#bdd22c;}

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

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

#0e0f03
```
#0e0f03 rgb(14,15,3)
```
#1c2007
```
#1c2007 rgb(28,32,7)
```
#2b300a
```
#2b300a rgb(43,48,10)
```
#3a400d
```
#3a400d rgb(58,64,13)
```
#485011
```
#485011 rgb(72,80,17)
```
#576014
```
#576014 rgb(87,96,20)
```
#657118
```
#657118 rgb(101,113,24)
```
#74811b
```
#74811b rgb(116,129,27)
```
#83911e
```
#83911e rgb(131,145,30)
```
#91a122
```
#91a122 rgb(145,161,34)
```
#a0b225
```
#a0b225 rgb(160,178,37)
```
#aec229
```
#aec229 rgb(174,194,41)
```
#bdd22c
```
#bdd22c rgb(189,210,44)
```

Shade Color Variation

#c3d63c
```
#c3d63c rgb(195,214,60)
```
#c8d94c
```
#c8d94c rgb(200,217,76)
```
#cddd5c
```
#cddd5c rgb(205,221,92)
```
#d2e06c
```
#d2e06c rgb(210,224,108)
```
#d7e47c
```
#d7e47c rgb(215,228,124)
```
#dce78d
```
#dce78d rgb(220,231,141)
```
#e1ea9d
```
#e1ea9d rgb(225,234,157)
```
#e6eead
```
#e6eead rgb(230,238,173)
```
#ebf1bd
```
#ebf1bd rgb(235,241,189)
```
#f0f5ce
```
#f0f5ce rgb(240,245,206)
```
#f5f8de
```
#f5f8de rgb(245,248,222)
```
#fafbee
```
#fafbee rgb(250,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#83847a
```
#83847a rgb(131,132,122)
```
#8a8e70
```
#8a8e70 rgb(138,142,112)
```
#919767
```
#919767 rgb(145,151,103)
```
#99a15d
```
#99a15d rgb(153,161,93)
```
#a0ab53
```
#a0ab53 rgb(160,171,83)
```
#a7b549
```
#a7b549 rgb(167,181,73)
```
#aebe40
```
#aebe40 rgb(174,190,64)
```
#b6c836
```
#b6c836 rgb(182,200,54)
```
#bdd22c
```
#bdd22c rgb(189,210,44)
```
#c4dc22
```
#c4dc22 rgb(196,220,34)
```
#cce618
```
#cce618 rgb(204,230,24)
```
#d3ef0f
```
#d3ef0f rgb(211,239,15)
```
#daf905
```
#daf905 rgb(218,249,5)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#babe9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca34 Protanopia 1% of men
#fac042 Deuteranopia 1% of men
#d0c6d4 Tritanopia 0.001% of the population

Trichromacy

#d4cd31 Protanomaly 1% of men, 0.01% of women
#e4c63a Deuteranomaly 6% of men, 0.4% of women
#c9ca97 Tritanomaly 0.01% of the population

#bdd22c hex color

#bdd22c Color Information

#bdd22c Color Conversion

Color Schemes with #bdd22c

Alternatives to #bdd22c

#bdd22c Preview

Shades and Tints of #bdd22c

Tones of #bdd22c

Color Blindness Simulator