#bfd4d1 hex color

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

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

● #bfd4d1 color description : Grayish cyan.

The hexadecimal color #bfd4d1 has RGB values of R:191, G:212, B:209 and CMYK values of C:0.1, M:0, Y:0.01, K:0.17. Its decimal value is 12571857.

Hex triplet	bfd4d1	`#bfd4d1`
RGB Decimal	191, 212, 209	`rgb(191,212,209)`
RGB Percent	74.9, 83.1, 82	`rgb(74.9%,83.1%,82%)`
CMYK	10, 0, 1, 17
HSL	171.4°, 19.6, 79	`hsl(171.4,19.6%,79%)`
HSV (or HSB)	171.4°, 9.9, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.319, -7.601, -0.925
XYZ	56.536, 62.766, 69.455
xyY	0.3, 0.333, 62.766
CIE-LCH	83.319, 7.657, 186.936
CIE-LUV	83.319, -11.25, -0.091
Hunter-Lab	79.225, -11.265, 3.479
Binary	10111111, 11010100, 11010001

#bfd4d1
```
#bfd4d1 rgb(191,212,209)
```
#d4bfc2
```
#d4bfc2 rgb(212,191,194)
```

Complementary Color

#bfd4c7
```
#bfd4c7 rgb(191,212,199)
```
#bfd4d1
```
#bfd4d1 rgb(191,212,209)
```
#bfcdd4
```
#bfcdd4 rgb(191,205,212)
```

Analogous Color

#d4c7bf
```
#d4c7bf rgb(212,199,191)
```
#bfd4d1
```
#bfd4d1 rgb(191,212,209)
```
#d4bfcd
```
#d4bfcd rgb(212,191,205)
```

Split Complementary Color

#d4d1bf
```
#d4d1bf rgb(212,209,191)
```
#bfd4d1
```
#bfd4d1 rgb(191,212,209)
```
#d1bfd4
```
#d1bfd4 rgb(209,191,212)
```

Triadic Color

#c2d4bf
```
#c2d4bf rgb(194,212,191)
```
#bfd4d1
```
#bfd4d1 rgb(191,212,209)
```
#d1bfd4
```
#d1bfd4 rgb(209,191,212)
```
#d4bfc2
```
#d4bfc2 rgb(212,191,194)
```

Tetradic Color

#91b5b0
```
#91b5b0 rgb(145,181,176)
```
#a0c0bb
```
#a0c0bb rgb(160,192,187)
```
#b0cac6
```
#b0cac6 rgb(176,202,198)
```
#bfd4d1
```
#bfd4d1 rgb(191,212,209)
```
#cededc
```
#cededc rgb(206,222,220)
```
#dee8e7
```
#dee8e7 rgb(222,232,231)
```
#edf3f2
```
#edf3f2 rgb(237,243,242)
```

Monochromatic Color

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

#bfd4cc
```
#bfd4cc rgb(191,212,204)
```
#bfd4ce
```
#bfd4ce rgb(191,212,206)
```
#bfd4cf
```
#bfd4cf rgb(191,212,207)
```
#bfd4d1
```
#bfd4d1 rgb(191,212,209)
```
#bfd4d3
```
#bfd4d3 rgb(191,212,211)
```
#bfd4d4
```
#bfd4d4 rgb(191,212,212)
```
#bfd2d4
```
#bfd2d4 rgb(191,210,212)
```

Similar Colors

Text with hexadecimal color #bfd4d1

This text has a font color of #bfd4d1.

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

#bfd4d1 background color

This paragraph has a background color of #bfd4d1.

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

#bfd4d1 border color

This element has a border color of #bfd4d1.

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

CSS codes

.text {color:#bfd4d1;}

.background {background-color:#bfd4d1;}

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

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)
```
#0c1211
```
#0c1211 rgb(12,18,17)
```
#141e1c
```
#141e1c rgb(20,30,28)
```
#1c2a28
```
#1c2a28 rgb(28,42,40)
```
#243533
```
#243533 rgb(36,53,51)
```
#2c413e
```
#2c413e rgb(44,65,62)
```
#344d49
```
#344d49 rgb(52,77,73)
```
#3b5954
```
#3b5954 rgb(59,89,84)
```
#436460
```
#436460 rgb(67,100,96)
```
#4b706b
```
#4b706b rgb(75,112,107)
```
#537c76
```
#537c76 rgb(83,124,118)
```
#5b8781
```
#5b8781 rgb(91,135,129)
```
#63938c
```
#63938c rgb(99,147,140)
```

Shade Color Variation

#6d9d96
```
#6d9d96 rgb(109,157,150)
```
#79a59e
```
#79a59e rgb(121,165,158)
```
#84ada7
```
#84ada7 rgb(132,173,167)
```
#90b4af
```
#90b4af rgb(144,180,175)
```
#9cbcb8
```
#9cbcb8 rgb(156,188,184)
```
#a8c4c0
```
#a8c4c0 rgb(168,196,192)
```
#b3ccc9
```
#b3ccc9 rgb(179,204,201)
```
#bfd4d1
```
#bfd4d1 rgb(191,212,209)
```
#cbdcd9
```
#cbdcd9 rgb(203,220,217)
```
#d6e4e2
```
#d6e4e2 rgb(214,228,226)
```
#e2ecea
```
#e2ecea rgb(226,236,234)
```
#eef4f3
```
#eef4f3 rgb(238,244,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#c7cccb
```
#c7cccb rgb(199,204,203)
```
#c3d0ce
```
#c3d0ce rgb(195,208,206)
```
#bfd4d1
```
#bfd4d1 rgb(191,212,209)
```
#bbd8d4
```
#bbd8d4 rgb(187,216,212)
```
#b7dcd7
```
#b7dcd7 rgb(183,220,215)
```
#b3e0da
```
#b3e0da rgb(179,224,218)
```
#afe4dd
```
#afe4dd rgb(175,228,221)
```
#aae9e0
```
#aae9e0 rgb(170,233,224)
```
#a6ede3
```
#a6ede3 rgb(166,237,227)
```
#a2f1e6
```
#a2f1e6 rgb(162,241,230)
```
#9ef5e9
```
#9ef5e9 rgb(158,245,233)
```
#9af9eb
```
#9af9eb rgb(154,249,235)
```
#96fdee
```
#96fdee rgb(150,253,238)
```

Tone Color Variation

Below, you can see how #bfd4d1 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
#cacece Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d1d0 Protanopia 1% of men
#e3ccd6 Deuteranopia 1% of men
#c5d3e2 Tritanopia 0.001% of the population

Trichromacy

#cdd2d0 Protanomaly 1% of men, 0.01% of women
#d6ced4 Deuteranomaly 6% of men, 0.4% of women
#c3d3dc Tritanomaly 0.01% of the population

#bfd4d1 hex color

#bfd4d1 Color Information

#bfd4d1 Color Conversion

Color Schemes with #bfd4d1

Alternatives to #bfd4d1

#bfd4d1 Preview

Shades and Tints of #bfd4d1

Tones of #bfd4d1

Color Blindness Simulator