#bfd1cc hex color

In a RGB color space, hex #bfd1cc is composed of 74.9% red, 82% green and 80% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 0% magenta, 2.4% yellow and 18% black. It has a hue angle of 163.3 degrees, a saturation of 16.4% and a lightness of 78.4%. #bfd1cc color hex could be obtained by blending #ffffff with #7fa399. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 82
- B 80
RGB color chart
- C 9
- M 0
- Y 2
- K 18
CMYK color chart

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

The hexadecimal color #bfd1cc has RGB values of R:191, G:209, B:204 and CMYK values of C:0.09, M:0, Y:0.02, K:0.18. Its decimal value is 12571084.

Hex triplet	bfd1cc	`#bfd1cc`
RGB Decimal	191, 209, 204	`rgb(191,209,204)`
RGB Percent	74.9, 82, 80	`rgb(74.9%,82%,80%)`
CMYK	9, 0, 2, 18
HSL	163.3°, 16.4, 78.4	`hsl(163.3,16.4%,78.4%)`
HSV (or HSB)	163.3°, 8.6, 82
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.398, -7.012, 0.393
XYZ	55.183, 61.036, 65.997
xyY	0.303, 0.335, 61.036
CIE-LCH	82.398, 7.023, 176.792
CIE-LUV	82.398, -9.611, 1.808
Hunter-Lab	78.126, -10.639, 4.602
Binary	10111111, 11010001, 11001100

#bfd1cc
```
#bfd1cc rgb(191,209,204)
```
#d1bfc4
```
#d1bfc4 rgb(209,191,196)
```

Complementary Color

#bfd1c3
```
#bfd1c3 rgb(191,209,195)
```
#bfd1cc
```
#bfd1cc rgb(191,209,204)
```
#bfcdd1
```
#bfcdd1 rgb(191,205,209)
```

Analogous Color

#d1c3bf
```
#d1c3bf rgb(209,195,191)
```
#bfd1cc
```
#bfd1cc rgb(191,209,204)
```
#d1bfcd
```
#d1bfcd rgb(209,191,205)
```

Split Complementary Color

#d1ccbf
```
#d1ccbf rgb(209,204,191)
```
#bfd1cc
```
#bfd1cc rgb(191,209,204)
```
#ccbfd1
```
#ccbfd1 rgb(204,191,209)
```

Triadic Color

#c4d1bf
```
#c4d1bf rgb(196,209,191)
```
#bfd1cc
```
#bfd1cc rgb(191,209,204)
```
#ccbfd1
```
#ccbfd1 rgb(204,191,209)
```
#d1bfc4
```
#d1bfc4 rgb(209,191,196)
```

Tetradic Color

#92b1a9
```
#92b1a9 rgb(146,177,169)
```
#a1bcb4
```
#a1bcb4 rgb(161,188,180)
```
#b0c6c0
```
#b0c6c0 rgb(176,198,192)
```
#bfd1cc
```
#bfd1cc rgb(191,209,204)
```
#cedcd8
```
#cedcd8 rgb(206,220,216)
```
#dde6e4
```
#dde6e4 rgb(221,230,228)
```
#ecf1ef
```
#ecf1ef rgb(236,241,239)
```

Monochromatic Color

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

#bfd1c8
```
#bfd1c8 rgb(191,209,200)
```
#bfd1c9
```
#bfd1c9 rgb(191,209,201)
```
#bfd1cb
```
#bfd1cb rgb(191,209,203)
```
#bfd1cc
```
#bfd1cc rgb(191,209,204)
```
#bfd1ce
```
#bfd1ce rgb(191,209,206)
```
#bfd1cf
```
#bfd1cf rgb(191,209,207)
```
#bfd1d1
```
#bfd1d1 rgb(191,209,209)
```

Similar Colors

Text with hexadecimal color #bfd1cc

This text has a font color of #bfd1cc.

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

#bfd1cc background color

This paragraph has a background color of #bfd1cc.

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

#bfd1cc border color

This element has a border color of #bfd1cc.

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

CSS codes

.text {color:#bfd1cc;}

.background {background-color:#bfd1cc;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b100f
```
#0b100f rgb(11,16,15)
```
#141b19
```
#141b19 rgb(20,27,25)
```
#1c2724
```
#1c2724 rgb(28,39,36)
```
#24322e
```
#24322e rgb(36,50,46)
```
#2c3e39
```
#2c3e39 rgb(44,62,57)
```
#344943
```
#344943 rgb(52,73,67)
```
#3d544e
```
#3d544e rgb(61,84,78)
```
#456058
```
#456058 rgb(69,96,88)
```
#4d6b63
```
#4d6b63 rgb(77,107,99)
```
#55776d
```
#55776d rgb(85,119,109)
```
#5d8278
```
#5d8278 rgb(93,130,120)
```
#668d82
```
#668d82 rgb(102,141,130)
```

Shade Color Variation

#6f988c
```
#6f988c rgb(111,152,140)
```
#7ba095
```
#7ba095 rgb(123,160,149)
```
#86a89f
```
#86a89f rgb(134,168,159)
```
#91b0a8
```
#91b0a8 rgb(145,176,168)
```
#9db8b1
```
#9db8b1 rgb(157,184,177)
```
#a8c1ba
```
#a8c1ba rgb(168,193,186)
```
#b4c9c3
```
#b4c9c3 rgb(180,201,195)
```
#bfd1cc
```
#bfd1cc rgb(191,209,204)
```
#cad9d5
```
#cad9d5 rgb(202,217,213)
```
#d6e1de
```
#d6e1de rgb(214,225,222)
```
#e1eae7
```
#e1eae7 rgb(225,234,231)
```
#edf2f0
```
#edf2f0 rgb(237,242,240)
```
#f8faf9
```
#f8faf9 rgb(248,250,249)
```

Tint Color Variation

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

#c7c9c8
```
#c7c9c8 rgb(199,201,200)
```
#c3cdca
```
#c3cdca rgb(195,205,202)
```
#bfd1cc
```
#bfd1cc rgb(191,209,204)
```
#bbd5ce
```
#bbd5ce rgb(187,213,206)
```
#b7d9d0
```
#b7d9d0 rgb(183,217,208)
```
#b2ded2
```
#b2ded2 rgb(178,222,210)
```
#aee2d4
```
#aee2d4 rgb(174,226,212)
```
#aae6d5
```
#aae6d5 rgb(170,230,213)
```
#a6ead7
```
#a6ead7 rgb(166,234,215)
```
#a1efd9
```
#a1efd9 rgb(161,239,217)
```
#9df3db
```
#9df3db rgb(157,243,219)
```
#99f7dd
```
#99f7dd rgb(153,247,221)
```
#95fbdf
```
#95fbdf rgb(149,251,223)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c9cccb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3cecc Protanopia 1% of men
#e1c9d1 Deuteranopia 1% of men
#c5d0df Tritanopia 0.001% of the population

Trichromacy

#cccfcc Protanomaly 1% of men, 0.01% of women
#d4cccf Deuteranomaly 6% of men, 0.4% of women
#c3d0d8 Tritanomaly 0.01% of the population

#bfd1cc hex color

#bfd1cc Color Information

#bfd1cc Color Conversion

Color Schemes with #bfd1cc

Alternatives to #bfd1cc

#bfd1cc Preview

Shades and Tints of #bfd1cc

Tones of #bfd1cc

Color Blindness Simulator