#b5ccf9 hex color

In a RGB color space, hex #b5ccf9 is composed of 71% red, 80% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 18.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 219.7 degrees, a saturation of 85% and a lightness of 84.3%. #b5ccf9 color hex could be obtained by blending #ffffff with #6b99f3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 80
- B 98
RGB color chart
- C 27
- M 18
- Y 0
- K 2
CMYK color chart

● #b5ccf9 color description : Very soft blue.

The hexadecimal color #b5ccf9 has RGB values of R:181, G:204, B:249 and CMYK values of C:0.27, M:0.18, Y:0, K:0.02. Its decimal value is 11914489.

Hex triplet	b5ccf9	`#b5ccf9`
RGB Decimal	181, 204, 249	`rgb(181,204,249)`
RGB Percent	71, 80, 97.6	`rgb(71%,80%,97.6%)`
CMYK	27, 18, 0, 2
HSL	219.7°, 85, 84.3	`hsl(219.7,85%,84.3%)`
HSV (or HSB)	219.7°, 27.3, 97.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.755, 2.115, -24.641
XYZ	57.744, 59.848, 98.127
xyY	0.268, 0.277, 59.848
CIE-LCH	81.755, 24.731, 274.905
CIE-LUV	81.755, -13.853, -39.726
Hunter-Lab	77.361, -2.146, -21.052
Binary	10110101, 11001100, 11111001

#b5ccf9
```
#b5ccf9 rgb(181,204,249)
```
#f9e2b5
```
#f9e2b5 rgb(249,226,181)
```

Complementary Color

#b5eef9
```
#b5eef9 rgb(181,238,249)
```
#b5ccf9
```
#b5ccf9 rgb(181,204,249)
```
#c0b5f9
```
#c0b5f9 rgb(192,181,249)
```

Analogous Color

#eef9b5
```
#eef9b5 rgb(238,249,181)
```
#b5ccf9
```
#b5ccf9 rgb(181,204,249)
```
#f9c0b5
```
#f9c0b5 rgb(249,192,181)
```

Split Complementary Color

#ccf9b5
```
#ccf9b5 rgb(204,249,181)
```
#b5ccf9
```
#b5ccf9 rgb(181,204,249)
```
#f9b5cc
```
#f9b5cc rgb(249,181,204)
```

Triadic Color

#b5f9e2
```
#b5f9e2 rgb(181,249,226)
```
#b5ccf9
```
#b5ccf9 rgb(181,204,249)
```
#f9b5cc
```
#f9b5cc rgb(249,181,204)
```
#f9e2b5
```
#f9e2b5 rgb(249,226,181)
```

Tetradic Color

#6e9bf3
```
#6e9bf3 rgb(110,155,243)
```
#86abf5
```
#86abf5 rgb(134,171,245)
```
#9dbcf7
```
#9dbcf7 rgb(157,188,247)
```
#b5ccf9
```
#b5ccf9 rgb(181,204,249)
```
#cddcfb
```
#cddcfb rgb(205,220,251)
```
#e4edfd
```
#e4edfd rgb(228,237,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Monochromatic Color

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

#b5ddf9
```
#b5ddf9 rgb(181,221,249)
```
#b5d7f9
```
#b5d7f9 rgb(181,215,249)
```
#b5d2f9
```
#b5d2f9 rgb(181,210,249)
```
#b5ccf9
```
#b5ccf9 rgb(181,204,249)
```
#b5c6f9
```
#b5c6f9 rgb(181,198,249)
```
#b5c1f9
```
#b5c1f9 rgb(181,193,249)
```
#b5bbf9
```
#b5bbf9 rgb(181,187,249)
```

Similar Colors

Text with hexadecimal color #b5ccf9

This text has a font color of #b5ccf9.

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

#b5ccf9 background color

This paragraph has a background color of #b5ccf9.

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

#b5ccf9 border color

This element has a border color of #b5ccf9.

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

CSS codes

.text {color:#b5ccf9;}

.background {background-color:#b5ccf9;}

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

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

#010711
```
#010711 rgb(1,7,17)
```
#030e23
```
#030e23 rgb(3,14,35)
```
#041535
```
#041535 rgb(4,21,53)
```
#061c47
```
#061c47 rgb(6,28,71)
```
#072359
```
#072359 rgb(7,35,89)
```
#092a6b
```
#092a6b rgb(9,42,107)
```
#0a317e
```
#0a317e rgb(10,49,126)
```
#0c3890
```
#0c3890 rgb(12,56,144)
```
#0d3fa2
```
#0d3fa2 rgb(13,63,162)
```
#0f47b4
```
#0f47b4 rgb(15,71,180)
```
#104ec6
```
#104ec6 rgb(16,78,198)
```
#1255d8
```
#1255d8 rgb(18,85,216)
```
#135cea
```
#135cea rgb(19,92,234)
```

Shade Color Variation

#2468ed
```
#2468ed rgb(36,104,237)
```
#3674ef
```
#3674ef rgb(54,116,239)
```
#4881f0
```
#4881f0 rgb(72,129,240)
```
#5a8df2
```
#5a8df2 rgb(90,141,242)
```
#6c9af3
```
#6c9af3 rgb(108,154,243)
```
#7fa6f5
```
#7fa6f5 rgb(127,166,245)
```
#91b3f6
```
#91b3f6 rgb(145,179,246)
```
#a3bff8
```
#a3bff8 rgb(163,191,248)
```
#b5ccf9
```
#b5ccf9 rgb(181,204,249)
```
#c7d9fa
```
#c7d9fa rgb(199,217,250)
```
#d9e5fc
```
#d9e5fc rgb(217,229,252)
```
#ebf2fd
```
#ebf2fd rgb(235,242,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4d6da
```
#d4d6da rgb(212,214,218)
```
#d1d5dd
```
#d1d5dd rgb(209,213,221)
```
#ced4e0
```
#ced4e0 rgb(206,212,224)
```
#cbd3e3
```
#cbd3e3 rgb(203,211,227)
```
#c7d2e7
```
#c7d2e7 rgb(199,210,231)
```
#c4d1ea
```
#c4d1ea rgb(196,209,234)
```
#c1d0ed
```
#c1d0ed rgb(193,208,237)
```
#becff0
```
#becff0 rgb(190,207,240)
```
#bbcef3
```
#bbcef3 rgb(187,206,243)
```
#b8cdf6
```
#b8cdf6 rgb(184,205,246)
```
#b5ccf9
```
#b5ccf9 rgb(181,204,249)
```
#b2cbfc
```
#b2cbfc rgb(178,203,252)
```

Tone Color Variation

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

#c3ccf7 Protanopia 1% of men
#c8cafa Deuteranopia 1% of men
#b2d2e2 Tritanopia 0.001% of the population

Trichromacy

#beccf8 Protanomaly 1% of men, 0.01% of women
#c1cafa Deuteranomaly 6% of men, 0.4% of women
#b3d0ea Tritanomaly 0.01% of the population

#b5ccf9 hex color

#b5ccf9 Color Information

#b5ccf9 Color Conversion

Color Schemes with #b5ccf9

Alternatives to #b5ccf9

#b5ccf9 Preview

Shades and Tints of #b5ccf9

Tones of #b5ccf9

Color Blindness Simulator