#bfcdf5 hex color

In a RGB color space, hex #bfcdf5 is composed of 74.9% red, 80.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 22% cyan, 16.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 224.4 degrees, a saturation of 73% and a lightness of 85.5%. #bfcdf5 color hex could be obtained by blending #ffffff with #7f9beb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 80
- B 96
RGB color chart
- C 22
- M 16
- Y 0
- K 4
CMYK color chart

● #bfcdf5 color description : Very soft blue.

The hexadecimal color #bfcdf5 has RGB values of R:191, G:205, B:245 and CMYK values of C:0.22, M:0.16, Y:0, K:0.04. Its decimal value is 12570101.

Hex triplet	bfcdf5	`#bfcdf5`
RGB Decimal	191, 205, 245	`rgb(191,205,245)`
RGB Percent	74.9, 80.4, 96.1	`rgb(74.9%,80.4%,96.1%)`
CMYK	22, 16, 0, 4
HSL	224.4°, 73, 85.5	`hsl(224.4,73%,85.5%)`
HSV (or HSB)	224.4°, 22, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.556, 3.619, -21.232
XYZ	59.795, 61.331, 95.069
xyY	0.277, 0.284, 61.331
CIE-LCH	82.556, 21.538, 279.672
CIE-LUV	82.556, -9.399, -34.32
Hunter-Lab	78.314, -0.758, -17.155
Binary	10111111, 11001101, 11110101

#bfcdf5
```
#bfcdf5 rgb(191,205,245)
```
#f5e7bf
```
#f5e7bf rgb(245,231,191)
```

Complementary Color

#bfe8f5
```
#bfe8f5 rgb(191,232,245)
```
#bfcdf5
```
#bfcdf5 rgb(191,205,245)
```
#ccbff5
```
#ccbff5 rgb(204,191,245)
```

Analogous Color

#e8f5bf
```
#e8f5bf rgb(232,245,191)
```
#bfcdf5
```
#bfcdf5 rgb(191,205,245)
```
#f5ccbf
```
#f5ccbf rgb(245,204,191)
```

Split Complementary Color

#cdf5bf
```
#cdf5bf rgb(205,245,191)
```
#bfcdf5
```
#bfcdf5 rgb(191,205,245)
```
#f5bfcd
```
#f5bfcd rgb(245,191,205)
```

Triadic Color

#bff5e7
```
#bff5e7 rgb(191,245,231)
```
#bfcdf5
```
#bfcdf5 rgb(191,205,245)
```
#f5bfcd
```
#f5bfcd rgb(245,191,205)
```
#f5e7bf
```
#f5e7bf rgb(245,231,191)
```

Tetradic Color

#7d99eb
```
#7d99eb rgb(125,153,235)
```
#93abee
```
#93abee rgb(147,171,238)
```
#a9bcf2
```
#a9bcf2 rgb(169,188,242)
```
#bfcdf5
```
#bfcdf5 rgb(191,205,245)
```
#d5def8
```
#d5def8 rgb(213,222,248)
```
#ebeffc
```
#ebeffc rgb(235,239,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfdbf5
```
#bfdbf5 rgb(191,219,245)
```
#bfd6f5
```
#bfd6f5 rgb(191,214,245)
```
#bfd2f5
```
#bfd2f5 rgb(191,210,245)
```
#bfcdf5
```
#bfcdf5 rgb(191,205,245)
```
#bfc9f5
```
#bfc9f5 rgb(191,201,245)
```
#bfc4f5
```
#bfc4f5 rgb(191,196,245)
```
#bfc0f5
```
#bfc0f5 rgb(191,192,245)
```

Similar Colors

Text with hexadecimal color #bfcdf5

This text has a font color of #bfcdf5.

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

#bfcdf5 background color

This paragraph has a background color of #bfcdf5.

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

#bfcdf5 border color

This element has a border color of #bfcdf5.

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

CSS codes

.text {color:#bfcdf5;}

.background {background-color:#bfcdf5;}

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030815
```
#030815 rgb(3,8,21)
```
#060e26
```
#060e26 rgb(6,14,38)
```
#091537
```
#091537 rgb(9,21,55)
```
#0b1b48
```
#0b1b48 rgb(11,27,72)
```
#0e2159
```
#0e2159 rgb(14,33,89)
```
#11286a
```
#11286a rgb(17,40,106)
```
#132e7b
```
#132e7b rgb(19,46,123)
```
#16348c
```
#16348c rgb(22,52,140)
```
#183b9d
```
#183b9d rgb(24,59,157)
```
#1b41ae
```
#1b41ae rgb(27,65,174)
```
#1e47be
```
#1e47be rgb(30,71,190)
```
#204ecf
```
#204ecf rgb(32,78,207)
```

Shade Color Variation

#2656dd
```
#2656dd rgb(38,86,221)
```
#3763e0
```
#3763e0 rgb(55,99,224)
```
#4870e2
```
#4870e2 rgb(72,112,226)
```
#597de5
```
#597de5 rgb(89,125,229)
```
#6a8be8
```
#6a8be8 rgb(106,139,232)
```
#7b98ea
```
#7b98ea rgb(123,152,234)
```
#8ca5ed
```
#8ca5ed rgb(140,165,237)
```
#9db2f0
```
#9db2f0 rgb(157,178,240)
```
#aec0f2
```
#aec0f2 rgb(174,192,242)
```
#bfcdf5
```
#bfcdf5 rgb(191,205,245)
```
#d0daf8
```
#d0daf8 rgb(208,218,248)
```
#e1e8fa
```
#e1e8fa rgb(225,232,250)
```
#f2f5fd
```
#f2f5fd rgb(242,245,253)
```

Tint Color Variation

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

#d9d9db
```
#d9d9db rgb(217,217,219)
```
#d6d8de
```
#d6d8de rgb(214,216,222)
```
#d3d7e1
```
#d3d7e1 rgb(211,215,225)
```
#d0d5e4
```
#d0d5e4 rgb(208,213,228)
```
#cdd4e7
```
#cdd4e7 rgb(205,212,231)
```
#cad2ea
```
#cad2ea rgb(202,210,234)
```
#c8d1ec
```
#c8d1ec rgb(200,209,236)
```
#c5d0ef
```
#c5d0ef rgb(197,208,239)
```
#c2cef2
```
#c2cef2 rgb(194,206,242)
```
#bfcdf5
```
#bfcdf5 rgb(191,205,245)
```
#bcccf8
```
#bcccf8 rgb(188,204,248)
```
#b9cafb
```
#b9cafb rgb(185,202,251)
```
#b6c9fe
```
#b6c9fe rgb(182,201,254)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cacdd5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cef4 Protanopia 1% of men
#cecbf6 Deuteranopia 1% of men
#bdd3e2 Tritanopia 0.001% of the population

Trichromacy

#c4cdf4 Protanomaly 1% of men, 0.01% of women
#c9ccf6 Deuteranomaly 6% of men, 0.4% of women
#bed0e9 Tritanomaly 0.01% of the population

#bfcdf5 hex color

#bfcdf5 Color Information

#bfcdf5 Color Conversion

Color Schemes with #bfcdf5

Alternatives to #bfcdf5

#bfcdf5 Preview

Shades and Tints of #bfcdf5

Tones of #bfcdf5

Color Blindness Simulator