#b4d2a5 hex color

In a RGB color space, hex #b4d2a5 is composed of 70.6% red, 82.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 0% magenta, 21.4% yellow and 17.6% black. It has a hue angle of 100 degrees, a saturation of 33.3% and a lightness of 73.5%. #b4d2a5 color hex could be obtained by blending #ffffff with #69a54b. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 82
- B 65
RGB color chart
- C 14
- M 0
- Y 21
- K 18
CMYK color chart

● #b4d2a5 color description : Grayish green.

The hexadecimal color #b4d2a5 has RGB values of R:180, G:210, B:165 and CMYK values of C:0.14, M:0, Y:0.21, K:0.18. Its decimal value is 11850405.

Hex triplet	b4d2a5	`#b4d2a5`
RGB Decimal	180, 210, 165	`rgb(180,210,165)`
RGB Percent	70.6, 82.4, 64.7	`rgb(70.6%,82.4%,64.7%)`
CMYK	14, 0, 21, 18
HSL	100°, 33.3, 73.5	`hsl(100,33.3%,73.5%)`
HSV (or HSB)	100°, 21.4, 82.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.023, -18.216, 19.053
XYZ	48.659, 58.512, 44.326
xyY	0.321, 0.386, 58.512
CIE-LCH	81.023, 26.36, 133.713
CIE-LUV	81.023, -14.856, 30.319
Hunter-Lab	76.493, -20.316, 19.189
Binary	10110100, 11010010, 10100101

#b4d2a5
```
#b4d2a5 rgb(180,210,165)
```
#c3a5d2
```
#c3a5d2 rgb(195,165,210)
```

Complementary Color

#cbd2a5
```
#cbd2a5 rgb(203,210,165)
```
#b4d2a5
```
#b4d2a5 rgb(180,210,165)
```
#a5d2ad
```
#a5d2ad rgb(165,210,173)
```

Analogous Color

#d2a5cb
```
#d2a5cb rgb(210,165,203)
```
#b4d2a5
```
#b4d2a5 rgb(180,210,165)
```
#ada5d2
```
#ada5d2 rgb(173,165,210)
```

Split Complementary Color

#d2a5b4
```
#d2a5b4 rgb(210,165,180)
```
#b4d2a5
```
#b4d2a5 rgb(180,210,165)
```
#a5b4d2
```
#a5b4d2 rgb(165,180,210)
```

Triadic Color

#d2c3a5
```
#d2c3a5 rgb(210,195,165)
```
#b4d2a5
```
#b4d2a5 rgb(180,210,165)
```
#a5b4d2
```
#a5b4d2 rgb(165,180,210)
```
#c3a5d2
```
#c3a5d2 rgb(195,165,210)
```

Tetradic Color

#8ab972
```
#8ab972 rgb(138,185,114)
```
#98c183
```
#98c183 rgb(152,193,131)
```
#a6ca94
```
#a6ca94 rgb(166,202,148)
```
#b4d2a5
```
#b4d2a5 rgb(180,210,165)
```
#c2dbb6
```
#c2dbb6 rgb(194,219,182)
```
#d0e3c7
```
#d0e3c7 rgb(208,227,199)
```
#dfecd8
```
#dfecd8 rgb(223,236,216)
```

Monochromatic Color

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

#bfd2a5
```
#bfd2a5 rgb(191,210,165)
```
#bcd2a5
```
#bcd2a5 rgb(188,210,165)
```
#b8d2a5
```
#b8d2a5 rgb(184,210,165)
```
#b4d2a5
```
#b4d2a5 rgb(180,210,165)
```
#b0d2a5
```
#b0d2a5 rgb(176,210,165)
```
#add2a5
```
#add2a5 rgb(173,210,165)
```
#a9d2a5
```
#a9d2a5 rgb(169,210,165)
```

Similar Colors

Text with hexadecimal color #b4d2a5

This text has a font color of #b4d2a5.

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

#b4d2a5 background color

This paragraph has a background color of #b4d2a5.

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

#b4d2a5 border color

This element has a border color of #b4d2a5.

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

CSS codes

.text {color:#b4d2a5;}

.background {background-color:#b4d2a5;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#0a0f07
```
#0a0f07 rgb(10,15,7)
```
#121c0e
```
#121c0e rgb(18,28,14)
```
#1b2914
```
#1b2914 rgb(27,41,20)
```
#24361b
```
#24361b rgb(36,54,27)
```
#2d4321
```
#2d4321 rgb(45,67,33)
```
#355028
```
#355028 rgb(53,80,40)
```
#3e5d2f
```
#3e5d2f rgb(62,93,47)
```
#476a35
```
#476a35 rgb(71,106,53)
```
#4f773c
```
#4f773c rgb(79,119,60)
```
#588442
```
#588442 rgb(88,132,66)
```
#619149
```
#619149 rgb(97,145,73)
```
#6a9e4f
```
#6a9e4f rgb(106,158,79)
```

Shade Color Variation

#73ab57
```
#73ab57 rgb(115,171,87)
```
#7eb164
```
#7eb164 rgb(126,177,100)
```
#88b871
```
#88b871 rgb(136,184,113)
```
#93be7e
```
#93be7e rgb(147,190,126)
```
#9ec58b
```
#9ec58b rgb(158,197,139)
```
#a9cb98
```
#a9cb98 rgb(169,203,152)
```
#b4d2a5
```
#b4d2a5 rgb(180,210,165)
```
#bfd9b2
```
#bfd9b2 rgb(191,217,178)
```
#cadfbf
```
#cadfbf rgb(202,223,191)
```
#d5e6cc
```
#d5e6cc rgb(213,230,204)
```
#e0ecd9
```
#e0ecd9 rgb(224,236,217)
```
#eaf3e6
```
#eaf3e6 rgb(234,243,230)
```
#f5f9f3
```
#f5f9f3 rgb(245,249,243)
```

Tint Color Variation

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

#bbbdba
```
#bbbdba rgb(187,189,186)
```
#b9c2b5
```
#b9c2b5 rgb(185,194,181)
```
#b7c8af
```
#b7c8af rgb(183,200,175)
```
#b6cdaa
```
#b6cdaa rgb(182,205,170)
```
#b4d2a5
```
#b4d2a5 rgb(180,210,165)
```
#b2d7a0
```
#b2d7a0 rgb(178,215,160)
```
#b1dc9b
```
#b1dc9b rgb(177,220,155)
```
#afe295
```
#afe295 rgb(175,226,149)
```
#ade790
```
#ade790 rgb(173,231,144)
```
#abec8b
```
#abec8b rgb(171,236,139)
```
#aaf186
```
#aaf186 rgb(170,241,134)
```
#a8f681
```
#a8f681 rgb(168,246,129)
```
#a6fc7b
```
#a6fc7b rgb(166,252,123)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c1c7be Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8cba5 Protanopia 1% of men
#e9c4ae Deuteranopia 1% of men
#c1cddc Tritanopia 0.001% of the population

Trichromacy

#cacda5 Protanomaly 1% of men, 0.01% of women
#d6c9ab Deuteranomaly 6% of men, 0.4% of women
#bccfc8 Tritanomaly 0.01% of the population

#b4d2a5 hex color

#b4d2a5 Color Information

#b4d2a5 Color Conversion

Color Schemes with #b4d2a5

Alternatives to #b4d2a5

#b4d2a5 Preview

Shades and Tints of #b4d2a5

Tones of #b4d2a5

Color Blindness Simulator