#bccaf5 hex color

In a RGB color space, hex #bccaf5 is composed of 73.7% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 23.3% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 225.3 degrees, a saturation of 74% and a lightness of 84.9%. #bccaf5 color hex could be obtained by blending #ffffff with #7995eb. Closest websafe color is: #ccccff.

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

● #bccaf5 color description : Very soft blue.

The hexadecimal color #bccaf5 has RGB values of R:188, G:202, B:245 and CMYK values of C:0.23, M:0.18, Y:0, K:0.04. Its decimal value is 12372725.

Hex triplet	bccaf5	`#bccaf5`
RGB Decimal	188, 202, 245	`rgb(188,202,245)`
RGB Percent	73.7, 79.2, 96.1	`rgb(73.7%,79.2%,96.1%)`
CMYK	23, 18, 0, 4
HSL	225.3°, 74, 84.9	`hsl(225.3,74%,84.9%)`
HSV (or HSB)	225.3°, 23.3, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.579, 4.322, -22.735
XYZ	58.338, 59.524, 94.797
xyY	0.274, 0.28, 59.524
CIE-LCH	81.579, 23.142, 280.763
CIE-LUV	81.579, -9.526, -36.869
Hunter-Lab	77.152, -0.044, -18.844
Binary	10111100, 11001010, 11110101

#bccaf5
```
#bccaf5 rgb(188,202,245)
```
#f5e7bc
```
#f5e7bc rgb(245,231,188)
```

Complementary Color

#bce7f5
```
#bce7f5 rgb(188,231,245)
```
#bccaf5
```
#bccaf5 rgb(188,202,245)
```
#cbbcf5
```
#cbbcf5 rgb(203,188,245)
```

Analogous Color

#e7f5bc
```
#e7f5bc rgb(231,245,188)
```
#bccaf5
```
#bccaf5 rgb(188,202,245)
```
#f5cbbc
```
#f5cbbc rgb(245,203,188)
```

Split Complementary Color

#caf5bc
```
#caf5bc rgb(202,245,188)
```
#bccaf5
```
#bccaf5 rgb(188,202,245)
```
#f5bcca
```
#f5bcca rgb(245,188,202)
```

Triadic Color

#bcf5e7
```
#bcf5e7 rgb(188,245,231)
```
#bccaf5
```
#bccaf5 rgb(188,202,245)
```
#f5bcca
```
#f5bcca rgb(245,188,202)
```
#f5e7bc
```
#f5e7bc rgb(245,231,188)
```

Tetradic Color

#7995eb
```
#7995eb rgb(121,149,235)
```
#90a7ee
```
#90a7ee rgb(144,167,238)
```
#a6b8f2
```
#a6b8f2 rgb(166,184,242)
```
#bccaf5
```
#bccaf5 rgb(188,202,245)
```
#d2dcf8
```
#d2dcf8 rgb(210,220,248)
```
#e8edfc
```
#e8edfc rgb(232,237,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bcd8f5
```
#bcd8f5 rgb(188,216,245)
```
#bcd4f5
```
#bcd4f5 rgb(188,212,245)
```
#bccff5
```
#bccff5 rgb(188,207,245)
```
#bccaf5
```
#bccaf5 rgb(188,202,245)
```
#bcc5f5
```
#bcc5f5 rgb(188,197,245)
```
#bcc1f5
```
#bcc1f5 rgb(188,193,245)
```
#bcbcf5
```
#bcbcf5 rgb(188,188,245)
```

Similar Colors

Text with hexadecimal color #bccaf5

This text has a font color of #bccaf5.

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

#bccaf5 background color

This paragraph has a background color of #bccaf5.

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

#bccaf5 border color

This element has a border color of #bccaf5.

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

CSS codes

.text {color:#bccaf5;}

.background {background-color:#bccaf5;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030712
```
#030712 rgb(3,7,18)
```
#050d23
```
#050d23 rgb(5,13,35)
```
#081334
```
#081334 rgb(8,19,52)
```
#0a1946
```
#0a1946 rgb(10,25,70)
```
#0d1f57
```
#0d1f57 rgb(13,31,87)
```
#0f2568
```
#0f2568 rgb(15,37,104)
```
#122b79
```
#122b79 rgb(18,43,121)
```
#15318a
```
#15318a rgb(21,49,138)
```
#17379b
```
#17379b rgb(23,55,155)
```
#1a3eac
```
#1a3eac rgb(26,62,172)
```
#1c44bd
```
#1c44bd rgb(28,68,189)
```
#1f4ace
```
#1f4ace rgb(31,74,206)
```

Shade Color Variation

#2250de
```
#2250de rgb(34,80,222)
```
#335ee1
```
#335ee1 rgb(51,94,225)
```
#456be3
```
#456be3 rgb(69,107,227)
```
#5679e6
```
#5679e6 rgb(86,121,230)
```
#6786e8
```
#6786e8 rgb(103,134,232)
```
#7894eb
```
#7894eb rgb(120,148,235)
```
#89a1ed
```
#89a1ed rgb(137,161,237)
```
#9aaff0
```
#9aaff0 rgb(154,175,240)
```
#abbcf2
```
#abbcf2 rgb(171,188,242)
```
#bccaf5
```
#bccaf5 rgb(188,202,245)
```
#cdd8f8
```
#cdd8f8 rgb(205,216,248)
```
#dee5fa
```
#dee5fa rgb(222,229,250)
```
#eff3fd
```
#eff3fd rgb(239,243,253)
```

Tint Color Variation

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

#d7d8da
```
#d7d8da rgb(215,216,218)
```
#d4d6dd
```
#d4d6dd rgb(212,214,221)
```
#d1d5e0
```
#d1d5e0 rgb(209,213,224)
```
#ced3e3
```
#ced3e3 rgb(206,211,227)
```
#cbd2e6
```
#cbd2e6 rgb(203,210,230)
```
#c8d0e9
```
#c8d0e9 rgb(200,208,233)
```
#c5cfec
```
#c5cfec rgb(197,207,236)
```
#c2cdef
```
#c2cdef rgb(194,205,239)
```
#bfccf2
```
#bfccf2 rgb(191,204,242)
```
#bccaf5
```
#bccaf5 rgb(188,202,245)
```
#b9c8f8
```
#b9c8f8 rgb(185,200,248)
```
#b6c7fb
```
#b6c7fb rgb(182,199,251)
```
#b3c5fe
```
#b3c5fe rgb(179,197,254)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c8cbd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3cbf4 Protanopia 1% of men
#cac9f6 Deuteranopia 1% of men
#bad0df Tritanopia 0.001% of the population

Trichromacy

#c0cbf4 Protanomaly 1% of men, 0.01% of women
#c5c9f6 Deuteranomaly 6% of men, 0.4% of women
#bacee7 Tritanomaly 0.01% of the population

#bccaf5 hex color

#bccaf5 Color Information

#bccaf5 Color Conversion

Color Schemes with #bccaf5

Alternatives to #bccaf5

#bccaf5 Preview

Shades and Tints of #bccaf5

Tones of #bccaf5

Color Blindness Simulator