#bfbfd4 hex color

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

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

● #bfbfd4 color description : Grayish blue.

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

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

CIE-LAB	77.929, 4.068, -10.497
XYZ	51.998, 53.091, 69.792
xyY	0.297, 0.304, 53.091
CIE-LCH	77.929, 11.257, 291.185
CIE-LUV	77.929, -1.217, -16.817
Hunter-Lab	72.864, -0.128, -5.786
Binary	10111111, 10111111, 11010100

#bfbfd4
```
#bfbfd4 rgb(191,191,212)
```
#d4d4bf
```
#d4d4bf rgb(212,212,191)
```

Complementary Color

#bfcad4
```
#bfcad4 rgb(191,202,212)
```
#bfbfd4
```
#bfbfd4 rgb(191,191,212)
```
#cabfd4
```
#cabfd4 rgb(202,191,212)
```

Analogous Color

#cad4bf
```
#cad4bf rgb(202,212,191)
```
#bfbfd4
```
#bfbfd4 rgb(191,191,212)
```
#d4cabf
```
#d4cabf rgb(212,202,191)
```

Split Complementary Color

#bfd4bf
```
#bfd4bf rgb(191,212,191)
```
#bfbfd4
```
#bfbfd4 rgb(191,191,212)
```
#d4bfbf
```
#d4bfbf rgb(212,191,191)
```

Triadic Color

#bfd4d4
```
#bfd4d4 rgb(191,212,212)
```
#bfbfd4
```
#bfbfd4 rgb(191,191,212)
```
#d4bfbf
```
#d4bfbf rgb(212,191,191)
```
#d4d4bf
```
#d4d4bf rgb(212,212,191)
```

Tetradic Color

#9191b5
```
#9191b5 rgb(145,145,181)
```
#a0a0c0
```
#a0a0c0 rgb(160,160,192)
```
#b0b0ca
```
#b0b0ca rgb(176,176,202)
```
#bfbfd4
```
#bfbfd4 rgb(191,191,212)
```
#cecede
```
#cecede rgb(206,206,222)
```
#dedee8
```
#dedee8 rgb(222,222,232)
```
#ededf3
```
#ededf3 rgb(237,237,243)
```

Monochromatic Color

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

#bfc4d4
```
#bfc4d4 rgb(191,196,212)
```
#bfc3d4
```
#bfc3d4 rgb(191,195,212)
```
#bfc1d4
```
#bfc1d4 rgb(191,193,212)
```
#bfbfd4
```
#bfbfd4 rgb(191,191,212)
```
#c1bfd4
```
#c1bfd4 rgb(193,191,212)
```
#c3bfd4
```
#c3bfd4 rgb(195,191,212)
```
#c4bfd4
```
#c4bfd4 rgb(196,191,212)
```

Similar Colors

Text with hexadecimal color #bfbfd4

This text has a font color of #bfbfd4.

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

#bfbfd4 background color

This paragraph has a background color of #bfbfd4.

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

#bfbfd4 border color

This element has a border color of #bfbfd4.

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

CSS codes

.text {color:#bfbfd4;}

.background {background-color:#bfbfd4;}

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0c0c12
```
#0c0c12 rgb(12,12,18)
```
#14141e
```
#14141e rgb(20,20,30)
```
#1c1c2a
```
#1c1c2a rgb(28,28,42)
```
#242435
```
#242435 rgb(36,36,53)
```
#2c2c41
```
#2c2c41 rgb(44,44,65)
```
#34344d
```
#34344d rgb(52,52,77)
```
#3b3b59
```
#3b3b59 rgb(59,59,89)
```
#434364
```
#434364 rgb(67,67,100)
```
#4b4b70
```
#4b4b70 rgb(75,75,112)
```
#53537c
```
#53537c rgb(83,83,124)
```
#5b5b87
```
#5b5b87 rgb(91,91,135)
```
#636393
```
#636393 rgb(99,99,147)
```

Shade Color Variation

#6d6d9d
```
#6d6d9d rgb(109,109,157)
```
#7979a5
```
#7979a5 rgb(121,121,165)
```
#8484ad
```
#8484ad rgb(132,132,173)
```
#9090b4
```
#9090b4 rgb(144,144,180)
```
#9c9cbc
```
#9c9cbc rgb(156,156,188)
```
#a8a8c4
```
#a8a8c4 rgb(168,168,196)
```
#b3b3cc
```
#b3b3cc rgb(179,179,204)
```
#bfbfd4
```
#bfbfd4 rgb(191,191,212)
```
#cbcbdc
```
#cbcbdc rgb(203,203,220)
```
#d6d6e4
```
#d6d6e4 rgb(214,214,228)
```
#e2e2ec
```
#e2e2ec rgb(226,226,236)
```
#eeeef4
```
#eeeef4 rgb(238,238,244)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#c7c7cc
```
#c7c7cc rgb(199,199,204)
```
#c3c3d0
```
#c3c3d0 rgb(195,195,208)
```
#bfbfd4
```
#bfbfd4 rgb(191,191,212)
```
#bbbbd8
```
#bbbbd8 rgb(187,187,216)
```
#b7b7dc
```
#b7b7dc rgb(183,183,220)
```
#b3b3e0
```
#b3b3e0 rgb(179,179,224)
```
#afafe4
```
#afafe4 rgb(175,175,228)
```
#aaaae9
```
#aaaae9 rgb(170,170,233)
```
#a6a6ed
```
#a6a6ed rgb(166,166,237)
```
#a2a2f1
```
#a2a2f1 rgb(162,162,241)
```
#9e9ef5
```
#9e9ef5 rgb(158,158,245)
```
#9a9af9
```
#9a9af9 rgb(154,154,249)
```
#9696fd
```
#9696fd rgb(150,150,253)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c1c1c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c2d6 Protanopia 1% of men
#ccbfd7 Deuteranopia 1% of men
#c1c3d1 Tritanopia 0.001% of the population

Trichromacy

#c0c1d5 Protanomaly 1% of men, 0.01% of women
#c7bfd6 Deuteranomaly 6% of men, 0.4% of women
#c0c1d2 Tritanomaly 0.01% of the population

#bfbfd4 hex color

#bfbfd4 Color Information

#bfbfd4 Color Conversion

Color Schemes with #bfbfd4

Alternatives to #bfbfd4

#bfbfd4 Preview

Shades and Tints of #bfbfd4

Tones of #bfbfd4

Color Blindness Simulator