#bfbdd3 hex color

In a RGB color space, hex #bfbdd3 is composed of 74.9% red, 74.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 9.5% cyan, 10.4% magenta, 0% yellow and 17.3% black. It has a hue angle of 245.5 degrees, a saturation of 20% and a lightness of 78.4%. #bfbdd3 color hex could be obtained by blending #ffffff with #7f7ba7. Closest websafe color is: #cccccc.

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

● #bfbdd3 color description : Grayish blue.

The hexadecimal color #bfbdd3 has RGB values of R:191, G:189, B:211 and CMYK values of C:0.09, M:0.1, Y:0, K:0.17. Its decimal value is 12565971.

Hex triplet	bfbdd3	`#bfbdd3`
RGB Decimal	191, 189, 211	`rgb(191,189,211)`
RGB Percent	74.9, 74.1, 82.7	`rgb(74.9%,74.1%,82.7%)`
CMYK	9, 10, 0, 17
HSL	245.5°, 20, 78.4	`hsl(245.5,20%,78.4%)`
HSV (or HSB)	245.5°, 10.4, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.385, 4.941, -10.767
XYZ	51.439, 52.175, 68.985
xyY	0.298, 0.302, 52.175
CIE-LCH	77.385, 11.847, 294.652
CIE-LUV	77.385, -0.191, -17.369
Hunter-Lab	72.232, 0.711, -6.063
Binary	10111111, 10111101, 11010011

#bfbdd3
```
#bfbdd3 rgb(191,189,211)
```
#d1d3bd
```
#d1d3bd rgb(209,211,189)
```

Complementary Color

#bdc6d3
```
#bdc6d3 rgb(189,198,211)
```
#bfbdd3
```
#bfbdd3 rgb(191,189,211)
```
#cabdd3
```
#cabdd3 rgb(202,189,211)
```

Analogous Color

#c6d3bd
```
#c6d3bd rgb(198,211,189)
```
#bfbdd3
```
#bfbdd3 rgb(191,189,211)
```
#d3cabd
```
#d3cabd rgb(211,202,189)
```

Split Complementary Color

#bdd3bf
```
#bdd3bf rgb(189,211,191)
```
#bfbdd3
```
#bfbdd3 rgb(191,189,211)
```
#d3bfbd
```
#d3bfbd rgb(211,191,189)
```

Triadic Color

#bdd1d3
```
#bdd1d3 rgb(189,209,211)
```
#bfbdd3
```
#bfbdd3 rgb(191,189,211)
```
#d3bfbd
```
#d3bfbd rgb(211,191,189)
```
#d1d3bd
```
#d1d3bd rgb(209,211,189)
```

Tetradic Color

#928fb4
```
#928fb4 rgb(146,143,180)
```
#a19ebf
```
#a19ebf rgb(161,158,191)
```
#b0aec9
```
#b0aec9 rgb(176,174,201)
```
#bfbdd3
```
#bfbdd3 rgb(191,189,211)
```
#ceccdd
```
#ceccdd rgb(206,204,221)
```
#dddce7
```
#dddce7 rgb(221,220,231)
```
#ecebf2
```
#ecebf2 rgb(236,235,242)
```

Monochromatic Color

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

#bdc1d3
```
#bdc1d3 rgb(189,193,211)
```
#bdbfd3
```
#bdbfd3 rgb(189,191,211)
```
#bdbdd3
```
#bdbdd3 rgb(189,189,211)
```
#bfbdd3
```
#bfbdd3 rgb(191,189,211)
```
#c1bdd3
```
#c1bdd3 rgb(193,189,211)
```
#c3bdd3
```
#c3bdd3 rgb(195,189,211)
```
#c5bdd3
```
#c5bdd3 rgb(197,189,211)
```

Similar Colors

Text with hexadecimal color #bfbdd3

This text has a font color of #bfbdd3.

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

#bfbdd3 background color

This paragraph has a background color of #bfbdd3.

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

#bfbdd3 border color

This element has a border color of #bfbdd3.

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

CSS codes

.text {color:#bfbdd3;}

.background {background-color:#bfbdd3;}

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0b0b10
```
#0b0b10 rgb(11,11,16)
```
#14131c
```
#14131c rgb(20,19,28)
```
#1c1b28
```
#1c1b28 rgb(28,27,40)
```
#242234
```
#242234 rgb(36,34,52)
```
#2c2a3f
```
#2c2a3f rgb(44,42,63)
```
#34324b
```
#34324b rgb(52,50,75)
```
#3d3a57
```
#3d3a57 rgb(61,58,87)
```
#454263
```
#454263 rgb(69,66,99)
```
#4d4a6f
```
#4d4a6f rgb(77,74,111)
```
#55527a
```
#55527a rgb(85,82,122)
```
#5d5986
```
#5d5986 rgb(93,89,134)
```
#666192
```
#666192 rgb(102,97,146)
```

Shade Color Variation

#6f6b9c
```
#6f6b9c rgb(111,107,156)
```
#7b76a4
```
#7b76a4 rgb(123,118,164)
```
#8682ac
```
#8682ac rgb(134,130,172)
```
#918eb4
```
#918eb4 rgb(145,142,180)
```
#9d9abb
```
#9d9abb rgb(157,154,187)
```
#a8a5c3
```
#a8a5c3 rgb(168,165,195)
```
#b4b1cb
```
#b4b1cb rgb(180,177,203)
```
#bfbdd3
```
#bfbdd3 rgb(191,189,211)
```
#cac9db
```
#cac9db rgb(202,201,219)
```
#d6d5e3
```
#d6d5e3 rgb(214,213,227)
```
#e1e0eb
```
#e1e0eb rgb(225,224,235)
```
#edecf2
```
#edecf2 rgb(237,236,242)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

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

#c6c5cb
```
#c6c5cb rgb(198,197,203)
```
#c2c1cf
```
#c2c1cf rgb(194,193,207)
```
#bfbdd3
```
#bfbdd3 rgb(191,189,211)
```
#bcb9d7
```
#bcb9d7 rgb(188,185,215)
```
#b8b5db
```
#b8b5db rgb(184,181,219)
```
#b5b0e0
```
#b5b0e0 rgb(181,176,224)
```
#b1ace4
```
#b1ace4 rgb(177,172,228)
```
#aea8e8
```
#aea8e8 rgb(174,168,232)
```
#aaa4ec
```
#aaa4ec rgb(170,164,236)
```
#a79ff1
```
#a79ff1 rgb(167,159,241)
```
#a39bf5
```
#a39bf5 rgb(163,155,245)
```
#a097f9
```
#a097f9 rgb(160,151,249)
```
#9c93fd
```
#9c93fd rgb(156,147,253)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c0bfc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc1d5 Protanopia 1% of men
#cabdd6 Deuteranopia 1% of men
#c1c1cf Tritanopia 0.001% of the population

Trichromacy

#bfbfd4 Protanomaly 1% of men, 0.01% of women
#c6bdd5 Deuteranomaly 6% of men, 0.4% of women
#c0bfd0 Tritanomaly 0.01% of the population

#bfbdd3 hex color

#bfbdd3 Color Information

#bfbdd3 Color Conversion

Color Schemes with #bfbdd3

Alternatives to #bfbdd3

#bfbdd3 Preview

Shades and Tints of #bfbdd3

Tones of #bfbdd3

Color Blindness Simulator