#b8c4f2 hex color

In a RGB color space, hex #b8c4f2 is composed of 72.2% red, 76.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 19% magenta, 0% yellow and 5.1% black. It has a hue angle of 227.6 degrees, a saturation of 69% and a lightness of 83.5%. #b8c4f2 color hex could be obtained by blending #ffffff with #7189e5. Closest websafe color is: #ccccff.

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

● #b8c4f2 color description : Very soft blue.

The hexadecimal color #b8c4f2 has RGB values of R:184, G:196, B:242 and CMYK values of C:0.24, M:0.19, Y:0, K:0.05. Its decimal value is 12109042.

Hex triplet	b8c4f2	`#b8c4f2`
RGB Decimal	184, 196, 242	`rgb(184,196,242)`
RGB Percent	72.2, 76.9, 94.9	`rgb(72.2%,76.9%,94.9%)`
CMYK	24, 19, 0, 5
HSL	227.6°, 69, 83.5	`hsl(227.6,69%,83.5%)`
HSV (or HSB)	227.6°, 24, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.659, 5.668, -24.078
XYZ	55.531, 56.08, 91.898
xyY	0.273, 0.276, 56.08
CIE-LCH	79.659, 24.736, 283.246
CIE-LUV	79.659, -8.682, -39.19
Hunter-Lab	74.887, 1.312, -20.338
Binary	10111000, 11000100, 11110010

#b8c4f2
```
#b8c4f2 rgb(184,196,242)
```
#f2e6b8
```
#f2e6b8 rgb(242,230,184)
```

Complementary Color

#b8e1f2
```
#b8e1f2 rgb(184,225,242)
```
#b8c4f2
```
#b8c4f2 rgb(184,196,242)
```
#c9b8f2
```
#c9b8f2 rgb(201,184,242)
```

Analogous Color

#e1f2b8
```
#e1f2b8 rgb(225,242,184)
```
#b8c4f2
```
#b8c4f2 rgb(184,196,242)
```
#f2c9b8
```
#f2c9b8 rgb(242,201,184)
```

Split Complementary Color

#c4f2b8
```
#c4f2b8 rgb(196,242,184)
```
#b8c4f2
```
#b8c4f2 rgb(184,196,242)
```
#f2b8c4
```
#f2b8c4 rgb(242,184,196)
```

Triadic Color

#b8f2e6
```
#b8f2e6 rgb(184,242,230)
```
#b8c4f2
```
#b8c4f2 rgb(184,196,242)
```
#f2b8c4
```
#f2b8c4 rgb(242,184,196)
```
#f2e6b8
```
#f2e6b8 rgb(242,230,184)
```

Tetradic Color

#778ee6
```
#778ee6 rgb(119,142,230)
```
#8da0ea
```
#8da0ea rgb(141,160,234)
```
#a2b2ee
```
#a2b2ee rgb(162,178,238)
```
#b8c4f2
```
#b8c4f2 rgb(184,196,242)
```
#ced6f6
```
#ced6f6 rgb(206,214,246)
```
#e3e8fa
```
#e3e8fa rgb(227,232,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Monochromatic Color

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

#b8d3f2
```
#b8d3f2 rgb(184,211,242)
```
#b8cef2
```
#b8cef2 rgb(184,206,242)
```
#b8c9f2
```
#b8c9f2 rgb(184,201,242)
```
#b8c4f2
```
#b8c4f2 rgb(184,196,242)
```
#b8bff2
```
#b8bff2 rgb(184,191,242)
```
#b8baf2
```
#b8baf2 rgb(184,186,242)
```
#bbb8f2
```
#bbb8f2 rgb(187,184,242)
```

Similar Colors

Text with hexadecimal color #b8c4f2

This text has a font color of #b8c4f2.

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

#b8c4f2 background color

This paragraph has a background color of #b8c4f2.

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

#b8c4f2 border color

This element has a border color of #b8c4f2.

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

CSS codes

.text {color:#b8c4f2;}

.background {background-color:#b8c4f2;}

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

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, #02040c is the darkest color, while #fafbfe is the lightest one.

#02040c
```
#02040c rgb(2,4,12)
```
#050a1c
```
#050a1c rgb(5,10,28)
```
#08102d
```
#08102d rgb(8,16,45)
```
#0b163e
```
#0b163e rgb(11,22,62)
```
#0e1c4e
```
#0e1c4e rgb(14,28,78)
```
#11215f
```
#11215f rgb(17,33,95)
```
#14276f
```
#14276f rgb(20,39,111)
```
#172d80
```
#172d80 rgb(23,45,128)
```
#1a3391
```
#1a3391 rgb(26,51,145)
```
#1e39a1
```
#1e39a1 rgb(30,57,161)
```
#213fb2
```
#213fb2 rgb(33,63,178)
```
#2444c2
```
#2444c2 rgb(36,68,194)
```
#274ad3
```
#274ad3 rgb(39,74,211)
```

Shade Color Variation

#3356da
```
#3356da rgb(51,86,218)
```
#4464dd
```
#4464dd rgb(68,100,221)
```
#5571e0
```
#5571e0 rgb(85,113,224)
```
#657fe3
```
#657fe3 rgb(101,127,227)
```
#768de6
```
#768de6 rgb(118,141,230)
```
#869be9
```
#869be9 rgb(134,155,233)
```
#97a8ec
```
#97a8ec rgb(151,168,236)
```
#a7b6ef
```
#a7b6ef rgb(167,182,239)
```
#b8c4f2
```
#b8c4f2 rgb(184,196,242)
```
#c9d2f5
```
#c9d2f5 rgb(201,210,245)
```
#d9e0f8
```
#d9e0f8 rgb(217,224,248)
```
#eaedfb
```
#eaedfb rgb(234,237,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#d2d3d8
```
#d2d3d8 rgb(210,211,216)
```
#cfd1db
```
#cfd1db rgb(207,209,219)
```
#cbcfdf
```
#cbcfdf rgb(203,207,223)
```
#c8cde2
```
#c8cde2 rgb(200,205,226)
```
#c5cce5
```
#c5cce5 rgb(197,204,229)
```
#c2cae8
```
#c2cae8 rgb(194,202,232)
```
#bec8ec
```
#bec8ec rgb(190,200,236)
```
#bbc6ef
```
#bbc6ef rgb(187,198,239)
```
#b8c4f2
```
#b8c4f2 rgb(184,196,242)
```
#b5c2f5
```
#b5c2f5 rgb(181,194,245)
```
#b2c0f8
```
#b2c0f8 rgb(178,192,248)
```
#aebefc
```
#aebefc rgb(174,190,252)
```
#abbcff
```
#abbcff rgb(171,188,255)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c3c6cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc6f2 Protanopia 1% of men
#c3c4f3 Deuteranopia 1% of men
#b5cbda Tritanopia 0.001% of the population

Trichromacy

#bbc5f2 Protanomaly 1% of men, 0.01% of women
#bfc4f2 Deuteranomaly 6% of men, 0.4% of women
#b6c8e2 Tritanomaly 0.01% of the population

#b8c4f2 hex color

#b8c4f2 Color Information

#b8c4f2 Color Conversion

Color Schemes with #b8c4f2

Alternatives to #b8c4f2

#b8c4f2 Preview

Shades and Tints of #b8c4f2

Tones of #b8c4f2

Color Blindness Simulator