#bdd331 hex color

In a RGB color space, hex #bdd331 is composed of 74.1% red, 82.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 76.8% yellow and 17.3% black. It has a hue angle of 68.1 degrees, a saturation of 64.8% and a lightness of 51%. #bdd331 color hex could be obtained by blending #ffff62 with #7ba700. Closest websafe color is: #cccc33.

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

● #bdd331 color description : Strong yellow.

The hexadecimal color #bdd331 has RGB values of R:189, G:211, B:49 and CMYK values of C:0.1, M:0, Y:0.77, K:0.17. Its decimal value is 12440369.

Hex triplet	bdd331	`#bdd331`
RGB Decimal	189, 211, 49	`rgb(189,211,49)`
RGB Percent	74.1, 82.7, 19.2	`rgb(74.1%,82.7%,19.2%)`
CMYK	10, 0, 77, 17
HSL	68.1°, 64.8, 51	`hsl(68.1,64.8%,51%)`
HSV (or HSB)	68.1°, 76.8, 82.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.532, -26.867, 71.44
XYZ	44.835, 57.629, 11.667
xyY	0.393, 0.505, 57.629
CIE-LCH	80.532, 76.325, 110.61
CIE-LUV	80.532, -8.289, 84.732
Hunter-Lab	75.914, -27.427, 44.027
Binary	10111101, 11010011, 00110001

#bdd331
```
#bdd331 rgb(189,211,49)
```
#4731d3
```
#4731d3 rgb(71,49,211)
```

Complementary Color

#d39831
```
#d39831 rgb(211,152,49)
```
#bdd331
```
#bdd331 rgb(189,211,49)
```
#6cd331
```
#6cd331 rgb(108,211,49)
```

Analogous Color

#9831d3
```
#9831d3 rgb(152,49,211)
```
#bdd331
```
#bdd331 rgb(189,211,49)
```
#316cd3
```
#316cd3 rgb(49,108,211)
```

Split Complementary Color

#d331bd
```
#d331bd rgb(211,49,189)
```
#bdd331
```
#bdd331 rgb(189,211,49)
```
#31bdd3
```
#31bdd3 rgb(49,189,211)
```

Triadic Color

#d34731
```
#d34731 rgb(211,71,49)
```
#bdd331
```
#bdd331 rgb(189,211,49)
```
#31bdd3
```
#31bdd3 rgb(49,189,211)
```
#4731d3
```
#4731d3 rgb(71,49,211)
```

Tetradic Color

#879720
```
#879720 rgb(135,151,32)
```
#9aac25
```
#9aac25 rgb(154,172,37)
```
#adc129
```
#adc129 rgb(173,193,41)
```
#bdd331
```
#bdd331 rgb(189,211,49)
```
#c4d746
```
#c4d746 rgb(196,215,70)
```
#cadc5b
```
#cadc5b rgb(202,220,91)
```
#d1e070
```
#d1e070 rgb(209,224,112)
```

Monochromatic Color

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

#d3c131
```
#d3c131 rgb(211,193,49)
```
#d3ce31
```
#d3ce31 rgb(211,206,49)
```
#cbd331
```
#cbd331 rgb(203,211,49)
```
#bdd331
```
#bdd331 rgb(189,211,49)
```
#b0d331
```
#b0d331 rgb(176,211,49)
```
#a2d331
```
#a2d331 rgb(162,211,49)
```
#95d331
```
#95d331 rgb(149,211,49)
```

Similar Colors

Text with hexadecimal color #bdd331

This text has a font color of #bdd331.

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

#bdd331 background color

This paragraph has a background color of #bdd331.

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

#bdd331 border color

This element has a border color of #bdd331.

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

CSS codes

.text {color:#bdd331;}

.background {background-color:#bdd331;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#121404
```
#121404 rgb(18,20,4)
```
#212408
```
#212408 rgb(33,36,8)
```
#2f350b
```
#2f350b rgb(47,53,11)
```
#3d450f
```
#3d450f rgb(61,69,15)
```
#4c5512
```
#4c5512 rgb(76,85,18)
```
#5a6516
```
#5a6516 rgb(90,101,22)
```
#697519
```
#697519 rgb(105,117,25)
```
#77851c
```
#77851c rgb(119,133,28)
```
#869620
```
#869620 rgb(134,150,32)
```
#94a623
```
#94a623 rgb(148,166,35)
```
#a2b627
```
#a2b627 rgb(162,182,39)
```
#b1c62a
```
#b1c62a rgb(177,198,42)
```

Shade Color Variation

#bdd331
```
#bdd331 rgb(189,211,49)
```
#c2d641
```
#c2d641 rgb(194,214,65)
```
#c7da51
```
#c7da51 rgb(199,218,81)
```
#cddd61
```
#cddd61 rgb(205,221,97)
```
#d2e172
```
#d2e172 rgb(210,225,114)
```
#d7e482
```
#d7e482 rgb(215,228,130)
```
#dce892
```
#dce892 rgb(220,232,146)
```
#e1eba2
```
#e1eba2 rgb(225,235,162)
```
#e6efb2
```
#e6efb2 rgb(230,239,178)
```
#ecf2c2
```
#ecf2c2 rgb(236,242,194)
```
#f1f6d3
```
#f1f6d3 rgb(241,246,211)
```
#f6f9e3
```
#f6f9e3 rgb(246,249,227)
```
#fbfcf3
```
#fbfcf3 rgb(251,252,243)
```

Tint Color Variation

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

#85867e
```
#85867e rgb(133,134,126)
```
#8c9074
```
#8c9074 rgb(140,144,116)
```
#93996b
```
#93996b rgb(147,153,107)
```
#9aa361
```
#9aa361 rgb(154,163,97)
```
#a1ad57
```
#a1ad57 rgb(161,173,87)
```
#a8b64e
```
#a8b64e rgb(168,182,78)
```
#afc044
```
#afc044 rgb(175,192,68)
```
#b6c93b
```
#b6c93b rgb(182,201,59)
```
#bdd331
```
#bdd331 rgb(189,211,49)
```
#c4dd27
```
#c4dd27 rgb(196,221,39)
```
#cbe61e
```
#cbe61e rgb(203,230,30)
```
#d2f014
```
#d2f014 rgb(210,240,20)
```
#d9f90b
```
#d9f90b rgb(217,249,11)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bbbf9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cb39 Protanopia 1% of men
#fbc146 Deuteranopia 1% of men
#d0c7d5 Tritanopia 0.001% of the population

Trichromacy

#d4cd36 Protanomaly 1% of men, 0.01% of women
#e4c73e Deuteranomaly 6% of men, 0.4% of women
#c9cb99 Tritanomaly 0.01% of the population

#bdd331 hex color

#bdd331 Color Information

#bdd331 Color Conversion

Color Schemes with #bdd331

Alternatives to #bdd331

#bdd331 Preview

Shades and Tints of #bdd331

Tones of #bdd331

Color Blindness Simulator