#b0d3a1 hex color

In a RGB color space, hex #b0d3a1 is composed of 69% red, 82.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 0% magenta, 23.7% yellow and 17.3% black. It has a hue angle of 102 degrees, a saturation of 36.2% and a lightness of 72.9%. #b0d3a1 color hex could be obtained by blending #ffffff with #61a743. Closest websafe color is: #99cc99.

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

● #b0d3a1 color description : Grayish green.

The hexadecimal color #b0d3a1 has RGB values of R:176, G:211, B:161 and CMYK values of C:0.17, M:0, Y:0.24, K:0.17. Its decimal value is 11588513.

Hex triplet	b0d3a1	`#b0d3a1`
RGB Decimal	176, 211, 161	`rgb(176,211,161)`
RGB Percent	69, 82.7, 63.1	`rgb(69%,82.7%,63.1%)`
CMYK	17, 0, 24, 17
HSL	102°, 36.2, 72.9	`hsl(102,36.2%,72.9%)`
HSV (or HSB)	102°, 23.7, 82.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.956, -20.766, 21.027
XYZ	47.63, 58.391, 42.477
xyY	0.321, 0.393, 58.391
CIE-LCH	80.956, 29.552, 134.641
CIE-LUV	80.956, -17.419, 33.379
Hunter-Lab	76.414, -22.462, 20.531
Binary	10110000, 11010011, 10100001

#b0d3a1
```
#b0d3a1 rgb(176,211,161)
```
#c4a1d3
```
#c4a1d3 rgb(196,161,211)
```

Complementary Color

#c9d3a1
```
#c9d3a1 rgb(201,211,161)
```
#b0d3a1
```
#b0d3a1 rgb(176,211,161)
```
#a1d3ab
```
#a1d3ab rgb(161,211,171)
```

Analogous Color

#d3a1c9
```
#d3a1c9 rgb(211,161,201)
```
#b0d3a1
```
#b0d3a1 rgb(176,211,161)
```
#aba1d3
```
#aba1d3 rgb(171,161,211)
```

Split Complementary Color

#d3a1b0
```
#d3a1b0 rgb(211,161,176)
```
#b0d3a1
```
#b0d3a1 rgb(176,211,161)
```
#a1b0d3
```
#a1b0d3 rgb(161,176,211)
```

Triadic Color

#d3c4a1
```
#d3c4a1 rgb(211,196,161)
```
#b0d3a1
```
#b0d3a1 rgb(176,211,161)
```
#a1b0d3
```
#a1b0d3 rgb(161,176,211)
```
#c4a1d3
```
#c4a1d3 rgb(196,161,211)
```

Tetradic Color

#84bb6d
```
#84bb6d rgb(132,187,109)
```
#93c37e
```
#93c37e rgb(147,195,126)
```
#a1cb90
```
#a1cb90 rgb(161,203,144)
```
#b0d3a1
```
#b0d3a1 rgb(176,211,161)
```
#bfdbb2
```
#bfdbb2 rgb(191,219,178)
```
#cde3c4
```
#cde3c4 rgb(205,227,196)
```
#dcebd5
```
#dcebd5 rgb(220,235,213)
```

Monochromatic Color

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

#bdd3a1
```
#bdd3a1 rgb(189,211,161)
```
#b8d3a1
```
#b8d3a1 rgb(184,211,161)
```
#b4d3a1
```
#b4d3a1 rgb(180,211,161)
```
#b0d3a1
```
#b0d3a1 rgb(176,211,161)
```
#acd3a1
```
#acd3a1 rgb(172,211,161)
```
#a8d3a1
```
#a8d3a1 rgb(168,211,161)
```
#a4d3a1
```
#a4d3a1 rgb(164,211,161)
```

Similar Colors

Text with hexadecimal color #b0d3a1

This text has a font color of #b0d3a1.

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

#b0d3a1 background color

This paragraph has a background color of #b0d3a1.

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

#b0d3a1 border color

This element has a border color of #b0d3a1.

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

CSS codes

.text {color:#b0d3a1;}

.background {background-color:#b0d3a1;}

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

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, #080d06 is the darkest color, while #ffffff is the lightest one.

#080d06
```
#080d06 rgb(8,13,6)
```
#101a0c
```
#101a0c rgb(16,26,12)
```
#192813
```
#192813 rgb(25,40,19)
```
#213519
```
#213519 rgb(33,53,25)
```
#2a421f
```
#2a421f rgb(42,66,31)
```
#325025
```
#325025 rgb(50,80,37)
```
#3a5d2c
```
#3a5d2c rgb(58,93,44)
```
#436a32
```
#436a32 rgb(67,106,50)
```
#4b7838
```
#4b7838 rgb(75,120,56)
```
#54853e
```
#54853e rgb(84,133,62)
```
#5c9345
```
#5c9345 rgb(92,147,69)
```
#64a04b
```
#64a04b rgb(100,160,75)
```
#6dad51
```
#6dad51 rgb(109,173,81)
```

Shade Color Variation

#78b45e
```
#78b45e rgb(120,180,94)
```
#83ba6c
```
#83ba6c rgb(131,186,108)
```
#8ec079
```
#8ec079 rgb(142,192,121)
```
#9ac686
```
#9ac686 rgb(154,198,134)
```
#a5cd94
```
#a5cd94 rgb(165,205,148)
```
#b0d3a1
```
#b0d3a1 rgb(176,211,161)
```
#bbd9ae
```
#bbd9ae rgb(187,217,174)
```
#c6e0bc
```
#c6e0bc rgb(198,224,188)
```
#d2e6c9
```
#d2e6c9 rgb(210,230,201)
```
#ddecd6
```
#ddecd6 rgb(221,236,214)
```
#e8f2e4
```
#e8f2e4 rgb(232,242,228)
```
#f3f9f1
```
#f3f9f1 rgb(243,249,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b8beb6
```
#b8beb6 rgb(184,190,182)
```
#b6c3b1
```
#b6c3b1 rgb(182,195,177)
```
#b4c8ac
```
#b4c8ac rgb(180,200,172)
```
#b2cea6
```
#b2cea6 rgb(178,206,166)
```
#b0d3a1
```
#b0d3a1 rgb(176,211,161)
```
#aed89c
```
#aed89c rgb(174,216,156)
```
#acde96
```
#acde96 rgb(172,222,150)
```
#aae391
```
#aae391 rgb(170,227,145)
```
#a8e88c
```
#a8e88c rgb(168,232,140)
```
#a5ee86
```
#a5ee86 rgb(165,238,134)
```
#a3f381
```
#a3f381 rgb(163,243,129)
```
#a1f87c
```
#a1f87c rgb(161,248,124)
```
#9ffd77
```
#9ffd77 rgb(159,253,119)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#bfc6bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8cba1 Protanopia 1% of men
#eac4ab Deuteranopia 1% of men
#becddc Tritanopia 0.001% of the population

Trichromacy

#c9cea1 Protanomaly 1% of men, 0.01% of women
#d5c9a7 Deuteranomaly 6% of men, 0.4% of women
#b9cfc6 Tritanomaly 0.01% of the population

#b0d3a1 hex color

#b0d3a1 Color Information

#b0d3a1 Color Conversion

Color Schemes with #b0d3a1

Alternatives to #b0d3a1

#b0d3a1 Preview

Shades and Tints of #b0d3a1

Tones of #b0d3a1

Color Blindness Simulator