#bdbbf6 hex color

In a RGB color space, hex #bdbbf6 is composed of 74.1% red, 73.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 24% magenta, 0% yellow and 3.5% black. It has a hue angle of 242 degrees, a saturation of 76.6% and a lightness of 84.9%. #bdbbf6 color hex could be obtained by blending #ffffff with #7b77ed. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 73
- B 96
RGB color chart
- C 23
- M 24
- Y 0
- K 4
CMYK color chart

● #bdbbf6 color description : Very soft blue.

The hexadecimal color #bdbbf6 has RGB values of R:189, G:187, B:246 and CMYK values of C:0.23, M:0.24, Y:0, K:0.04. Its decimal value is 12434422.

Hex triplet	bdbbf6	`#bdbbf6`
RGB Decimal	189, 187, 246	`rgb(189,187,246)`
RGB Percent	74.1, 73.3, 96.5	`rgb(74.1%,73.3%,96.5%)`
CMYK	23, 24, 0, 4
HSL	242°, 76.6, 84.9	`hsl(242,76.6%,84.9%)`
HSV (or HSB)	242°, 24, 96.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.883, 12.968, -28.907
XYZ	55.388, 53.013, 94.498
xyY	0.273, 0.261, 53.013
CIE-LCH	77.883, 31.682, 294.161
CIE-LUV	77.883, -2.511, -48.222
Hunter-Lab	72.81, 8.372, -25.984
Binary	10111101, 10111011, 11110110

#bdbbf6
```
#bdbbf6 rgb(189,187,246)
```
#f4f6bb
```
#f4f6bb rgb(244,246,187)
```

Complementary Color

#bbd7f6
```
#bbd7f6 rgb(187,215,246)
```
#bdbbf6
```
#bdbbf6 rgb(189,187,246)
```
#dbbbf6
```
#dbbbf6 rgb(219,187,246)
```

Analogous Color

#d7f6bb
```
#d7f6bb rgb(215,246,187)
```
#bdbbf6
```
#bdbbf6 rgb(189,187,246)
```
#f6dbbb
```
#f6dbbb rgb(246,219,187)
```

Split Complementary Color

#bbf6bd
```
#bbf6bd rgb(187,246,189)
```
#bdbbf6
```
#bdbbf6 rgb(189,187,246)
```
#f6bdbb
```
#f6bdbb rgb(246,189,187)
```

Triadic Color

#bbf4f6
```
#bbf4f6 rgb(187,244,246)
```
#bdbbf6
```
#bdbbf6 rgb(189,187,246)
```
#f6bdbb
```
#f6bdbb rgb(246,189,187)
```
#f4f6bb
```
#f4f6bb rgb(244,246,187)
```

Tetradic Color

#7b77ed
```
#7b77ed rgb(123,119,237)
```
#918ef0
```
#918ef0 rgb(145,142,240)
```
#a7a4f3
```
#a7a4f3 rgb(167,164,243)
```
#bdbbf6
```
#bdbbf6 rgb(189,187,246)
```
#d3d2f9
```
#d3d2f9 rgb(211,210,249)
```
#e9e8fc
```
#e9e8fc rgb(233,232,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbc8f6
```
#bbc8f6 rgb(187,200,246)
```
#bbc3f6
```
#bbc3f6 rgb(187,195,246)
```
#bbbef6
```
#bbbef6 rgb(187,190,246)
```
#bdbbf6
```
#bdbbf6 rgb(189,187,246)
```
#c2bbf6
```
#c2bbf6 rgb(194,187,246)
```
#c7bbf6
```
#c7bbf6 rgb(199,187,246)
```
#ccbbf6
```
#ccbbf6 rgb(204,187,246)
```

Similar Colors

Text with hexadecimal color #bdbbf6

This text has a font color of #bdbbf6.

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

#bdbbf6 background color

This paragraph has a background color of #bdbbf6.

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

#bdbbf6 border color

This element has a border color of #bdbbf6.

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

CSS codes

.text {color:#bdbbf6;}

.background {background-color:#bdbbf6;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030213
```
#030213 rgb(3,2,19)
```
#060524
```
#060524 rgb(6,5,36)
```
#090735
```
#090735 rgb(9,7,53)
```
#0b0947
```
#0b0947 rgb(11,9,71)
```
#0e0c58
```
#0e0c58 rgb(14,12,88)
```
#110e69
```
#110e69 rgb(17,14,105)
```
#14107b
```
#14107b rgb(20,16,123)
```
#17138c
```
#17138c rgb(23,19,140)
```
#19159d
```
#19159d rgb(25,21,157)
```
#1c17af
```
#1c17af rgb(28,23,175)
```
#1f19c0
```
#1f19c0 rgb(31,25,192)
```
#221cd1
```
#221cd1 rgb(34,28,209)
```

Shade Color Variation

#261fe1
```
#261fe1 rgb(38,31,225)
```
#3630e4
```
#3630e4 rgb(54,48,228)
```
#4742e6
```
#4742e6 rgb(71,66,230)
```
#5853e8
```
#5853e8 rgb(88,83,232)
```
#6964eb
```
#6964eb rgb(105,100,235)
```
#7a76ed
```
#7a76ed rgb(122,118,237)
```
#8b87ef
```
#8b87ef rgb(139,135,239)
```
#9b98f1
```
#9b98f1 rgb(155,152,241)
```
#acaaf4
```
#acaaf4 rgb(172,170,244)
```
#bdbbf6
```
#bdbbf6 rgb(189,187,246)
```
#ceccf8
```
#ceccf8 rgb(206,204,248)
```
#dfdefb
```
#dfdefb rgb(223,222,251)
```
#efeffd
```
#efeffd rgb(239,239,253)
```

Tint Color Variation

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

#d6d6db
```
#d6d6db rgb(214,214,219)
```
#d3d3de
```
#d3d3de rgb(211,211,222)
```
#d0d0e1
```
#d0d0e1 rgb(208,208,225)
```
#cecde4
```
#cecde4 rgb(206,205,228)
```
#cbcae7
```
#cbcae7 rgb(203,202,231)
```
#c8c7ea
```
#c8c7ea rgb(200,199,234)
```
#c5c4ed
```
#c5c4ed rgb(197,196,237)
```
#c3c1f0
```
#c3c1f0 rgb(195,193,240)
```
#c0bef3
```
#c0bef3 rgb(192,190,243)
```
#bdbbf6
```
#bdbbf6 rgb(189,187,246)
```
#bab8f9
```
#bab8f9 rgb(186,184,249)
```
#b7b5fc
```
#b7b5fc rgb(183,181,252)
```
#b5b2ff
```
#b5b2ff rgb(181,178,255)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c1c1cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4c1f8 Protanopia 1% of men
#b9c0f5 Deuteranopia 1% of men
#b8c5d3 Tritanopia 0.001% of the population

Trichromacy

#b7bff7 Protanomaly 1% of men, 0.01% of women
#bbbef5 Deuteranomaly 6% of men, 0.4% of women
#bac1e0 Tritanomaly 0.01% of the population

#bdbbf6 hex color

#bdbbf6 Color Information

#bdbbf6 Color Conversion

Color Schemes with #bdbbf6

Alternatives to #bdbbf6

#bdbbf6 Preview

Shades and Tints of #bdbbf6

Tones of #bdbbf6

Color Blindness Simulator