#bfd6dd hex color

In a RGB color space, hex #bfd6dd is composed of 74.9% red, 83.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 13.6% cyan, 3.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 194 degrees, a saturation of 30.6% and a lightness of 80.8%. #bfd6dd color hex could be obtained by blending #ffffff with #7fadbb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 84
- B 87
RGB color chart
- C 14
- M 3
- Y 0
- K 13
CMYK color chart

● #bfd6dd color description : Light grayish cyan.

The hexadecimal color #bfd6dd has RGB values of R:191, G:214, B:221 and CMYK values of C:0.14, M:0.03, Y:0, K:0.13. Its decimal value is 12572381.

Hex triplet	bfd6dd	`#bfd6dd`
RGB Decimal	191, 214, 221	`rgb(191,214,221)`
RGB Percent	74.9, 83.9, 86.7	`rgb(74.9%,83.9%,86.7%)`
CMYK	14, 3, 0, 13
HSL	194°, 30.6, 80.8	`hsl(194,30.6%,80.8%)`
HSV (or HSB)	194°, 13.6, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.168, -6.249, -6.055
XYZ	58.581, 64.389, 77.745
xyY	0.292, 0.321, 64.389
CIE-LCH	84.168, 8.701, 224.098
CIE-LUV	84.168, -12.607, -8.267
Hunter-Lab	80.243, -10.112, -1.274
Binary	10111111, 11010110, 11011101

#bfd6dd
```
#bfd6dd rgb(191,214,221)
```
#ddc6bf
```
#ddc6bf rgb(221,198,191)
```

Complementary Color

#bfddd5
```
#bfddd5 rgb(191,221,213)
```
#bfd6dd
```
#bfd6dd rgb(191,214,221)
```
#bfc7dd
```
#bfc7dd rgb(191,199,221)
```

Analogous Color

#ddd5bf
```
#ddd5bf rgb(221,213,191)
```
#bfd6dd
```
#bfd6dd rgb(191,214,221)
```
#ddbfc7
```
#ddbfc7 rgb(221,191,199)
```

Split Complementary Color

#d6ddbf
```
#d6ddbf rgb(214,221,191)
```
#bfd6dd
```
#bfd6dd rgb(191,214,221)
```
#ddbfd6
```
#ddbfd6 rgb(221,191,214)
```

Triadic Color

#bfddc6
```
#bfddc6 rgb(191,221,198)
```
#bfd6dd
```
#bfd6dd rgb(191,214,221)
```
#ddbfd6
```
#ddbfd6 rgb(221,191,214)
```
#ddc6bf
```
#ddc6bf rgb(221,198,191)
```

Tetradic Color

#8db6c2
```
#8db6c2 rgb(141,182,194)
```
#9ec1cb
```
#9ec1cb rgb(158,193,203)
```
#aecbd4
```
#aecbd4 rgb(174,203,212)
```
#bfd6dd
```
#bfd6dd rgb(191,214,221)
```
#d0e1e6
```
#d0e1e6 rgb(208,225,230)
```
#e0ebef
```
#e0ebef rgb(224,235,239)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```

Monochromatic Color

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

#bfdddd
```
#bfdddd rgb(191,221,221)
```
#bfdbdd
```
#bfdbdd rgb(191,219,221)
```
#bfd9dd
```
#bfd9dd rgb(191,217,221)
```
#bfd6dd
```
#bfd6dd rgb(191,214,221)
```
#bfd4dd
```
#bfd4dd rgb(191,212,221)
```
#bfd1dd
```
#bfd1dd rgb(191,209,221)
```
#bfcfdd
```
#bfcfdd rgb(191,207,221)
```

Similar Colors

Text with hexadecimal color #bfd6dd

This text has a font color of #bfd6dd.

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

#bfd6dd background color

This paragraph has a background color of #bfd6dd.

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

#bfd6dd border color

This element has a border color of #bfd6dd.

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

CSS codes

.text {color:#bfd6dd;}

.background {background-color:#bfd6dd;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070b0d
```
#070b0d rgb(7,11,13)
```
#0e171a
```
#0e171a rgb(14,23,26)
```
#142226
```
#142226 rgb(20,34,38)
```
#1b2e33
```
#1b2e33 rgb(27,46,51)
```
#223940
```
#223940 rgb(34,57,64)
```
#29444d
```
#29444d rgb(41,68,77)
```
#30505a
```
#30505a rgb(48,80,90)
```
#365b67
```
#365b67 rgb(54,91,103)
```
#3d6773
```
#3d6773 rgb(61,103,115)
```
#447280
```
#447280 rgb(68,114,128)
```
#4b7e8d
```
#4b7e8d rgb(75,126,141)
```
#52899a
```
#52899a rgb(82,137,154)
```

Shade Color Variation

#5994a7
```
#5994a7 rgb(89,148,167)
```
#659dad
```
#659dad rgb(101,157,173)
```
#72a5b4
```
#72a5b4 rgb(114,165,180)
```
#7fadbb
```
#7fadbb rgb(127,173,187)
```
#8cb5c2
```
#8cb5c2 rgb(140,181,194)
```
#99bdc9
```
#99bdc9 rgb(153,189,201)
```
#a5c6cf
```
#a5c6cf rgb(165,198,207)
```
#b2ced6
```
#b2ced6 rgb(178,206,214)
```
#bfd6dd
```
#bfd6dd rgb(191,214,221)
```
#ccdee4
```
#ccdee4 rgb(204,222,228)
```
#d9e6eb
```
#d9e6eb rgb(217,230,235)
```
#e5eff1
```
#e5eff1 rgb(229,239,241)
```
#f2f7f8
```
#f2f7f8 rgb(242,247,248)
```

Tint Color Variation

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

#cad0d2
```
#cad0d2 rgb(202,208,210)
```
#c7d2d5
```
#c7d2d5 rgb(199,210,213)
```
#c3d4d9
```
#c3d4d9 rgb(195,212,217)
```
#bfd6dd
```
#bfd6dd rgb(191,214,221)
```
#bbd8e1
```
#bbd8e1 rgb(187,216,225)
```
#b7dae5
```
#b7dae5 rgb(183,218,229)
```
#b4dce8
```
#b4dce8 rgb(180,220,232)
```
#b0deec
```
#b0deec rgb(176,222,236)
```
#ace0f0
```
#ace0f0 rgb(172,224,240)
```
#a8e2f4
```
#a8e2f4 rgb(168,226,244)
```
#a5e4f7
```
#a5e4f7 rgb(165,228,247)
```
#a1e6fb
```
#a1e6fb rgb(161,230,251)
```
#9de8ff
```
#9de8ff rgb(157,232,255)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cdd1d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d3dc Protanopia 1% of men
#e1cee1 Deuteranopia 1% of men
#c3d6e6 Tritanopia 0.001% of the population

Trichromacy

#cdd4dc Protanomaly 1% of men, 0.01% of women
#d4d1e0 Deuteranomaly 6% of men, 0.4% of women
#c2d6e2 Tritanomaly 0.01% of the population

#bfd6dd hex color

#bfd6dd Color Information

#bfd6dd Color Conversion

Color Schemes with #bfd6dd

Alternatives to #bfd6dd

#bfd6dd Preview

Shades and Tints of #bfd6dd

Tones of #bfd6dd

Color Blindness Simulator