#bfdfdb hex color

In a RGB color space, hex #bfdfdb is composed of 74.9% red, 87.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 0% magenta, 1.8% yellow and 12.5% black. It has a hue angle of 172.5 degrees, a saturation of 33.3% and a lightness of 81.2%. #bfdfdb color hex could be obtained by blending #ffffff with #7fbfb7. Closest websafe color is: #cccccc.

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

● #bfdfdb color description : Light grayish cyan.

The hexadecimal color #bfdfdb has RGB values of R:191, G:223, B:219 and CMYK values of C:0.14, M:0, Y:0.02, K:0.13. Its decimal value is 12574683.

Hex triplet	bfdfdb	`#bfdfdb`
RGB Decimal	191, 223, 219	`rgb(191,223,219)`
RGB Percent	74.9, 87.5, 85.9	`rgb(74.9%,87.5%,85.9%)`
CMYK	14, 0, 2, 13
HSL	172.5°, 33.3, 81.2	`hsl(172.5,33.3%,81.2%)`
HSV (or HSB)	172.5°, 14.3, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.487, -11.275, -1.585
XYZ	60.657, 68.965, 77.13
xyY	0.293, 0.334, 68.965
CIE-LCH	86.487, 11.386, 188.001
CIE-LUV	86.487, -16.791, -0.486
Hunter-Lab	83.045, -14.951, 3.065
Binary	10111111, 11011111, 11011011

#bfdfdb
```
#bfdfdb rgb(191,223,219)
```
#dfbfc3
```
#dfbfc3 rgb(223,191,195)
```

Complementary Color

#bfdfcb
```
#bfdfcb rgb(191,223,203)
```
#bfdfdb
```
#bfdfdb rgb(191,223,219)
```
#bfd3df
```
#bfd3df rgb(191,211,223)
```

Analogous Color

#dfcbbf
```
#dfcbbf rgb(223,203,191)
```
#bfdfdb
```
#bfdfdb rgb(191,223,219)
```
#dfbfd3
```
#dfbfd3 rgb(223,191,211)
```

Split Complementary Color

#dfdbbf
```
#dfdbbf rgb(223,219,191)
```
#bfdfdb
```
#bfdfdb rgb(191,223,219)
```
#dbbfdf
```
#dbbfdf rgb(219,191,223)
```

Triadic Color

#c3dfbf
```
#c3dfbf rgb(195,223,191)
```
#bfdfdb
```
#bfdfdb rgb(191,223,219)
```
#dbbfdf
```
#dbbfdf rgb(219,191,223)
```
#dfbfc3
```
#dfbfc3 rgb(223,191,195)
```

Tetradic Color

#8cc6be
```
#8cc6be rgb(140,198,190)
```
#9dcec8
```
#9dcec8 rgb(157,206,200)
```
#aed7d1
```
#aed7d1 rgb(174,215,209)
```
#bfdfdb
```
#bfdfdb rgb(191,223,219)
```
#d0e8e5
```
#d0e8e5 rgb(208,232,229)
```
#e1f0ee
```
#e1f0ee rgb(225,240,238)
```
#f2f9f8
```
#f2f9f8 rgb(242,249,248)
```

Monochromatic Color

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

#bfdfd3
```
#bfdfd3 rgb(191,223,211)
```
#bfdfd6
```
#bfdfd6 rgb(191,223,214)
```
#bfdfd8
```
#bfdfd8 rgb(191,223,216)
```
#bfdfdb
```
#bfdfdb rgb(191,223,219)
```
#bfdfde
```
#bfdfde rgb(191,223,222)
```
#bfdedf
```
#bfdedf rgb(191,222,223)
```
#bfdbdf
```
#bfdbdf rgb(191,219,223)
```

Similar Colors

Text with hexadecimal color #bfdfdb

This text has a font color of #bfdfdb.

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

#bfdfdb background color

This paragraph has a background color of #bfdfdb.

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

#bfdfdb border color

This element has a border color of #bfdfdb.

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

CSS codes

.text {color:#bfdfdb;}

.background {background-color:#bfdfdb;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070e0e
```
#070e0e rgb(7,14,14)
```
#0e1c1a
```
#0e1c1a rgb(14,28,26)
```
#142926
```
#142926 rgb(20,41,38)
```
#1b3632
```
#1b3632 rgb(27,54,50)
```
#21433f
```
#21433f rgb(33,67,63)
```
#28504b
```
#28504b rgb(40,80,75)
```
#2e5d57
```
#2e5d57 rgb(46,93,87)
```
#356a63
```
#356a63 rgb(53,106,99)
```
#3c7770
```
#3c7770 rgb(60,119,112)
```
#42847c
```
#42847c rgb(66,132,124)
```
#499188
```
#499188 rgb(73,145,136)
```
#4f9e94
```
#4f9e94 rgb(79,158,148)
```

Shade Color Variation

#56aba0
```
#56aba0 rgb(86,171,160)
```
#63b1a8
```
#63b1a8 rgb(99,177,168)
```
#71b8af
```
#71b8af rgb(113,184,175)
```
#7ebeb6
```
#7ebeb6 rgb(126,190,182)
```
#8bc5be
```
#8bc5be rgb(139,197,190)
```
#98cbc5
```
#98cbc5 rgb(152,203,197)
```
#a5d2cc
```
#a5d2cc rgb(165,210,204)
```
#b2d8d4
```
#b2d8d4 rgb(178,216,212)
```
#bfdfdb
```
#bfdfdb rgb(191,223,219)
```
#cce6e2
```
#cce6e2 rgb(204,230,226)
```
#d9ecea
```
#d9ecea rgb(217,236,234)
```
#e6f3f1
```
#e6f3f1 rgb(230,243,241)
```
#f3f9f8
```
#f3f9f8 rgb(243,249,248)
```

Tint Color Variation

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

#ced0d0
```
#ced0d0 rgb(206,208,208)
```
#cad4d3
```
#cad4d3 rgb(202,212,211)
```
#c6d8d5
```
#c6d8d5 rgb(198,216,213)
```
#c3dbd8
```
#c3dbd8 rgb(195,219,216)
```
#bfdfdb
```
#bfdfdb rgb(191,223,219)
```
#bbe3de
```
#bbe3de rgb(187,227,222)
```
#b8e6e1
```
#b8e6e1 rgb(184,230,225)
```
#b4eae3
```
#b4eae3 rgb(180,234,227)
```
#b0eee6
```
#b0eee6 rgb(176,238,230)
```
#adf1e9
```
#adf1e9 rgb(173,241,233)
```
#a9f5ec
```
#a9f5ec rgb(169,245,236)
```
#a5f9ee
```
#a5f9ee rgb(165,249,238)
```
#a1fdf1
```
#a1fdf1 rgb(161,253,241)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d1d7d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded9d9 Protanopia 1% of men
#ebd4e0 Deuteranopia 1% of men
#c6dded Tritanopia 0.001% of the population

Trichromacy

#d2dbd9 Protanomaly 1% of men, 0.01% of women
#dbd8de Deuteranomaly 6% of men, 0.4% of women
#c3dee7 Tritanomaly 0.01% of the population

#bfdfdb hex color

#bfdfdb Color Information

#bfdfdb Color Conversion

Color Schemes with #bfdfdb

Alternatives to #bfdfdb

#bfdfdb Preview

Shades and Tints of #bfdfdb

Tones of #bfdfdb

Color Blindness Simulator