#bfd7e0 hex color

In a RGB color space, hex #bfd7e0 is composed of 74.9% red, 84.3% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 4% magenta, 0% yellow and 12.2% black. It has a hue angle of 196.4 degrees, a saturation of 34.7% and a lightness of 81.4%. #bfd7e0 color hex could be obtained by blending #ffffff with #7fafc1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 84
- B 88
RGB color chart
- C 15
- M 4
- Y 0
- K 12
CMYK color chart

● #bfd7e0 color description : Light grayish blue.

The hexadecimal color #bfd7e0 has RGB values of R:191, G:215, B:224 and CMYK values of C:0.15, M:0.04, Y:0, K:0.12. Its decimal value is 12572640.

Hex triplet	bfd7e0	`#bfd7e0`
RGB Decimal	191, 215, 224	`rgb(191,215,224)`
RGB Percent	74.9, 84.3, 87.8	`rgb(74.9%,84.3%,87.8%)`
CMYK	15, 4, 0, 12
HSL	196.4°, 34.7, 81.4	`hsl(196.4,34.7%,81.4%)`
HSV (or HSB)	196.4°, 14.7, 87.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.514, -6.154, -7.136
XYZ	59.238, 65.058, 79.953
xyY	0.29, 0.319, 65.058
CIE-LCH	84.514, 9.423, 229.227
CIE-LUV	84.514, -13.174, -9.989
Hunter-Lab	80.659, -10.057, -2.311
Binary	10111111, 11010111, 11100000

#bfd7e0
```
#bfd7e0 rgb(191,215,224)
```
#e0c8bf
```
#e0c8bf rgb(224,200,191)
```

Complementary Color

#bfe0d9
```
#bfe0d9 rgb(191,224,217)
```
#bfd7e0
```
#bfd7e0 rgb(191,215,224)
```
#bfc7e0
```
#bfc7e0 rgb(191,199,224)
```

Analogous Color

#e0d9bf
```
#e0d9bf rgb(224,217,191)
```
#bfd7e0
```
#bfd7e0 rgb(191,215,224)
```
#e0bfc7
```
#e0bfc7 rgb(224,191,199)
```

Split Complementary Color

#d7e0bf
```
#d7e0bf rgb(215,224,191)
```
#bfd7e0
```
#bfd7e0 rgb(191,215,224)
```
#e0bfd7
```
#e0bfd7 rgb(224,191,215)
```

Triadic Color

#bfe0c8
```
#bfe0c8 rgb(191,224,200)
```
#bfd7e0
```
#bfd7e0 rgb(191,215,224)
```
#e0bfd7
```
#e0bfd7 rgb(224,191,215)
```
#e0c8bf
```
#e0c8bf rgb(224,200,191)
```

Tetradic Color

#8bb7c7
```
#8bb7c7 rgb(139,183,199)
```
#9dc2cf
```
#9dc2cf rgb(157,194,207)
```
#aeccd8
```
#aeccd8 rgb(174,204,216)
```
#bfd7e0
```
#bfd7e0 rgb(191,215,224)
```
#d0e2e8
```
#d0e2e8 rgb(208,226,232)
```
#e1ecf1
```
#e1ecf1 rgb(225,236,241)
```
#f3f7f9
```
#f3f7f9 rgb(243,247,249)
```

Monochromatic Color

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

#bfdfe0
```
#bfdfe0 rgb(191,223,224)
```
#bfdde0
```
#bfdde0 rgb(191,221,224)
```
#bfdae0
```
#bfdae0 rgb(191,218,224)
```
#bfd7e0
```
#bfd7e0 rgb(191,215,224)
```
#bfd4e0
```
#bfd4e0 rgb(191,212,224)
```
#bfd2e0
```
#bfd2e0 rgb(191,210,224)
```
#bfcfe0
```
#bfcfe0 rgb(191,207,224)
```

Similar Colors

Text with hexadecimal color #bfd7e0

This text has a font color of #bfd7e0.

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

#bfd7e0 background color

This paragraph has a background color of #bfd7e0.

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

#bfd7e0 border color

This element has a border color of #bfd7e0.

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

CSS codes

.text {color:#bfd7e0;}

.background {background-color:#bfd7e0;}

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070d0f
```
#070d0f rgb(7,13,15)
```
#0e181d
```
#0e181d rgb(14,24,29)
```
#14242a
```
#14242a rgb(20,36,42)
```
#1b2f37
```
#1b2f37 rgb(27,47,55)
```
#213b44
```
#213b44 rgb(33,59,68)
```
#274651
```
#274651 rgb(39,70,81)
```
#2e515f
```
#2e515f rgb(46,81,95)
```
#345d6c
```
#345d6c rgb(52,93,108)
```
#3b6879
```
#3b6879 rgb(59,104,121)
```
#417386
```
#417386 rgb(65,115,134)
```
#477f93
```
#477f93 rgb(71,127,147)
```
#4e8aa1
```
#4e8aa1 rgb(78,138,161)
```

Shade Color Variation

#5595ad
```
#5595ad rgb(85,149,173)
```
#629db3
```
#629db3 rgb(98,157,179)
```
#70a5ba
```
#70a5ba rgb(112,165,186)
```
#7daec0
```
#7daec0 rgb(125,174,192)
```
#8ab6c6
```
#8ab6c6 rgb(138,182,198)
```
#97becd
```
#97becd rgb(151,190,205)
```
#a5c6d3
```
#a5c6d3 rgb(165,198,211)
```
#b2cfda
```
#b2cfda rgb(178,207,218)
```
#bfd7e0
```
#bfd7e0 rgb(191,215,224)
```
#ccdfe6
```
#ccdfe6 rgb(204,223,230)
```
#d9e8ed
```
#d9e8ed rgb(217,232,237)
```
#e7f0f3
```
#e7f0f3 rgb(231,240,243)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Tint Color Variation

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

#ced0d1
```
#ced0d1 rgb(206,208,209)
```
#cad2d5
```
#cad2d5 rgb(202,210,213)
```
#c6d4d9
```
#c6d4d9 rgb(198,212,217)
```
#c3d5dc
```
#c3d5dc rgb(195,213,220)
```
#bfd7e0
```
#bfd7e0 rgb(191,215,224)
```
#bbd9e4
```
#bbd9e4 rgb(187,217,228)
```
#b8dae7
```
#b8dae7 rgb(184,218,231)
```
#b4dceb
```
#b4dceb rgb(180,220,235)
```
#b0deef
```
#b0deef rgb(176,222,239)
```
#addff2
```
#addff2 rgb(173,223,242)
```
#a9e1f6
```
#a9e1f6 rgb(169,225,246)
```
#a5e3fa
```
#a5e3fa rgb(165,227,250)
```
#a2e4fd
```
#a2e4fd rgb(162,228,253)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cdd2d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d3de Protanopia 1% of men
#e1cfe4 Deuteranopia 1% of men
#c3d8e7 Tritanopia 0.001% of the population

Trichromacy

#cdd5df Protanomaly 1% of men, 0.01% of women
#d4d2e3 Deuteranomaly 6% of men, 0.4% of women
#c1d7e4 Tritanomaly 0.01% of the population

#bfd7e0 hex color

#bfd7e0 Color Information

#bfd7e0 Color Conversion

Color Schemes with #bfd7e0

Alternatives to #bfd7e0

#bfd7e0 Preview

Shades and Tints of #bfd7e0

Tones of #bfd7e0

Color Blindness Simulator