#b5ccf7 hex color

In a RGB color space, hex #b5ccf7 is composed of 71% red, 80% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 17.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 219.1 degrees, a saturation of 80.5% and a lightness of 83.9%. #b5ccf7 color hex could be obtained by blending #ffffff with #6b99ef. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 80
- B 97
RGB color chart
- C 27
- M 17
- Y 0
- K 3
CMYK color chart

● #b5ccf7 color description : Very soft blue.

The hexadecimal color #b5ccf7 has RGB values of R:181, G:204, B:247 and CMYK values of C:0.27, M:0.17, Y:0, K:0.03. Its decimal value is 11914487.

Hex triplet	b5ccf7	`#b5ccf7`
RGB Decimal	181, 204, 247	`rgb(181,204,247)`
RGB Percent	71, 80, 96.9	`rgb(71%,80%,96.9%)`
CMYK	27, 17, 0, 3
HSL	219.1°, 80.5, 83.9	`hsl(219.1,80.5%,83.9%)`
HSV (or HSB)	219.1°, 26.7, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.688, 1.646, -23.679
XYZ	57.434, 59.724, 96.492
xyY	0.269, 0.28, 59.724
CIE-LCH	81.688, 23.736, 273.977
CIE-LUV	81.688, -13.785, -38.042
Hunter-Lab	77.281, -2.584, -19.932
Binary	10110101, 11001100, 11110111

#b5ccf7
```
#b5ccf7 rgb(181,204,247)
```
#f7e0b5
```
#f7e0b5 rgb(247,224,181)
```

Complementary Color

#b5edf7
```
#b5edf7 rgb(181,237,247)
```
#b5ccf7
```
#b5ccf7 rgb(181,204,247)
```
#bfb5f7
```
#bfb5f7 rgb(191,181,247)
```

Analogous Color

#edf7b5
```
#edf7b5 rgb(237,247,181)
```
#b5ccf7
```
#b5ccf7 rgb(181,204,247)
```
#f7bfb5
```
#f7bfb5 rgb(247,191,181)
```

Split Complementary Color

#ccf7b5
```
#ccf7b5 rgb(204,247,181)
```
#b5ccf7
```
#b5ccf7 rgb(181,204,247)
```
#f7b5cc
```
#f7b5cc rgb(247,181,204)
```

Triadic Color

#b5f7e0
```
#b5f7e0 rgb(181,247,224)
```
#b5ccf7
```
#b5ccf7 rgb(181,204,247)
```
#f7b5cc
```
#f7b5cc rgb(247,181,204)
```
#f7e0b5
```
#f7e0b5 rgb(247,224,181)
```

Tetradic Color

#709cf0
```
#709cf0 rgb(112,156,240)
```
#87acf2
```
#87acf2 rgb(135,172,242)
```
#9ebcf5
```
#9ebcf5 rgb(158,188,245)
```
#b5ccf7
```
#b5ccf7 rgb(181,204,247)
```
#ccdcf9
```
#ccdcf9 rgb(204,220,249)
```
#e3ecfc
```
#e3ecfc rgb(227,236,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Monochromatic Color

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

#b5ddf7
```
#b5ddf7 rgb(181,221,247)
```
#b5d7f7
```
#b5d7f7 rgb(181,215,247)
```
#b5d2f7
```
#b5d2f7 rgb(181,210,247)
```
#b5ccf7
```
#b5ccf7 rgb(181,204,247)
```
#b5c7f7
```
#b5c7f7 rgb(181,199,247)
```
#b5c1f7
```
#b5c1f7 rgb(181,193,247)
```
#b5bcf7
```
#b5bcf7 rgb(181,188,247)
```

Similar Colors

Text with hexadecimal color #b5ccf7

This text has a font color of #b5ccf7.

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

#b5ccf7 background color

This paragraph has a background color of #b5ccf7.

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

#b5ccf7 border color

This element has a border color of #b5ccf7.

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

CSS codes

.text {color:#b5ccf7;}

.background {background-color:#b5ccf7;}

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

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, #02060f is the darkest color, while #fcfdff is the lightest one.

#02060f
```
#02060f rgb(2,6,15)
```
#030d20
```
#030d20 rgb(3,13,32)
```
#051532
```
#051532 rgb(5,21,50)
```
#071c44
```
#071c44 rgb(7,28,68)
```
#092455
```
#092455 rgb(9,36,85)
```
#0b2b67
```
#0b2b67 rgb(11,43,103)
```
#0d3379
```
#0d3379 rgb(13,51,121)
```
#0f3a8a
```
#0f3a8a rgb(15,58,138)
```
#11419c
```
#11419c rgb(17,65,156)
```
#1349ae
```
#1349ae rgb(19,73,174)
```
#1550c0
```
#1550c0 rgb(21,80,192)
```
#1758d1
```
#1758d1 rgb(23,88,209)
```
#195fe3
```
#195fe3 rgb(25,95,227)
```

Shade Color Variation

#276ae8
```
#276ae8 rgb(39,106,232)
```
#3977ea
```
#3977ea rgb(57,119,234)
```
#4b83ec
```
#4b83ec rgb(75,131,236)
```
#5c8fed
```
#5c8fed rgb(92,143,237)
```
#6e9bef
```
#6e9bef rgb(110,155,239)
```
#80a7f1
```
#80a7f1 rgb(128,167,241)
```
#92b4f3
```
#92b4f3 rgb(146,180,243)
```
#a3c0f5
```
#a3c0f5 rgb(163,192,245)
```
#b5ccf7
```
#b5ccf7 rgb(181,204,247)
```
#c7d8f9
```
#c7d8f9 rgb(199,216,249)
```
#d8e4fb
```
#d8e4fb rgb(216,228,251)
```
#eaf1fd
```
#eaf1fd rgb(234,241,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#d5d6d7
```
#d5d6d7 rgb(213,214,215)
```
#d1d5db
```
#d1d5db rgb(209,213,219)
```
#ced4de
```
#ced4de rgb(206,212,222)
```
#cbd3e1
```
#cbd3e1 rgb(203,211,225)
```
#c8d2e4
```
#c8d2e4 rgb(200,210,228)
```
#c5d1e7
```
#c5d1e7 rgb(197,209,231)
```
#c2d0ea
```
#c2d0ea rgb(194,208,234)
```
#becfee
```
#becfee rgb(190,207,238)
```
#bbcef1
```
#bbcef1 rgb(187,206,241)
```
#b8cdf4
```
#b8cdf4 rgb(184,205,244)
```
#b5ccf7
```
#b5ccf7 rgb(181,204,247)
```
#b2cbfa
```
#b2cbfa rgb(178,203,250)
```
#afcafd
```
#afcafd rgb(175,202,253)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c6cad3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3cbf5 Protanopia 1% of men
#c9c9f9 Deuteranopia 1% of men
#b3d2e1 Tritanopia 0.001% of the population

Trichromacy

#becbf6 Protanomaly 1% of men, 0.01% of women
#c2caf8 Deuteranomaly 6% of men, 0.4% of women
#b3d0e9 Tritanomaly 0.01% of the population

#b5ccf7 hex color

#b5ccf7 Color Information

#b5ccf7 Color Conversion

Color Schemes with #b5ccf7

Alternatives to #b5ccf7

#b5ccf7 Preview

Shades and Tints of #b5ccf7

Tones of #b5ccf7

Color Blindness Simulator