#bdd342 hex color

In a RGB color space, hex #bdd342 is composed of 74.1% red, 82.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 68.7% yellow and 17.3% black. It has a hue angle of 69.1 degrees, a saturation of 62.2% and a lightness of 54.3%. #bdd342 color hex could be obtained by blending #ffff84 with #7ba700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 74
- G 83
- B 26
RGB color chart
- C 10
- M 0
- Y 69
- K 17
CMYK color chart

● #bdd342 color description : Moderate yellow.

The hexadecimal color #bdd342 has RGB values of R:189, G:211, B:66 and CMYK values of C:0.1, M:0, Y:0.69, K:0.17. Its decimal value is 12440386.

Hex triplet	bdd342	`#bdd342`
RGB Decimal	189, 211, 66	`rgb(189,211,66)`
RGB Percent	74.1, 82.7, 25.9	`rgb(74.1%,82.7%,25.9%)`
CMYK	10, 0, 69, 17
HSL	69.1°, 62.2, 54.3	`hsl(69.1,62.2%,54.3%)`
HSV (or HSB)	69.1°, 68.7, 82.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.628, -26.042, 65.832
XYZ	45.264, 57.801, 13.926
xyY	0.387, 0.494, 57.801
CIE-LCH	80.628, 70.796, 111.583
CIE-LUV	80.628, -8.455, 80.628
Hunter-Lab	76.027, -26.775, 42.358
Binary	10111101, 11010011, 01000010

#bdd342
```
#bdd342 rgb(189,211,66)
```
#5842d3
```
#5842d3 rgb(88,66,211)
```

Complementary Color

#d3a142
```
#d3a142 rgb(211,161,66)
```
#bdd342
```
#bdd342 rgb(189,211,66)
```
#75d342
```
#75d342 rgb(117,211,66)
```

Analogous Color

#a142d3
```
#a142d3 rgb(161,66,211)
```
#bdd342
```
#bdd342 rgb(189,211,66)
```
#4275d3
```
#4275d3 rgb(66,117,211)
```

Split Complementary Color

#d342bd
```
#d342bd rgb(211,66,189)
```
#bdd342
```
#bdd342 rgb(189,211,66)
```
#42bdd3
```
#42bdd3 rgb(66,189,211)
```

Triadic Color

#d35842
```
#d35842 rgb(211,88,66)
```
#bdd342
```
#bdd342 rgb(189,211,66)
```
#42bdd3
```
#42bdd3 rgb(66,189,211)
```
#5842d3
```
#5842d3 rgb(88,66,211)
```

Tetradic Color

#90a326
```
#90a326 rgb(144,163,38)
```
#a2b72b
```
#a2b72b rgb(162,183,43)
```
#b4cc2f
```
#b4cc2f rgb(180,204,47)
```
#bdd342
```
#bdd342 rgb(189,211,66)
```
#c4d857
```
#c4d857 rgb(196,216,87)
```
#cbdd6b
```
#cbdd6b rgb(203,221,107)
```
#d3e180
```
#d3e180 rgb(211,225,128)
```

Monochromatic Color

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

#d3c542
```
#d3c542 rgb(211,197,66)
```
#d3d142
```
#d3d142 rgb(211,209,66)
```
#c9d342
```
#c9d342 rgb(201,211,66)
```
#bdd342
```
#bdd342 rgb(189,211,66)
```
#b1d342
```
#b1d342 rgb(177,211,66)
```
#a5d342
```
#a5d342 rgb(165,211,66)
```
#99d342
```
#99d342 rgb(153,211,66)
```

Similar Colors

Text with hexadecimal color #bdd342

This text has a font color of #bdd342.

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

#bdd342 background color

This paragraph has a background color of #bdd342.

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

#bdd342 border color

This element has a border color of #bdd342.

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

CSS codes

.text {color:#bdd342;}

.background {background-color:#bdd342;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#101204
```
#101204 rgb(16,18,4)
```
#1e2208
```
#1e2208 rgb(30,34,8)
```
#2c320c
```
#2c320c rgb(44,50,12)
```
#3a420f
```
#3a420f rgb(58,66,15)
```
#485113
```
#485113 rgb(72,81,19)
```
#566117
```
#566117 rgb(86,97,23)
```
#64711a
```
#64711a rgb(100,113,26)
```
#72811e
```
#72811e rgb(114,129,30)
```
#809122
```
#809122 rgb(128,145,34)
```
#8ea125
```
#8ea125 rgb(142,161,37)
```
#9cb129
```
#9cb129 rgb(156,177,41)
```
#aac12d
```
#aac12d rgb(170,193,45)
```

Shade Color Variation

#b7cf32
```
#b7cf32 rgb(183,207,50)
```
#bdd342
```
#bdd342 rgb(189,211,66)
```
#c3d752
```
#c3d752 rgb(195,215,82)
```
#c8da62
```
#c8da62 rgb(200,218,98)
```
#cede72
```
#cede72 rgb(206,222,114)
```
#d3e282
```
#d3e282 rgb(211,226,130)
```
#d9e692
```
#d9e692 rgb(217,230,146)
```
#dee9a1
```
#dee9a1 rgb(222,233,161)
```
#e4edb1
```
#e4edb1 rgb(228,237,177)
```
#e9f1c1
```
#e9f1c1 rgb(233,241,193)
```
#eff4d1
```
#eff4d1 rgb(239,244,209)
```
#f5f8e1
```
#f5f8e1 rgb(245,248,225)
```
#fafcf1
```
#fafcf1 rgb(250,252,241)
```

Tint Color Variation

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

#8b8b8a
```
#8b8b8a rgb(139,139,138)
```
#919481
```
#919481 rgb(145,148,129)
```
#989d78
```
#989d78 rgb(152,157,120)
```
#9ea66f
```
#9ea66f rgb(158,166,111)
```
#a4af66
```
#a4af66 rgb(164,175,102)
```
#aab85d
```
#aab85d rgb(170,184,93)
```
#b1c154
```
#b1c154 rgb(177,193,84)
```
#b7ca4b
```
#b7ca4b rgb(183,202,75)
```
#bdd342
```
#bdd342 rgb(189,211,66)
```
#c3dc39
```
#c3dc39 rgb(195,220,57)
```
#c9e530
```
#c9e530 rgb(201,229,48)
```
#d0ee27
```
#d0ee27 rgb(208,238,39)
```
#d6f71e
```
#d6f71e rgb(214,247,30)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bcc1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cb49 Protanopia 1% of men
#fac154 Deuteranopia 1% of men
#d0c8d6 Tritanopia 0.001% of the population

Trichromacy

#d4ce46 Protanomaly 1% of men, 0.01% of women
#e4c74d Deuteranomaly 6% of men, 0.4% of women
#c9cca0 Tritanomaly 0.01% of the population

#bdd342 hex color

#bdd342 Color Information

#bdd342 Color Conversion

Color Schemes with #bdd342

Alternatives to #bdd342

#bdd342 Preview

Shades and Tints of #bdd342

Tones of #bdd342

Color Blindness Simulator