#bfd7e3 hex color

In a RGB color space, hex #bfd7e3 is composed of 74.9% red, 84.3% green and 89% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 5.3% magenta, 0% yellow and 11% black. It has a hue angle of 200 degrees, a saturation of 39.1% and a lightness of 82%. #bfd7e3 color hex could be obtained by blending #ffffff with #7fafc7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 84
- B 89
RGB color chart
- C 16
- M 5
- Y 0
- K 11
CMYK color chart

● #bfd7e3 color description : Light grayish blue.

The hexadecimal color #bfd7e3 has RGB values of R:191, G:215, B:227 and CMYK values of C:0.16, M:0.05, Y:0, K:0.11. Its decimal value is 12572643.

Hex triplet	bfd7e3	`#bfd7e3`
RGB Decimal	191, 215, 227	`rgb(191,215,227)`
RGB Percent	74.9, 84.3, 89	`rgb(74.9%,84.3%,89%)`
CMYK	16, 5, 0, 11
HSL	200°, 39.1, 82	`hsl(200,39.1%,82%)`
HSV (or HSB)	200°, 15.9, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.598, -5.534, -8.602
XYZ	59.648, 65.222, 82.115
xyY	0.288, 0.315, 65.222
CIE-LCH	84.598, 10.229, 237.247
CIE-LUV	84.598, -13.27, -12.414
Hunter-Lab	80.76, -9.493, -3.753
Binary	10111111, 11010111, 11100011

#bfd7e3
```
#bfd7e3 rgb(191,215,227)
```
#e3cbbf
```
#e3cbbf rgb(227,203,191)
```

Complementary Color

#bfe3dd
```
#bfe3dd rgb(191,227,221)
```
#bfd7e3
```
#bfd7e3 rgb(191,215,227)
```
#bfc5e3
```
#bfc5e3 rgb(191,197,227)
```

Analogous Color

#e3ddbf
```
#e3ddbf rgb(227,221,191)
```
#bfd7e3
```
#bfd7e3 rgb(191,215,227)
```
#e3bfc5
```
#e3bfc5 rgb(227,191,197)
```

Split Complementary Color

#d7e3bf
```
#d7e3bf rgb(215,227,191)
```
#bfd7e3
```
#bfd7e3 rgb(191,215,227)
```
#e3bfd7
```
#e3bfd7 rgb(227,191,215)
```

Triadic Color

#bfe3cb
```
#bfe3cb rgb(191,227,203)
```
#bfd7e3
```
#bfd7e3 rgb(191,215,227)
```
#e3bfd7
```
#e3bfd7 rgb(227,191,215)
```
#e3cbbf
```
#e3cbbf rgb(227,203,191)
```

Tetradic Color

#8ab6cc
```
#8ab6cc rgb(138,182,204)
```
#9cc1d3
```
#9cc1d3 rgb(156,193,211)
```
#adccdb
```
#adccdb rgb(173,204,219)
```
#bfd7e3
```
#bfd7e3 rgb(191,215,227)
```
#d1e2eb
```
#d1e2eb rgb(209,226,235)
```
#e2edf3
```
#e2edf3 rgb(226,237,243)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Monochromatic Color

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

#bfe0e3
```
#bfe0e3 rgb(191,224,227)
```
#bfdde3
```
#bfdde3 rgb(191,221,227)
```
#bfdae3
```
#bfdae3 rgb(191,218,227)
```
#bfd7e3
```
#bfd7e3 rgb(191,215,227)
```
#bfd4e3
```
#bfd4e3 rgb(191,212,227)
```
#bfd1e3
```
#bfd1e3 rgb(191,209,227)
```
#bfcee3
```
#bfcee3 rgb(191,206,227)
```

Similar Colors

Text with hexadecimal color #bfd7e3

This text has a font color of #bfd7e3.

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

#bfd7e3 background color

This paragraph has a background color of #bfd7e3.

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

#bfd7e3 border color

This element has a border color of #bfd7e3.

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

CSS codes

.text {color:#bfd7e3;}

.background {background-color:#bfd7e3;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080f12
```
#080f12 rgb(8,15,18)
```
#0e1a20
```
#0e1a20 rgb(14,26,32)
```
#14252d
```
#14252d rgb(20,37,45)
```
#1a303b
```
#1a303b rgb(26,48,59)
```
#203b48
```
#203b48 rgb(32,59,72)
```
#264656
```
#264656 rgb(38,70,86)
```
#2c5164
```
#2c5164 rgb(44,81,100)
```
#325c71
```
#325c71 rgb(50,92,113)
```
#38677f
```
#38677f rgb(56,103,127)
```
#3e728d
```
#3e728d rgb(62,114,141)
```
#447d9a
```
#447d9a rgb(68,125,154)
```
#4988a8
```
#4988a8 rgb(73,136,168)
```

Shade Color Variation

#5293b3
```
#5293b3 rgb(82,147,179)
```
#5f9bb9
```
#5f9bb9 rgb(95,155,185)
```
#6da4bf
```
#6da4bf rgb(109,164,191)
```
#7bacc5
```
#7bacc5 rgb(123,172,197)
```
#88b5cb
```
#88b5cb rgb(136,181,203)
```
#96bdd1
```
#96bdd1 rgb(150,189,209)
```
#a4c6d7
```
#a4c6d7 rgb(164,198,215)
```
#b1cedd
```
#b1cedd rgb(177,206,221)
```
#bfd7e3
```
#bfd7e3 rgb(191,215,227)
```
#cde0e9
```
#cde0e9 rgb(205,224,233)
```
#dae8ef
```
#dae8ef rgb(218,232,239)
```
#e8f1f5
```
#e8f1f5 rgb(232,241,245)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#d1d1d1
```
#d1d1d1 rgb(209,209,209)
```
#cdd2d5
```
#cdd2d5 rgb(205,210,213)
```
#cad3d8
```
#cad3d8 rgb(202,211,216)
```
#c6d5dc
```
#c6d5dc rgb(198,213,220)
```
#c3d6df
```
#c3d6df rgb(195,214,223)
```
#bfd7e3
```
#bfd7e3 rgb(191,215,227)
```
#bbd8e7
```
#bbd8e7 rgb(187,216,231)
```
#b8d9ea
```
#b8d9ea rgb(184,217,234)
```
#b4dbee
```
#b4dbee rgb(180,219,238)
```
#b1dcf1
```
#b1dcf1 rgb(177,220,241)
```
#adddf5
```
#adddf5 rgb(173,221,245)
```
#aadef8
```
#aadef8 rgb(170,222,248)
```
#a6dffc
```
#a6dffc rgb(166,223,252)
```

Tone Color Variation

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

Dichromacy

#d5d4e1 Protanopia 1% of men
#e0cfe7 Deuteranopia 1% of men
#c3d8e8 Tritanopia 0.001% of the population

Trichromacy

#cdd5e2 Protanomaly 1% of men, 0.01% of women
#d4d2e5 Deuteranomaly 6% of men, 0.4% of women
#c1d7e6 Tritanomaly 0.01% of the population

#bfd7e3 hex color

#bfd7e3 Color Information

#bfd7e3 Color Conversion

Color Schemes with #bfd7e3

Alternatives to #bfd7e3

#bfd7e3 Preview

Shades and Tints of #bfd7e3

Tones of #bfd7e3

Color Blindness Simulator