#bdd346 hex color

In a RGB color space, hex #bdd346 is composed of 74.1% red, 82.7% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 66.8% yellow and 17.3% black. It has a hue angle of 69.4 degrees, a saturation of 61.6% and a lightness of 55.1%. #bdd346 color hex could be obtained by blending #ffff8c with #7ba700. Closest websafe color is: #cccc33.

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

● #bdd346 color description : Moderate yellow.

The hexadecimal color #bdd346 has RGB values of R:189, G:211, B:70 and CMYK values of C:0.1, M:0, Y:0.67, K:0.17. Its decimal value is 12440390.

Hex triplet	bdd346	`#bdd346`
RGB Decimal	189, 211, 70	`rgb(189,211,70)`
RGB Percent	74.1, 82.7, 27.5	`rgb(74.1%,82.7%,27.5%)`
CMYK	10, 0, 67, 17
HSL	69.4°, 61.6, 55.1	`hsl(69.4,61.6%,55.1%)`
HSV (or HSB)	69.4°, 66.8, 82.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.655, -25.809, 64.352
XYZ	45.386, 57.85, 14.569
xyY	0.385, 0.491, 57.85
CIE-LCH	80.655, 69.334, 111.854
CIE-LUV	80.655, -8.501, 79.474
Hunter-Lab	76.059, -26.589, 41.884
Binary	10111101, 11010011, 01000110

#bdd346
```
#bdd346 rgb(189,211,70)
```
#5c46d3
```
#5c46d3 rgb(92,70,211)
```

Complementary Color

#d3a346
```
#d3a346 rgb(211,163,70)
```
#bdd346
```
#bdd346 rgb(189,211,70)
```
#77d346
```
#77d346 rgb(119,211,70)
```

Analogous Color

#a346d3
```
#a346d3 rgb(163,70,211)
```
#bdd346
```
#bdd346 rgb(189,211,70)
```
#4677d3
```
#4677d3 rgb(70,119,211)
```

Split Complementary Color

#d346bd
```
#d346bd rgb(211,70,189)
```
#bdd346
```
#bdd346 rgb(189,211,70)
```
#46bdd3
```
#46bdd3 rgb(70,189,211)
```

Triadic Color

#d35c46
```
#d35c46 rgb(211,92,70)
```
#bdd346
```
#bdd346 rgb(189,211,70)
```
#46bdd3
```
#46bdd3 rgb(70,189,211)
```
#5c46d3
```
#5c46d3 rgb(92,70,211)
```

Tetradic Color

#92a527
```
#92a527 rgb(146,165,39)
```
#a4ba2c
```
#a4ba2c rgb(164,186,44)
```
#b6ce31
```
#b6ce31 rgb(182,206,49)
```
#bdd346
```
#bdd346 rgb(189,211,70)
```
#c4d85b
```
#c4d85b rgb(196,216,91)
```
#ccdd6f
```
#ccdd6f rgb(204,221,111)
```
#d3e284
```
#d3e284 rgb(211,226,132)
```

Monochromatic Color

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

#d3c646
```
#d3c646 rgb(211,198,70)
```
#d3d246
```
#d3d246 rgb(211,210,70)
```
#c9d346
```
#c9d346 rgb(201,211,70)
```
#bdd346
```
#bdd346 rgb(189,211,70)
```
#b1d346
```
#b1d346 rgb(177,211,70)
```
#a6d346
```
#a6d346 rgb(166,211,70)
```
#9ad346
```
#9ad346 rgb(154,211,70)
```

Similar Colors

Text with hexadecimal color #bdd346

This text has a font color of #bdd346.

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

#bdd346 background color

This paragraph has a background color of #bdd346.

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

#bdd346 border color

This element has a border color of #bdd346.

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

CSS codes

.text {color:#bdd346;}

.background {background-color:#bdd346;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#131505
```
#131505 rgb(19,21,5)
```
#202509
```
#202509 rgb(32,37,9)
```
#2e350d
```
#2e350d rgb(46,53,13)
```
#3c4510
```
#3c4510 rgb(60,69,16)
```
#4a5414
```
#4a5414 rgb(74,84,20)
```
#586418
```
#586418 rgb(88,100,24)
```
#66741c
```
#66741c rgb(102,116,28)
```
#74841f
```
#74841f rgb(116,132,31)
```
#829423
```
#829423 rgb(130,148,35)
```
#90a427
```
#90a427 rgb(144,164,39)
```
#9eb32b
```
#9eb32b rgb(158,179,43)
```
#acc32e
```
#acc32e rgb(172,195,46)
```

Shade Color Variation

#b7cf36
```
#b7cf36 rgb(183,207,54)
```
#bdd346
```
#bdd346 rgb(189,211,70)
```
#c3d756
```
#c3d756 rgb(195,215,86)
```
#c8db66
```
#c8db66 rgb(200,219,102)
```
#cede76
```
#cede76 rgb(206,222,118)
```
#d4e285
```
#d4e285 rgb(212,226,133)
```
#d9e695
```
#d9e695 rgb(217,230,149)
```
#dfeaa5
```
#dfeaa5 rgb(223,234,165)
```
#e5edb5
```
#e5edb5 rgb(229,237,181)
```
#eaf1c5
```
#eaf1c5 rgb(234,241,197)
```
#f0f5d5
```
#f0f5d5 rgb(240,245,213)
```
#f6f9e4
```
#f6f9e4 rgb(246,249,228)
```
#fbfcf4
```
#fbfcf4 rgb(251,252,244)
```

Tint Color Variation

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

#8d8d8c
```
#8d8d8c rgb(141,141,140)
```
#939584
```
#939584 rgb(147,149,132)
```
#999e7b
```
#999e7b rgb(153,158,123)
```
#9fa772
```
#9fa772 rgb(159,167,114)
```
#a5b069
```
#a5b069 rgb(165,176,105)
```
#abb960
```
#abb960 rgb(171,185,96)
```
#b1c158
```
#b1c158 rgb(177,193,88)
```
#b7ca4f
```
#b7ca4f rgb(183,202,79)
```
#bdd346
```
#bdd346 rgb(189,211,70)
```
#c3dc3d
```
#c3dc3d rgb(195,220,61)
```
#c9e534
```
#c9e534 rgb(201,229,52)
```
#cfed2c
```
#cfed2c rgb(207,237,44)
```
#d5f623
```
#d5f623 rgb(213,246,35)
```

Tone Color Variation

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

#e1cb4c Protanopia 1% of men
#fac157 Deuteranopia 1% of men
#d0c8d6 Tritanopia 0.001% of the population

Trichromacy

#d4ce4a Protanomaly 1% of men, 0.01% of women
#e3c851 Deuteranomaly 6% of men, 0.4% of women
#c9cca1 Tritanomaly 0.01% of the population

#bdd346 hex color

#bdd346 Color Information

#bdd346 Color Conversion

Color Schemes with #bdd346

Alternatives to #bdd346

#bdd346 Preview

Shades and Tints of #bdd346

Tones of #bdd346

Color Blindness Simulator