#bfd8dc hex color

In a RGB color space, hex #bfd8dc is composed of 74.9% red, 84.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 13.2% cyan, 1.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 188.3 degrees, a saturation of 29.3% and a lightness of 80.6%. #bfd8dc color hex could be obtained by blending #ffffff with #7fb1b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 85
- B 86
RGB color chart
- C 13
- M 2
- Y 0
- K 14
CMYK color chart

● #bfd8dc color description : Light grayish cyan.

The hexadecimal color #bfd8dc has RGB values of R:191, G:216, B:220 and CMYK values of C:0.13, M:0.02, Y:0, K:0.14. Its decimal value is 12572892.

Hex triplet	bfd8dc	`#bfd8dc`
RGB Decimal	191, 216, 220	`rgb(191,216,220)`
RGB Percent	74.9, 84.7, 86.3	`rgb(74.9%,84.7%,86.3%)`
CMYK	13, 2, 0, 14
HSL	188.3°, 29.3, 80.6	`hsl(188.3,29.3%,80.6%)`
HSV (or HSB)	188.3°, 13.2, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.666, -7.487, -4.789
XYZ	58.957, 65.354, 77.215
xyY	0.293, 0.324, 65.354
CIE-LCH	84.666, 8.887, 212.608
CIE-LUV	84.666, -13.518, -6.086
Hunter-Lab	80.842, -11.296, -0.04
Binary	10111111, 11011000, 11011100

#bfd8dc
```
#bfd8dc rgb(191,216,220)
```
#dcc3bf
```
#dcc3bf rgb(220,195,191)
```

Complementary Color

#bfdcd2
```
#bfdcd2 rgb(191,220,210)
```
#bfd8dc
```
#bfd8dc rgb(191,216,220)
```
#bfcadc
```
#bfcadc rgb(191,202,220)
```

Analogous Color

#dcd2bf
```
#dcd2bf rgb(220,210,191)
```
#bfd8dc
```
#bfd8dc rgb(191,216,220)
```
#dcbfca
```
#dcbfca rgb(220,191,202)
```

Split Complementary Color

#d8dcbf
```
#d8dcbf rgb(216,220,191)
```
#bfd8dc
```
#bfd8dc rgb(191,216,220)
```
#dcbfd8
```
#dcbfd8 rgb(220,191,216)
```

Triadic Color

#bfdcc3
```
#bfdcc3 rgb(191,220,195)
```
#bfd8dc
```
#bfd8dc rgb(191,216,220)
```
#dcbfd8
```
#dcbfd8 rgb(220,191,216)
```
#dcc3bf
```
#dcc3bf rgb(220,195,191)
```

Tetradic Color

#8ebac1
```
#8ebac1 rgb(142,186,193)
```
#9ec4ca
```
#9ec4ca rgb(158,196,202)
```
#afced3
```
#afced3 rgb(175,206,211)
```
#bfd8dc
```
#bfd8dc rgb(191,216,220)
```
#cfe2e5
```
#cfe2e5 rgb(207,226,229)
```
#e0ecee
```
#e0ecee rgb(224,236,238)
```
#f0f6f7
```
#f0f6f7 rgb(240,246,247)
```

Monochromatic Color

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

#bfdcd9
```
#bfdcd9 rgb(191,220,217)
```
#bfdcdb
```
#bfdcdb rgb(191,220,219)
```
#bfdadc
```
#bfdadc rgb(191,218,220)
```
#bfd8dc
```
#bfd8dc rgb(191,216,220)
```
#bfd6dc
```
#bfd6dc rgb(191,214,220)
```
#bfd3dc
```
#bfd3dc rgb(191,211,220)
```
#bfd1dc
```
#bfd1dc rgb(191,209,220)
```

Similar Colors

Text with hexadecimal color #bfd8dc

This text has a font color of #bfd8dc.

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

#bfd8dc background color

This paragraph has a background color of #bfd8dc.

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

#bfd8dc border color

This element has a border color of #bfd8dc.

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

CSS codes

.text {color:#bfd8dc;}

.background {background-color:#bfd8dc;}

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

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, #070b0c is the darkest color, while #feffff is the lightest one.

#070b0c
```
#070b0c rgb(7,11,12)
```
#0e1719
```
#0e1719 rgb(14,23,25)
```
#142325
```
#142325 rgb(20,35,37)
```
#1b2f32
```
#1b2f32 rgb(27,47,50)
```
#223b3f
```
#223b3f rgb(34,59,63)
```
#29474b
```
#29474b rgb(41,71,75)
```
#305358
```
#305358 rgb(48,83,88)
```
#375f65
```
#375f65 rgb(55,95,101)
```
#3e6a72
```
#3e6a72 rgb(62,106,114)
```
#45767e
```
#45767e rgb(69,118,126)
```
#4c828b
```
#4c828b rgb(76,130,139)
```
#538e98
```
#538e98 rgb(83,142,152)
```
#5a9aa4
```
#5a9aa4 rgb(90,154,164)
```

Shade Color Variation

#66a2ab
```
#66a2ab rgb(102,162,171)
```
#73aab2
```
#73aab2 rgb(115,170,178)
```
#80b1b9
```
#80b1b9 rgb(128,177,185)
```
#8cb9c0
```
#8cb9c0 rgb(140,185,192)
```
#99c1c7
```
#99c1c7 rgb(153,193,199)
```
#a6c9ce
```
#a6c9ce rgb(166,201,206)
```
#b2d0d5
```
#b2d0d5 rgb(178,208,213)
```
#bfd8dc
```
#bfd8dc rgb(191,216,220)
```
#cce0e3
```
#cce0e3 rgb(204,224,227)
```
#d8e7ea
```
#d8e7ea rgb(216,231,234)
```
#e5eff1
```
#e5eff1 rgb(229,239,241)
```
#f2f7f8
```
#f2f7f8 rgb(242,247,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cad0d1
```
#cad0d1 rgb(202,208,209)
```
#c7d2d4
```
#c7d2d4 rgb(199,210,212)
```
#c3d5d8
```
#c3d5d8 rgb(195,213,216)
```
#bfd8dc
```
#bfd8dc rgb(191,216,220)
```
#bbdbe0
```
#bbdbe0 rgb(187,219,224)
```
#b7dee4
```
#b7dee4 rgb(183,222,228)
```
#b4e0e7
```
#b4e0e7 rgb(180,224,231)
```
#b0e3eb
```
#b0e3eb rgb(176,227,235)
```
#ace6ef
```
#ace6ef rgb(172,230,239)
```
#a8e9f3
```
#a8e9f3 rgb(168,233,243)
```
#a4ebf7
```
#a4ebf7 rgb(164,235,247)
```
#a1eefa
```
#a1eefa rgb(161,238,250)
```
#9df1fe
```
#9df1fe rgb(157,241,254)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cdd2d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d4da Protanopia 1% of men
#e3cfe1 Deuteranopia 1% of men
#c4d8e7 Tritanopia 0.001% of the population

Trichromacy

#ced5db Protanomaly 1% of men, 0.01% of women
#d6d2df Deuteranomaly 6% of men, 0.4% of women
#c2d8e3 Tritanomaly 0.01% of the population

#bfd8dc hex color

#bfd8dc Color Information

#bfd8dc Color Conversion

Color Schemes with #bfd8dc

Alternatives to #bfd8dc

#bfd8dc Preview

Shades and Tints of #bfd8dc

Tones of #bfd8dc

Color Blindness Simulator