#b0caec hex color

In a RGB color space, hex #b0caec is composed of 69% red, 79.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 14.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 214 degrees, a saturation of 61.2% and a lightness of 80.8%. #b0caec color hex could be obtained by blending #ffffff with #6195d9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 79
- B 93
RGB color chart
- C 25
- M 14
- Y 0
- K 7
CMYK color chart

● #b0caec color description : Very soft blue.

The hexadecimal color #b0caec has RGB values of R:176, G:202, B:236 and CMYK values of C:0.25, M:0.14, Y:0, K:0.07. Its decimal value is 11586284.

Hex triplet	b0caec	`#b0caec`
RGB Decimal	176, 202, 236	`rgb(176,202,236)`
RGB Percent	69, 79.2, 92.5	`rgb(69%,79.2%,92.5%)`
CMYK	25, 14, 0, 7
HSL	214°, 61.2, 80.8	`hsl(214,61.2%,80.8%)`
HSV (or HSB)	214°, 25.4, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.475, -1.309, -19.68
XYZ	54.162, 57.526, 87.602
xyY	0.272, 0.289, 57.526
CIE-LCH	80.475, 19.723, 266.195
CIE-LUV	80.475, -14.874, -30.889
Hunter-Lab	75.846, -5.262, -15.388
Binary	10110000, 11001010, 11101100

#b0caec
```
#b0caec rgb(176,202,236)
```
#ecd2b0
```
#ecd2b0 rgb(236,210,176)
```

Complementary Color

#b0e8ec
```
#b0e8ec rgb(176,232,236)
```
#b0caec
```
#b0caec rgb(176,202,236)
```
#b4b0ec
```
#b4b0ec rgb(180,176,236)
```

Analogous Color

#e8ecb0
```
#e8ecb0 rgb(232,236,176)
```
#b0caec
```
#b0caec rgb(176,202,236)
```
#ecb4b0
```
#ecb4b0 rgb(236,180,176)
```

Split Complementary Color

#caecb0
```
#caecb0 rgb(202,236,176)
```
#b0caec
```
#b0caec rgb(176,202,236)
```
#ecb0ca
```
#ecb0ca rgb(236,176,202)
```

Triadic Color

#b0ecd2
```
#b0ecd2 rgb(176,236,210)
```
#b0caec
```
#b0caec rgb(176,202,236)
```
#ecb0ca
```
#ecb0ca rgb(236,176,202)
```
#ecd2b0
```
#ecd2b0 rgb(236,210,176)
```

Tetradic Color

#72a1dd
```
#72a1dd rgb(114,161,221)
```
#87aee2
```
#87aee2 rgb(135,174,226)
```
#9bbce7
```
#9bbce7 rgb(155,188,231)
```
#b0caec
```
#b0caec rgb(176,202,236)
```
#c5d8f1
```
#c5d8f1 rgb(197,216,241)
```
#d9e6f6
```
#d9e6f6 rgb(217,230,246)
```
#eef3fb
```
#eef3fb rgb(238,243,251)
```

Monochromatic Color

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

#b0d9ec
```
#b0d9ec rgb(176,217,236)
```
#b0d4ec
```
#b0d4ec rgb(176,212,236)
```
#b0cfec
```
#b0cfec rgb(176,207,236)
```
#b0caec
```
#b0caec rgb(176,202,236)
```
#b0c5ec
```
#b0c5ec rgb(176,197,236)
```
#b0c0ec
```
#b0c0ec rgb(176,192,236)
```
#b0bbec
```
#b0bbec rgb(176,187,236)
```

Similar Colors

Text with hexadecimal color #b0caec

This text has a font color of #b0caec.

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

#b0caec background color

This paragraph has a background color of #b0caec.

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

#b0caec border color

This element has a border color of #b0caec.

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

CSS codes

.text {color:#b0caec;}

.background {background-color:#b0caec;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040910
```
#040910 rgb(4,9,16)
```
#081220
```
#081220 rgb(8,18,32)
```
#0b1b2f
```
#0b1b2f rgb(11,27,47)
```
#0f243f
```
#0f243f rgb(15,36,63)
```
#132d4f
```
#132d4f rgb(19,45,79)
```
#17365f
```
#17365f rgb(23,54,95)
```
#1b3f6f
```
#1b3f6f rgb(27,63,111)
```
#1e487f
```
#1e487f rgb(30,72,127)
```
#22518e
```
#22518e rgb(34,81,142)
```
#265a9e
```
#265a9e rgb(38,90,158)
```
#2a63ae
```
#2a63ae rgb(42,99,174)
```
#2e6cbe
```
#2e6cbe rgb(46,108,190)
```

Shade Color Variation

#3275ce
```
#3275ce rgb(50,117,206)
```
#4180d1
```
#4180d1 rgb(65,128,209)
```
#518ad5
```
#518ad5 rgb(81,138,213)
```
#6195d9
```
#6195d9 rgb(97,149,217)
```
#71a0dd
```
#71a0dd rgb(113,160,221)
```
#81aae1
```
#81aae1 rgb(129,170,225)
```
#90b5e4
```
#90b5e4 rgb(144,181,228)
```
#a0bfe8
```
#a0bfe8 rgb(160,191,232)
```
#b0caec
```
#b0caec rgb(176,202,236)
```
#c0d5f0
```
#c0d5f0 rgb(192,213,240)
```
#d0dff4
```
#d0dff4 rgb(208,223,244)
```
#dfeaf7
```
#dfeaf7 rgb(223,234,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```

Tint Color Variation

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

#caced2
```
#caced2 rgb(202,206,210)
```
#c7cdd5
```
#c7cdd5 rgb(199,205,213)
```
#c3cdd9
```
#c3cdd9 rgb(195,205,217)
```
#bfccdd
```
#bfccdd rgb(191,204,221)
```
#bbcce1
```
#bbcce1 rgb(187,204,225)
```
#b8cbe4
```
#b8cbe4 rgb(184,203,228)
```
#b4cbe8
```
#b4cbe8 rgb(180,203,232)
```
#b0caec
```
#b0caec rgb(176,202,236)
```
#acc9f0
```
#acc9f0 rgb(172,201,240)
```
#a8c9f4
```
#a8c9f4 rgb(168,201,244)
```
#a5c8f7
```
#a5c8f7 rgb(165,200,247)
```
#a1c8fb
```
#a1c8fb rgb(161,200,251)
```
#9dc7ff
```
#9dc7ff rgb(157,199,255)
```

Tone Color Variation

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

Dichromacy

#c3c8ea Protanopia 1% of men
#cac6ef Deuteranopia 1% of men
#b0cfde Tritanopia 0.001% of the population

Trichromacy

#bcc9eb Protanomaly 1% of men, 0.01% of women
#c0c7ee Deuteranomaly 6% of men, 0.4% of women
#b0cde3 Tritanomaly 0.01% of the population

#b0caec hex color

#b0caec Color Information

#b0caec Color Conversion

Color Schemes with #b0caec

Alternatives to #b0caec

#b0caec Preview

Shades and Tints of #b0caec

Tones of #b0caec

Color Blindness Simulator