#b8bdf3 hex color

In a RGB color space, hex #b8bdf3 is composed of 72.2% red, 74.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 22.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 234.9 degrees, a saturation of 71.1% and a lightness of 83.7%. #b8bdf3 color hex could be obtained by blending #ffffff with #717be7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 72
- G 74
- B 95
RGB color chart
- C 24
- M 22
- Y 0
- K 5
CMYK color chart

● #b8bdf3 color description : Very soft blue.

The hexadecimal color #b8bdf3 has RGB values of R:184, G:189, B:243 and CMYK values of C:0.24, M:0.22, Y:0, K:0.05. Its decimal value is 12107251.

Hex triplet	b8bdf3	`#b8bdf3`
RGB Decimal	184, 189, 243	`rgb(184,189,243)`
RGB Percent	72.2, 74.1, 95.3	`rgb(72.2%,74.1%,95.3%)`
CMYK	24, 22, 0, 5
HSL	234.9°, 71.1, 83.7	`hsl(234.9,71.1%,83.7%)`
HSV (or HSB)	234.9°, 24.3, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.908, 9.696, -27.288
XYZ	54.139, 53.056, 92.178
xyY	0.272, 0.266, 53.056
CIE-LCH	77.908, 28.96, 289.56
CIE-LUV	77.908, -5.674, -45.028
Hunter-Lab	72.839, 5.204, -24.043
Binary	10111000, 10111101, 11110011

#b8bdf3
```
#b8bdf3 rgb(184,189,243)
```
#f3eeb8
```
#f3eeb8 rgb(243,238,184)
```

Complementary Color

#b8dbf3
```
#b8dbf3 rgb(184,219,243)
```
#b8bdf3
```
#b8bdf3 rgb(184,189,243)
```
#d1b8f3
```
#d1b8f3 rgb(209,184,243)
```

Analogous Color

#dbf3b8
```
#dbf3b8 rgb(219,243,184)
```
#b8bdf3
```
#b8bdf3 rgb(184,189,243)
```
#f3d1b8
```
#f3d1b8 rgb(243,209,184)
```

Split Complementary Color

#bdf3b8
```
#bdf3b8 rgb(189,243,184)
```
#b8bdf3
```
#b8bdf3 rgb(184,189,243)
```
#f3b8bd
```
#f3b8bd rgb(243,184,189)
```

Triadic Color

#b8f3ee
```
#b8f3ee rgb(184,243,238)
```
#b8bdf3
```
#b8bdf3 rgb(184,189,243)
```
#f3b8bd
```
#f3b8bd rgb(243,184,189)
```
#f3eeb8
```
#f3eeb8 rgb(243,238,184)
```

Tetradic Color

#7780e8
```
#7780e8 rgb(119,128,232)
```
#8c94ec
```
#8c94ec rgb(140,148,236)
```
#a2a9ef
```
#a2a9ef rgb(162,169,239)
```
#b8bdf3
```
#b8bdf3 rgb(184,189,243)
```
#ced1f7
```
#ced1f7 rgb(206,209,247)
```
#e4e6fa
```
#e4e6fa rgb(228,230,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Monochromatic Color

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

#b8ccf3
```
#b8ccf3 rgb(184,204,243)
```
#b8c7f3
```
#b8c7f3 rgb(184,199,243)
```
#b8c2f3
```
#b8c2f3 rgb(184,194,243)
```
#b8bdf3
```
#b8bdf3 rgb(184,189,243)
```
#b8b8f3
```
#b8b8f3 rgb(184,184,243)
```
#bdb8f3
```
#bdb8f3 rgb(189,184,243)
```
#c2b8f3
```
#c2b8f3 rgb(194,184,243)
```

Similar Colors

Text with hexadecimal color #b8bdf3

This text has a font color of #b8bdf3.

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

#b8bdf3 background color

This paragraph has a background color of #b8bdf3.

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

#b8bdf3 border color

This element has a border color of #b8bdf3.

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

CSS codes

.text {color:#b8bdf3;}

.background {background-color:#b8bdf3;}

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

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, #02030d is the darkest color, while #fbfbfe is the lightest one.

#02030d
```
#02030d rgb(2,3,13)
```
#05071e
```
#05071e rgb(5,7,30)
```
#080b2e
```
#080b2e rgb(8,11,46)
```
#0b0f3f
```
#0b0f3f rgb(11,15,63)
```
#0e1350
```
#0e1350 rgb(14,19,80)
```
#101761
```
#101761 rgb(16,23,97)
```
#131b72
```
#131b72 rgb(19,27,114)
```
#161f82
```
#161f82 rgb(22,31,130)
```
#192393
```
#192393 rgb(25,35,147)
```
#1c27a4
```
#1c27a4 rgb(28,39,164)
```
#1f2bb5
```
#1f2bb5 rgb(31,43,181)
```
#212fc5
```
#212fc5 rgb(33,47,197)
```
#2433d6
```
#2433d6 rgb(36,51,214)
```

Shade Color Variation

#3240dc
```
#3240dc rgb(50,64,220)
```
#4350df
```
#4350df rgb(67,80,223)
```
#535fe2
```
#535fe2 rgb(83,95,226)
```
#646fe5
```
#646fe5 rgb(100,111,229)
```
#757fe8
```
#757fe8 rgb(117,127,232)
```
#868eea
```
#868eea rgb(134,142,234)
```
#969eed
```
#969eed rgb(150,158,237)
```
#a7adf0
```
#a7adf0 rgb(167,173,240)
```
#b8bdf3
```
#b8bdf3 rgb(184,189,243)
```
#c9cdf6
```
#c9cdf6 rgb(201,205,246)
```
#dadcf9
```
#dadcf9 rgb(218,220,249)
```
#eaecfc
```
#eaecfc rgb(234,236,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#d5d5d6
```
#d5d5d6 rgb(213,213,214)
```
#d2d2d9
```
#d2d2d9 rgb(210,210,217)
```
#ced0dd
```
#ced0dd rgb(206,208,221)
```
#cbcde0
```
#cbcde0 rgb(203,205,224)
```
#c8cae3
```
#c8cae3 rgb(200,202,227)
```
#c5c8e6
```
#c5c8e6 rgb(197,200,230)
```
#c2c5e9
```
#c2c5e9 rgb(194,197,233)
```
#bec2ed
```
#bec2ed rgb(190,194,237)
```
#bbc0f0
```
#bbc0f0 rgb(187,192,240)
```
#b8bdf3
```
#b8bdf3 rgb(184,189,243)
```
#b5baf6
```
#b5baf6 rgb(181,186,246)
```
#b2b8f9
```
#b2b8f9 rgb(178,184,249)
```
#aeb5fd
```
#aeb5fd rgb(174,181,253)
```

Tone Color Variation

Below, you can see how #b8bdf3 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
#c0c1cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c1f4 Protanopia 1% of men
#bbc0f3 Deuteranopia 1% of men
#b4c6d4 Tritanopia 0.001% of the population

Trichromacy

#b6c0f3 Protanomaly 1% of men, 0.01% of women
#babff3 Deuteranomaly 6% of men, 0.4% of women
#b5c2df Tritanomaly 0.01% of the population

#b8bdf3 hex color

#b8bdf3 Color Information

#b8bdf3 Color Conversion

Color Schemes with #b8bdf3

Alternatives to #b8bdf3

#b8bdf3 Preview

Shades and Tints of #b8bdf3

Tones of #b8bdf3

Color Blindness Simulator