#bfd4cc hex color

In a RGB color space, hex #bfd4cc is composed of 74.9% red, 83.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 9.9% cyan, 0% magenta, 3.8% yellow and 16.9% black. It has a hue angle of 157.1 degrees, a saturation of 19.6% and a lightness of 79%. #bfd4cc color hex could be obtained by blending #ffffff with #7fa999. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 83
- B 80
RGB color chart
- C 10
- M 0
- Y 4
- K 17
CMYK color chart

● #bfd4cc color description : Grayish cyan - lime green.

The hexadecimal color #bfd4cc has RGB values of R:191, G:212, B:204 and CMYK values of C:0.1, M:0, Y:0.04, K:0.17. Its decimal value is 12571852.

Hex triplet	bfd4cc	`#bfd4cc`
RGB Decimal	191, 212, 204	`rgb(191,212,204)`
RGB Percent	74.9, 83.1, 80	`rgb(74.9%,83.1%,80%)`
CMYK	10, 0, 4, 17
HSL	157.1°, 19.6, 79	`hsl(157.1,19.6%,79%)`
HSV (or HSB)	157.1°, 9.9, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.19, -8.563, 1.547
XYZ	55.926, 62.522, 66.245
xyY	0.303, 0.339, 62.522
CIE-LCH	83.19, 8.701, 169.757
CIE-LUV	83.19, -11.081, 3.82
Hunter-Lab	79.071, -12.123, 5.677
Binary	10111111, 11010100, 11001100

#bfd4cc
```
#bfd4cc rgb(191,212,204)
```
#d4bfc7
```
#d4bfc7 rgb(212,191,199)
```

Complementary Color

#bfd4c2
```
#bfd4c2 rgb(191,212,194)
```
#bfd4cc
```
#bfd4cc rgb(191,212,204)
```
#bfd2d4
```
#bfd2d4 rgb(191,210,212)
```

Analogous Color

#d4c2bf
```
#d4c2bf rgb(212,194,191)
```
#bfd4cc
```
#bfd4cc rgb(191,212,204)
```
#d4bfd2
```
#d4bfd2 rgb(212,191,210)
```

Split Complementary Color

#d4ccbf
```
#d4ccbf rgb(212,204,191)
```
#bfd4cc
```
#bfd4cc rgb(191,212,204)
```
#ccbfd4
```
#ccbfd4 rgb(204,191,212)
```

Triadic Color

#c7d4bf
```
#c7d4bf rgb(199,212,191)
```
#bfd4cc
```
#bfd4cc rgb(191,212,204)
```
#ccbfd4
```
#ccbfd4 rgb(204,191,212)
```
#d4bfc7
```
#d4bfc7 rgb(212,191,199)
```

Tetradic Color

#91b5a8
```
#91b5a8 rgb(145,181,168)
```
#a0c0b4
```
#a0c0b4 rgb(160,192,180)
```
#b0cac0
```
#b0cac0 rgb(176,202,192)
```
#bfd4cc
```
#bfd4cc rgb(191,212,204)
```
#ceded8
```
#ceded8 rgb(206,222,216)
```
#dee8e4
```
#dee8e4 rgb(222,232,228)
```
#edf3f0
```
#edf3f0 rgb(237,243,240)
```

Monochromatic Color

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

#bfd4c7
```
#bfd4c7 rgb(191,212,199)
```
#bfd4c9
```
#bfd4c9 rgb(191,212,201)
```
#bfd4ca
```
#bfd4ca rgb(191,212,202)
```
#bfd4cc
```
#bfd4cc rgb(191,212,204)
```
#bfd4ce
```
#bfd4ce rgb(191,212,206)
```
#bfd4d0
```
#bfd4d0 rgb(191,212,208)
```
#bfd4d1
```
#bfd4d1 rgb(191,212,209)
```

Similar Colors

Text with hexadecimal color #bfd4cc

This text has a font color of #bfd4cc.

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

#bfd4cc background color

This paragraph has a background color of #bfd4cc.

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

#bfd4cc border color

This element has a border color of #bfd4cc.

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

CSS codes

.text {color:#bfd4cc;}

.background {background-color:#bfd4cc;}

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0c1210
```
#0c1210 rgb(12,18,16)
```
#141e1a
```
#141e1a rgb(20,30,26)
```
#1c2a24
```
#1c2a24 rgb(28,42,36)
```
#24352f
```
#24352f rgb(36,53,47)
```
#2c4139
```
#2c4139 rgb(44,65,57)
```
#344d43
```
#344d43 rgb(52,77,67)
```
#3b594d
```
#3b594d rgb(59,89,77)
```
#436458
```
#436458 rgb(67,100,88)
```
#4b7062
```
#4b7062 rgb(75,112,98)
```
#537c6c
```
#537c6c rgb(83,124,108)
```
#5b8777
```
#5b8777 rgb(91,135,119)
```
#639381
```
#639381 rgb(99,147,129)
```

Shade Color Variation

#6d9d8b
```
#6d9d8b rgb(109,157,139)
```
#79a594
```
#79a594 rgb(121,165,148)
```
#84ad9d
```
#84ad9d rgb(132,173,157)
```
#90b4a7
```
#90b4a7 rgb(144,180,167)
```
#9cbcb0
```
#9cbcb0 rgb(156,188,176)
```
#a8c4b9
```
#a8c4b9 rgb(168,196,185)
```
#b3ccc3
```
#b3ccc3 rgb(179,204,195)
```
#bfd4cc
```
#bfd4cc rgb(191,212,204)
```
#cbdcd5
```
#cbdcd5 rgb(203,220,213)
```
#d6e4df
```
#d6e4df rgb(214,228,223)
```
#e2ece8
```
#e2ece8 rgb(226,236,232)
```
#eef4f1
```
#eef4f1 rgb(238,244,241)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#c7ccca
```
#c7ccca rgb(199,204,202)
```
#c3d0cb
```
#c3d0cb rgb(195,208,203)
```
#bfd4cc
```
#bfd4cc rgb(191,212,204)
```
#bbd8cd
```
#bbd8cd rgb(187,216,205)
```
#b7dcce
```
#b7dcce rgb(183,220,206)
```
#b3e0cf
```
#b3e0cf rgb(179,224,207)
```
#afe4d0
```
#afe4d0 rgb(175,228,208)
```
#aae9d1
```
#aae9d1 rgb(170,233,209)
```
#a6edd2
```
#a6edd2 rgb(166,237,210)
```
#a2f1d3
```
#a2f1d3 rgb(162,241,211)
```
#9ef5d4
```
#9ef5d4 rgb(158,245,212)
```
#9af9d5
```
#9af9d5 rgb(154,249,213)
```
#96fdd6
```
#96fdd6 rgb(150,253,214)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cacecd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d0cb Protanopia 1% of men
#e4cbd2 Deuteranopia 1% of men
#c6d3e2 Tritanopia 0.001% of the population

Trichromacy

#ced1cb Protanomaly 1% of men, 0.01% of women
#d6cecf Deuteranomaly 6% of men, 0.4% of women
#c3d3da Tritanomaly 0.01% of the population

#bfd4cc hex color

#bfd4cc Color Information

#bfd4cc Color Conversion

Color Schemes with #bfd4cc

Alternatives to #bfd4cc

#bfd4cc Preview

Shades and Tints of #bfd4cc

Tones of #bfd4cc

Color Blindness Simulator