#b7ccaf hex color

In a RGB color space, hex #b7ccaf is composed of 71.8% red, 80% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 0% magenta, 14.2% yellow and 20% black. It has a hue angle of 103.4 degrees, a saturation of 22.1% and a lightness of 74.3%. #b7ccaf color hex could be obtained by blending #ffffff with #6f995f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 72
- G 80
- B 69
RGB color chart
- C 10
- M 0
- Y 14
- K 20
CMYK color chart

● #b7ccaf color description : Grayish green.

The hexadecimal color #b7ccaf has RGB values of R:183, G:204, B:175 and CMYK values of C:0.1, M:0, Y:0.14, K:0.2. Its decimal value is 12045487.

Hex triplet	b7ccaf	`#b7ccaf`
RGB Decimal	183, 204, 175	`rgb(183,204,175)`
RGB Percent	71.8, 80, 68.6	`rgb(71.8%,80%,68.6%)`
CMYK	10, 0, 14, 20
HSL	103.4°, 22.1, 74.3	`hsl(103.4,22.1%,74.3%)`
HSV (or HSB)	103.4°, 14.2, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	79.811, -12.45, 12.076
XYZ	48.857, 56.348, 48.857
xyY	0.317, 0.366, 56.348
CIE-LCH	79.811, 17.345, 135.874
CIE-LUV	79.811, -10.42, 19.699
Hunter-Lab	75.065, -15.184, 13.956
Binary	10110111, 11001100, 10101111

#b7ccaf
```
#b7ccaf rgb(183,204,175)
```
#c4afcc
```
#c4afcc rgb(196,175,204)
```

Complementary Color

#c6ccaf
```
#c6ccaf rgb(198,204,175)
```
#b7ccaf
```
#b7ccaf rgb(183,204,175)
```
#afccb6
```
#afccb6 rgb(175,204,182)
```

Analogous Color

#ccafc6
```
#ccafc6 rgb(204,175,198)
```
#b7ccaf
```
#b7ccaf rgb(183,204,175)
```
#b6afcc
```
#b6afcc rgb(182,175,204)
```

Split Complementary Color

#ccafb7
```
#ccafb7 rgb(204,175,183)
```
#b7ccaf
```
#b7ccaf rgb(183,204,175)
```
#afb7cc
```
#afb7cc rgb(175,183,204)
```

Triadic Color

#ccc4af
```
#ccc4af rgb(204,196,175)
```
#b7ccaf
```
#b7ccaf rgb(183,204,175)
```
#afb7cc
```
#afb7cc rgb(175,183,204)
```
#c4afcc
```
#c4afcc rgb(196,175,204)
```

Tetradic Color

#8dae80
```
#8dae80 rgb(141,174,128)
```
#9bb890
```
#9bb890 rgb(155,184,144)
```
#a9c29f
```
#a9c29f rgb(169,194,159)
```
#b7ccaf
```
#b7ccaf rgb(183,204,175)
```
#c5d6bf
```
#c5d6bf rgb(197,214,191)
```
#d3e0ce
```
#d3e0ce rgb(211,224,206)
```
#e1eade
```
#e1eade rgb(225,234,222)
```

Monochromatic Color

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

#beccaf
```
#beccaf rgb(190,204,175)
```
#bcccaf
```
#bcccaf rgb(188,204,175)
```
#b9ccaf
```
#b9ccaf rgb(185,204,175)
```
#b7ccaf
```
#b7ccaf rgb(183,204,175)
```
#b5ccaf
```
#b5ccaf rgb(181,204,175)
```
#b2ccaf
```
#b2ccaf rgb(178,204,175)
```
#b0ccaf
```
#b0ccaf rgb(176,204,175)
```

Similar Colors

Text with hexadecimal color #b7ccaf

This text has a font color of #b7ccaf.

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

#b7ccaf background color

This paragraph has a background color of #b7ccaf.

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

#b7ccaf border color

This element has a border color of #b7ccaf.

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

CSS codes

.text {color:#b7ccaf;}

.background {background-color:#b7ccaf;}

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

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

#030402
```
#030402 rgb(3,4,2)
```
#0c100a
```
#0c100a rgb(12,16,10)
```
#151c12
```
#151c12 rgb(21,28,18)
```
#1d2819
```
#1d2819 rgb(29,40,25)
```
#263421
```
#263421 rgb(38,52,33)
```
#2f4029
```
#2f4029 rgb(47,64,41)
```
#384c30
```
#384c30 rgb(56,76,48)
```
#415838
```
#415838 rgb(65,88,56)
```
#4a6440
```
#4a6440 rgb(74,100,64)
```
#527047
```
#527047 rgb(82,112,71)
```
#5b7c4f
```
#5b7c4f rgb(91,124,79)
```
#648856
```
#648856 rgb(100,136,86)
```
#6d945e
```
#6d945e rgb(109,148,94)
```

Shade Color Variation

#769e67
```
#769e67 rgb(118,158,103)
```
#81a673
```
#81a673 rgb(129,166,115)
```
#8cad7f
```
#8cad7f rgb(140,173,127)
```
#97b58b
```
#97b58b rgb(151,181,139)
```
#a1bd97
```
#a1bd97 rgb(161,189,151)
```
#acc4a3
```
#acc4a3 rgb(172,196,163)
```
#b7ccaf
```
#b7ccaf rgb(183,204,175)
```
#c2d4bb
```
#c2d4bb rgb(194,212,187)
```
#cddbc7
```
#cddbc7 rgb(205,219,199)
```
#d7e3d3
```
#d7e3d3 rgb(215,227,211)
```
#e2ebdf
```
#e2ebdf rgb(226,235,223)
```
#edf2eb
```
#edf2eb rgb(237,242,235)
```
#f8faf7
```
#f8faf7 rgb(248,250,247)
```

Tint Color Variation

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

#bcc2b9
```
#bcc2b9 rgb(188,194,185)
```
#b9c7b4
```
#b9c7b4 rgb(185,199,180)
```
#b7ccaf
```
#b7ccaf rgb(183,204,175)
```
#b5d1aa
```
#b5d1aa rgb(181,209,170)
```
#b2d6a5
```
#b2d6a5 rgb(178,214,165)
```
#b0dba0
```
#b0dba0 rgb(176,219,160)
```
#aee09b
```
#aee09b rgb(174,224,155)
```
#ace596
```
#ace596 rgb(172,229,150)
```
#a9ea91
```
#a9ea91 rgb(169,234,145)
```
#a7ef8c
```
#a7ef8c rgb(167,239,140)
```
#a5f487
```
#a5f487 rgb(165,244,135)
```
#a3f982
```
#a3f982 rgb(163,249,130)
```
#a0fe7d
```
#a0fe7d rgb(160,254,125)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c0c4be Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c8b0 Protanopia 1% of men
#e2c2b7 Deuteranopia 1% of men
#c1c9d7 Tritanopia 0.001% of the population

Trichromacy

#c8c9af Protanomaly 1% of men, 0.01% of women
#d2c5b4 Deuteranomaly 6% of men, 0.4% of women
#bdcac8 Tritanomaly 0.01% of the population

#b7ccaf hex color

#b7ccaf Color Information

#b7ccaf Color Conversion

Color Schemes with #b7ccaf

Alternatives to #b7ccaf

#b7ccaf Preview

Shades and Tints of #b7ccaf

Tones of #b7ccaf

Color Blindness Simulator