#b6caf5 hex color

In a RGB color space, hex #b6caf5 is composed of 71.4% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 221 degrees, a saturation of 75.9% and a lightness of 83.7%. #b6caf5 color hex could be obtained by blending #ffffff with #6d95eb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 79
- B 96
RGB color chart
- C 26
- M 18
- Y 0
- K 4
CMYK color chart

● #b6caf5 color description : Very soft blue.

The hexadecimal color #b6caf5 has RGB values of R:182, G:202, B:245 and CMYK values of C:0.26, M:0.18, Y:0, K:0.04. Its decimal value is 11979509.

Hex triplet	b6caf5	`#b6caf5`
RGB Decimal	182, 202, 245	`rgb(182,202,245)`
RGB Percent	71.4, 79.2, 96.1	`rgb(71.4%,79.2%,96.1%)`
CMYK	26, 18, 0, 4
HSL	221°, 75.9, 83.7	`hsl(221,75.9%,83.7%)`
HSV (or HSB)	221°, 25.7, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.169, 2.543, -23.396
XYZ	56.89, 58.778, 94.729
xyY	0.27, 0.279, 58.778
CIE-LCH	81.169, 23.533, 276.203
CIE-LUV	81.169, -12.381, -37.674
Hunter-Lab	76.667, -1.711, -19.592
Binary	10110110, 11001010, 11110101

#b6caf5
```
#b6caf5 rgb(182,202,245)
```
#f5e1b6
```
#f5e1b6 rgb(245,225,182)
```

Complementary Color

#b6eaf5
```
#b6eaf5 rgb(182,234,245)
```
#b6caf5
```
#b6caf5 rgb(182,202,245)
```
#c2b6f5
```
#c2b6f5 rgb(194,182,245)
```

Analogous Color

#eaf5b6
```
#eaf5b6 rgb(234,245,182)
```
#b6caf5
```
#b6caf5 rgb(182,202,245)
```
#f5c2b6
```
#f5c2b6 rgb(245,194,182)
```

Split Complementary Color

#caf5b6
```
#caf5b6 rgb(202,245,182)
```
#b6caf5
```
#b6caf5 rgb(182,202,245)
```
#f5b6ca
```
#f5b6ca rgb(245,182,202)
```

Triadic Color

#b6f5e1
```
#b6f5e1 rgb(182,245,225)
```
#b6caf5
```
#b6caf5 rgb(182,202,245)
```
#f5b6ca
```
#f5b6ca rgb(245,182,202)
```
#f5e1b6
```
#f5e1b6 rgb(245,225,182)
```

Tetradic Color

#7399ec
```
#7399ec rgb(115,153,236)
```
#89a9ef
```
#89a9ef rgb(137,169,239)
```
#a0baf2
```
#a0baf2 rgb(160,186,242)
```
#b6caf5
```
#b6caf5 rgb(182,202,245)
```
#ccdaf8
```
#ccdaf8 rgb(204,218,248)
```
#e3ebfb
```
#e3ebfb rgb(227,235,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Monochromatic Color

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

#b6daf5
```
#b6daf5 rgb(182,218,245)
```
#b6d5f5
```
#b6d5f5 rgb(182,213,245)
```
#b6cff5
```
#b6cff5 rgb(182,207,245)
```
#b6caf5
```
#b6caf5 rgb(182,202,245)
```
#b6c5f5
```
#b6c5f5 rgb(182,197,245)
```
#b6c0f5
```
#b6c0f5 rgb(182,192,245)
```
#b6baf5
```
#b6baf5 rgb(182,186,245)
```

Similar Colors

Text with hexadecimal color #b6caf5

This text has a font color of #b6caf5.

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

#b6caf5 background color

This paragraph has a background color of #b6caf5.

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

#b6caf5 border color

This element has a border color of #b6caf5.

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

CSS codes

.text {color:#b6caf5;}

.background {background-color:#b6caf5;}

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

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

#02050d
```
#02050d rgb(2,5,13)
```
#040d1f
```
#040d1f rgb(4,13,31)
```
#071430
```
#071430 rgb(7,20,48)
```
#091b41
```
#091b41 rgb(9,27,65)
```
#0b2252
```
#0b2252 rgb(11,34,82)
```
#0e2964
```
#0e2964 rgb(14,41,100)
```
#103075
```
#103075 rgb(16,48,117)
```
#123786
```
#123786 rgb(18,55,134)
```
#153e97
```
#153e97 rgb(21,62,151)
```
#1745a9
```
#1745a9 rgb(23,69,169)
```
#194cba
```
#194cba rgb(25,76,186)
```
#1c53cb
```
#1c53cb rgb(28,83,203)
```
#1e5bdc
```
#1e5bdc rgb(30,91,220)
```

Shade Color Variation

#2c66e2
```
#2c66e2 rgb(44,102,226)
```
#3d72e4
```
#3d72e4 rgb(61,114,228)
```
#4e7fe7
```
#4e7fe7 rgb(78,127,231)
```
#608be9
```
#608be9 rgb(96,139,233)
```
#7198ec
```
#7198ec rgb(113,152,236)
```
#82a4ee
```
#82a4ee rgb(130,164,238)
```
#93b1f0
```
#93b1f0 rgb(147,177,240)
```
#a5bdf3
```
#a5bdf3 rgb(165,189,243)
```
#b6caf5
```
#b6caf5 rgb(182,202,245)
```
#c7d7f7
```
#c7d7f7 rgb(199,215,247)
```
#d9e3fa
```
#d9e3fa rgb(217,227,250)
```
#eaf0fc
```
#eaf0fc rgb(234,240,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#d3d4d8
```
#d3d4d8 rgb(211,212,216)
```
#d0d3db
```
#d0d3db rgb(208,211,219)
```
#ccd2df
```
#ccd2df rgb(204,210,223)
```
#c9d1e2
```
#c9d1e2 rgb(201,209,226)
```
#c6d0e5
```
#c6d0e5 rgb(198,208,229)
```
#c3cfe8
```
#c3cfe8 rgb(195,207,232)
```
#c0cdeb
```
#c0cdeb rgb(192,205,235)
```
#bcccef
```
#bcccef rgb(188,204,239)
```
#b9cbf2
```
#b9cbf2 rgb(185,203,242)
```
#b6caf5
```
#b6caf5 rgb(182,202,245)
```
#b3c9f8
```
#b3c9f8 rgb(179,201,248)
```
#b0c8fb
```
#b0c8fb rgb(176,200,251)
```
#acc7ff
```
#acc7ff rgb(172,199,255)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c5c9d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2caf4 Protanopia 1% of men
#c8c8f7 Deuteranopia 1% of men
#b4d0df Tritanopia 0.001% of the population

Trichromacy

#bdcaf4 Protanomaly 1% of men, 0.01% of women
#c1c9f6 Deuteranomaly 6% of men, 0.4% of women
#b4cee7 Tritanomaly 0.01% of the population

#b6caf5 hex color

#b6caf5 Color Information

#b6caf5 Color Conversion

Color Schemes with #b6caf5

Alternatives to #b6caf5

#b6caf5 Preview

Shades and Tints of #b6caf5

Tones of #b6caf5

Color Blindness Simulator