#bdc395 hex color

In a RGB color space, hex #bdc395 is composed of 74.1% red, 76.5% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 3.1% cyan, 0% magenta, 23.6% yellow and 23.5% black. It has a hue angle of 67.8 degrees, a saturation of 27.7% and a lightness of 67.5%. #bdc395 color hex could be obtained by blending #ffffff with #7b872b. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 74
- G 76
- B 58
RGB color chart
- C 3
- M 0
- Y 24
- K 24
CMYK color chart

● #bdc395 color description : Grayish yellow.

The hexadecimal color #bdc395 has RGB values of R:189, G:195, B:149 and CMYK values of C:0.03, M:0, Y:0.24, K:0.24. Its decimal value is 12436373.

Hex triplet	bdc395	`#bdc395`
RGB Decimal	189, 195, 149	`rgb(189,195,149)`
RGB Percent	74.1, 76.5, 58.4	`rgb(74.1%,76.5%,58.4%)`
CMYK	3, 0, 24, 24
HSL	67.8°, 27.7, 67.5	`hsl(67.8,27.7%,67.5%)`
HSV (or HSB)	67.8°, 23.6, 76.5
Web Safe	cccc99	`#cccc99`

CIE-LAB	77.292, -9.771, 22.484
XYZ	45.925, 52.019, 36.053
xyY	0.343, 0.388, 52.019
CIE-LCH	77.292, 24.515, 113.489
CIE-LUV	77.292, -1.242, 32.876
Hunter-Lab	72.124, -12.557, 20.849
Binary	10111101, 11000011, 10010101

#bdc395
```
#bdc395 rgb(189,195,149)
```
#9b95c3
```
#9b95c3 rgb(155,149,195)
```

Complementary Color

#c3b295
```
#c3b295 rgb(195,178,149)
```
#bdc395
```
#bdc395 rgb(189,195,149)
```
#a6c395
```
#a6c395 rgb(166,195,149)
```

Analogous Color

#b295c3
```
#b295c3 rgb(178,149,195)
```
#bdc395
```
#bdc395 rgb(189,195,149)
```
#95a6c3
```
#95a6c3 rgb(149,166,195)
```

Split Complementary Color

#c395bd
```
#c395bd rgb(195,149,189)
```
#bdc395
```
#bdc395 rgb(189,195,149)
```
#95bdc3
```
#95bdc3 rgb(149,189,195)
```

Triadic Color

#c39b95
```
#c39b95 rgb(195,155,149)
```
#bdc395
```
#bdc395 rgb(189,195,149)
```
#95bdc3
```
#95bdc3 rgb(149,189,195)
```
#9b95c3
```
#9b95c3 rgb(155,149,195)
```

Tetradic Color

#9fa764
```
#9fa764 rgb(159,167,100)
```
#a9b174
```
#a9b174 rgb(169,177,116)
```
#b3ba85
```
#b3ba85 rgb(179,186,133)
```
#bdc395
```
#bdc395 rgb(189,195,149)
```
#c7cca5
```
#c7cca5 rgb(199,204,165)
```
#d1d5b6
```
#d1d5b6 rgb(209,213,182)
```
#dbdfc6
```
#dbdfc6 rgb(219,223,198)
```

Monochromatic Color

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

#c3be95
```
#c3be95 rgb(195,190,149)
```
#c3c195
```
#c3c195 rgb(195,193,149)
```
#c1c395
```
#c1c395 rgb(193,195,149)
```
#bdc395
```
#bdc395 rgb(189,195,149)
```
#b9c395
```
#b9c395 rgb(185,195,149)
```
#b5c395
```
#b5c395 rgb(181,195,149)
```
#b2c395
```
#b2c395 rgb(178,195,149)
```

Similar Colors

Text with hexadecimal color #bdc395

This text has a font color of #bdc395.

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

#bdc395 background color

This paragraph has a background color of #bdc395.

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

#bdc395 border color

This element has a border color of #bdc395.

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

CSS codes

.text {color:#bdc395;}

.background {background-color:#bdc395;}

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

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

#060704
```
#060704 rgb(6,7,4)
```
#12130b
```
#12130b rgb(18,19,11)
```
#1e2012
```
#1e2012 rgb(30,32,18)
```
#2a2c19
```
#2a2c19 rgb(42,44,25)
```
#363920
```
#363920 rgb(54,57,32)
```
#414527
```
#414527 rgb(65,69,39)
```
#4d522e
```
#4d522e rgb(77,82,46)
```
#595e35
```
#595e35 rgb(89,94,53)
```
#656b3d
```
#656b3d rgb(101,107,61)
```
#717744
```
#717744 rgb(113,119,68)
```
#7d844b
```
#7d844b rgb(125,132,75)
```
#889152
```
#889152 rgb(136,145,82)
```
#949d59
```
#949d59 rgb(148,157,89)
```

Shade Color Variation

#9ea763
```
#9ea763 rgb(158,167,99)
```
#a6ae6f
```
#a6ae6f rgb(166,174,111)
```
#adb57c
```
#adb57c rgb(173,181,124)
```
#b5bc88
```
#b5bc88 rgb(181,188,136)
```
#bdc395
```
#bdc395 rgb(189,195,149)
```
#c5caa2
```
#c5caa2 rgb(197,202,162)
```
#cdd1ae
```
#cdd1ae rgb(205,209,174)
```
#d4d8bb
```
#d4d8bb rgb(212,216,187)
```
#dcdfc7
```
#dcdfc7 rgb(220,223,199)
```
#e4e6d4
```
#e4e6d4 rgb(228,230,212)
```
#eceee0
```
#eceee0 rgb(236,238,224)
```
#f4f5ed
```
#f4f5ed rgb(244,245,237)
```
#fbfcf9
```
#fbfcf9 rgb(251,252,249)
```

Tint Color Variation

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

#afb0a8
```
#afb0a8 rgb(175,176,168)
```
#b4b6a2
```
#b4b6a2 rgb(180,182,162)
```
#b8bd9b
```
#b8bd9b rgb(184,189,155)
```
#bdc395
```
#bdc395 rgb(189,195,149)
```
#c2c98f
```
#c2c98f rgb(194,201,143)
```
#c6d088
```
#c6d088 rgb(198,208,136)
```
#cbd682
```
#cbd682 rgb(203,214,130)
```
#d0dd7b
```
#d0dd7b rgb(208,221,123)
```
#d5e375
```
#d5e375 rgb(213,227,117)
```
#d9e96f
```
#d9e96f rgb(217,233,111)
```
#def068
```
#def068 rgb(222,240,104)
```
#e3f662
```
#e3f662 rgb(227,246,98)
```
#e7fc5c
```
#e7fc5c rgb(231,252,92)
```

Tone Color Variation

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

Dichromacy

#cec198 Protanopia 1% of men
#e0bb9d Deuteranopia 1% of men
#c8bfcc Tritanopia 0.001% of the population

Trichromacy

#c8c297 Protanomaly 1% of men, 0.01% of women
#d3bd9a Deuteranomaly 6% of men, 0.4% of women
#c4c0b8 Tritanomaly 0.01% of the population

#bdc395 hex color

#bdc395 Color Information

#bdc395 Color Conversion

Color Schemes with #bdc395

Alternatives to #bdc395

#bdc395 Preview

Shades and Tints of #bdc395

Tones of #bdc395

Color Blindness Simulator