#bfcdf3 hex color

In a RGB color space, hex #bfcdf3 is composed of 74.9% red, 80.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 15.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 223.8 degrees, a saturation of 68.4% and a lightness of 85.1%. #bfcdf3 color hex could be obtained by blending #ffffff with #7f9be7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 80
- B 95
RGB color chart
- C 21
- M 16
- Y 0
- K 5
CMYK color chart

● #bfcdf3 color description : Very soft blue.

The hexadecimal color #bfcdf3 has RGB values of R:191, G:205, B:243 and CMYK values of C:0.21, M:0.16, Y:0, K:0.05. Its decimal value is 12570099.

Hex triplet	bfcdf3	`#bfcdf3`
RGB Decimal	191, 205, 243	`rgb(191,205,243)`
RGB Percent	74.9, 80.4, 95.3	`rgb(74.9%,80.4%,95.3%)`
CMYK	21, 16, 0, 5
HSL	223.8°, 68.4, 85.1	`hsl(223.8,68.4%,85.1%)`
HSV (or HSB)	223.8°, 21.4, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.491, 3.173, -20.266
XYZ	59.492, 61.209, 93.469
xyY	0.278, 0.286, 61.209
CIE-LCH	82.491, 20.513, 278.897
CIE-LUV	82.491, -9.311, -32.65
Hunter-Lab	78.236, -1.18, -16.069
Binary	10111111, 11001101, 11110011

#bfcdf3
```
#bfcdf3 rgb(191,205,243)
```
#f3e5bf
```
#f3e5bf rgb(243,229,191)
```

Complementary Color

#bfe7f3
```
#bfe7f3 rgb(191,231,243)
```
#bfcdf3
```
#bfcdf3 rgb(191,205,243)
```
#cbbff3
```
#cbbff3 rgb(203,191,243)
```

Analogous Color

#e7f3bf
```
#e7f3bf rgb(231,243,191)
```
#bfcdf3
```
#bfcdf3 rgb(191,205,243)
```
#f3cbbf
```
#f3cbbf rgb(243,203,191)
```

Split Complementary Color

#cdf3bf
```
#cdf3bf rgb(205,243,191)
```
#bfcdf3
```
#bfcdf3 rgb(191,205,243)
```
#f3bfcd
```
#f3bfcd rgb(243,191,205)
```

Triadic Color

#bff3e5
```
#bff3e5 rgb(191,243,229)
```
#bfcdf3
```
#bfcdf3 rgb(191,205,243)
```
#f3bfcd
```
#f3bfcd rgb(243,191,205)
```
#f3e5bf
```
#f3e5bf rgb(243,229,191)
```

Tetradic Color

#7f9be7
```
#7f9be7 rgb(127,155,231)
```
#94abeb
```
#94abeb rgb(148,171,235)
```
#aabcef
```
#aabcef rgb(170,188,239)
```
#bfcdf3
```
#bfcdf3 rgb(191,205,243)
```
#d4def7
```
#d4def7 rgb(212,222,247)
```
#eaeffb
```
#eaeffb rgb(234,239,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bfdaf3
```
#bfdaf3 rgb(191,218,243)
```
#bfd6f3
```
#bfd6f3 rgb(191,214,243)
```
#bfd1f3
```
#bfd1f3 rgb(191,209,243)
```
#bfcdf3
```
#bfcdf3 rgb(191,205,243)
```
#bfc9f3
```
#bfc9f3 rgb(191,201,243)
```
#bfc4f3
```
#bfc4f3 rgb(191,196,243)
```
#bfc0f3
```
#bfc0f3 rgb(191,192,243)
```

Similar Colors

Text with hexadecimal color #bfcdf3

This text has a font color of #bfcdf3.

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

#bfcdf3 background color

This paragraph has a background color of #bfcdf3.

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

#bfcdf3 border color

This element has a border color of #bfcdf3.

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

CSS codes

.text {color:#bfcdf3;}

.background {background-color:#bfcdf3;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030813
```
#030813 rgb(3,8,19)
```
#070e23
```
#070e23 rgb(7,14,35)
```
#0a1534
```
#0a1534 rgb(10,21,52)
```
#0d1c44
```
#0d1c44 rgb(13,28,68)
```
#102255
```
#102255 rgb(16,34,85)
```
#132965
```
#132965 rgb(19,41,101)
```
#163076
```
#163076 rgb(22,48,118)
```
#193786
```
#193786 rgb(25,55,134)
```
#1c3d97
```
#1c3d97 rgb(28,61,151)
```
#1f44a7
```
#1f44a7 rgb(31,68,167)
```
#224bb8
```
#224bb8 rgb(34,75,184)
```
#2651c8
```
#2651c8 rgb(38,81,200)
```

Shade Color Variation

#2a59d7
```
#2a59d7 rgb(42,89,215)
```
#3b66da
```
#3b66da rgb(59,102,218)
```
#4b73dd
```
#4b73dd rgb(75,115,221)
```
#5c80e0
```
#5c80e0 rgb(92,128,224)
```
#6c8ce4
```
#6c8ce4 rgb(108,140,228)
```
#7d99e7
```
#7d99e7 rgb(125,153,231)
```
#8da6ea
```
#8da6ea rgb(141,166,234)
```
#9eb3ed
```
#9eb3ed rgb(158,179,237)
```
#aec0f0
```
#aec0f0 rgb(174,192,240)
```
#bfcdf3
```
#bfcdf3 rgb(191,205,243)
```
#d0daf6
```
#d0daf6 rgb(208,218,246)
```
#e0e7f9
```
#e0e7f9 rgb(224,231,249)
```
#f1f4fc
```
#f1f4fc rgb(241,244,252)
```

Tint Color Variation

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

#d6d8dc
```
#d6d8dc rgb(214,216,220)
```
#d3d6df
```
#d3d6df rgb(211,214,223)
```
#d1d5e1
```
#d1d5e1 rgb(209,213,225)
```
#ced4e4
```
#ced4e4 rgb(206,212,228)
```
#cbd2e7
```
#cbd2e7 rgb(203,210,231)
```
#c8d1ea
```
#c8d1ea rgb(200,209,234)
```
#c5d0ed
```
#c5d0ed rgb(197,208,237)
```
#c2cef0
```
#c2cef0 rgb(194,206,240)
```
#bfcdf3
```
#bfcdf3 rgb(191,205,243)
```
#bcccf6
```
#bcccf6 rgb(188,204,246)
```
#b9caf9
```
#b9caf9 rgb(185,202,249)
```
#b6c9fc
```
#b6c9fc rgb(182,201,252)
```
#b3c8ff
```
#b3c8ff rgb(179,200,255)
```

Tone Color Variation

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

#c7cef2 Protanopia 1% of men
#cfcbf5 Deuteranopia 1% of men
#bed2e1 Tritanopia 0.001% of the population

Trichromacy

#c4cdf2 Protanomaly 1% of men, 0.01% of women
#c9ccf4 Deuteranomaly 6% of men, 0.4% of women
#bed0e8 Tritanomaly 0.01% of the population

#bfcdf3 hex color

#bfcdf3 Color Information

#bfcdf3 Color Conversion

Color Schemes with #bfcdf3

Alternatives to #bfcdf3

#bfcdf3 Preview

Shades and Tints of #bfcdf3

Tones of #bfcdf3

Color Blindness Simulator