colorhexa.com

#bfd5e8 hex color

In a RGB color space, hex #bfd5e8 is composed of 74.9% red, 83.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 8.2% magenta, 0% yellow and 9% black. It has a hue angle of 207.8 degrees, a saturation of 47.1% and a lightness of 82.9%. #bfd5e8 color hex could be obtained by blending #ffffff with #7fabd1. Closest websafe color is: #ccccff.

- R 75
- G 84
- B 91
RGB color chart
- C 18
- M 8
- Y 0
- K 9
CMYK color chart

● #bfd5e8 color description : Light grayish blue.

The hexadecimal color #bfd5e8 has RGB values of R:191, G:213, B:232 and CMYK values of C:0.18, M:0.08, Y:0, K:0.09. Its decimal value is 12572136.

Hex triplet	bfd5e8	`#bfd5e8`
RGB Decimal	191, 213, 232	`rgb(191,213,232)`
RGB Percent	74.9, 83.5, 91	`rgb(74.9%,83.5%,91%)`
CMYK	18, 8, 0, 9
HSL	207.8°, 47.1, 82.9	`hsl(207.8,47.1%,82.9%)`
HSV (or HSB)	207.8°, 17.7, 91
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.22, -3.441, -11.818
XYZ	59.843, 64.49, 85.634
xyY	0.285, 0.307, 64.49
CIE-LCH	84.22, 12.309, 253.765
CIE-LUV	84.22, -12.513, -17.887
Hunter-Lab	80.306, -7.52, -7.01
Binary	10111111, 11010101, 11101000

#bfd5e8
```
#bfd5e8 rgb(191,213,232)
```
#e8d2bf
```
#e8d2bf rgb(232,210,191)
```

Complementary Color

#bfe8e7
```
#bfe8e7 rgb(191,232,231)
```
#bfd5e8
```
#bfd5e8 rgb(191,213,232)
```
#bfc1e8
```
#bfc1e8 rgb(191,193,232)
```

Analogous Color

#e8e7bf
```
#e8e7bf rgb(232,231,191)
```
#bfd5e8
```
#bfd5e8 rgb(191,213,232)
```
#e8bfc1
```
#e8bfc1 rgb(232,191,193)
```

Split Complementary Color

#d5e8bf
```
#d5e8bf rgb(213,232,191)
```
#bfd5e8
```
#bfd5e8 rgb(191,213,232)
```
#e8bfd5
```
#e8bfd5 rgb(232,191,213)
```

Triadic Color

#bfe8d2
```
#bfe8d2 rgb(191,232,210)
```
#bfd5e8
```
#bfd5e8 rgb(191,213,232)
```
#e8bfd5
```
#e8bfd5 rgb(232,191,213)
```
#e8d2bf
```
#e8d2bf rgb(232,210,191)
```

Tetradic Color

#87b0d4
```
#87b0d4 rgb(135,176,212)
```
#99bcdb
```
#99bcdb rgb(153,188,219)
```
#acc9e1
```
#acc9e1 rgb(172,201,225)
```
#bfd5e8
```
#bfd5e8 rgb(191,213,232)
```
#d2e1ef
```
#d2e1ef rgb(210,225,239)
```
#e5eef5
```
#e5eef5 rgb(229,238,245)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Monochromatic Color

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

#bfdfe8
```
#bfdfe8 rgb(191,223,232)
```
#bfdce8
```
#bfdce8 rgb(191,220,232)
```
#bfd8e8
```
#bfd8e8 rgb(191,216,232)
```
#bfd5e8
```
#bfd5e8 rgb(191,213,232)
```
#bfd2e8
```
#bfd2e8 rgb(191,210,232)
```
#bfcee8
```
#bfcee8 rgb(191,206,232)
```
#bfcbe8
```
#bfcbe8 rgb(191,203,232)
```

Similar Colors

Text with hexadecimal color #bfd5e8

This text has a font color of #bfd5e8.

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

#bfd5e8 background color

This paragraph has a background color of #bfd5e8.

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

#bfd5e8 border color

This element has a border color of #bfd5e8.

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

CSS codes

.text {color:#bfd5e8;}

.background {background-color:#bfd5e8;}

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

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

#030608
```
#030608 rgb(3,6,8)
```
#081017
```
#081017 rgb(8,16,23)
```
#0d1a25
```
#0d1a25 rgb(13,26,37)
```
#122433
```
#122433 rgb(18,36,51)
```
#182e42
```
#182e42 rgb(24,46,66)
```
#1d3850
```
#1d3850 rgb(29,56,80)
```
#22435f
```
#22435f rgb(34,67,95)
```
#274d6d
```
#274d6d rgb(39,77,109)
```
#2c577c
```
#2c577c rgb(44,87,124)
```
#32618a
```
#32618a rgb(50,97,138)
```
#376b98
```
#376b98 rgb(55,107,152)
```
#3c75a7
```
#3c75a7 rgb(60,117,167)
```
#417fb5
```
#417fb5 rgb(65,127,181)
```

Shade Color Variation

#4c89bf
```
#4c89bf rgb(76,137,191)
```
#5a93c4
```
#5a93c4 rgb(90,147,196)
```
#689cc9
```
#689cc9 rgb(104,156,201)
```
#77a6ce
```
#77a6ce rgb(119,166,206)
```
#85afd3
```
#85afd3 rgb(133,175,211)
```
#94b9d8
```
#94b9d8 rgb(148,185,216)
```
#a2c2de
```
#a2c2de rgb(162,194,222)
```
#b1cce3
```
#b1cce3 rgb(177,204,227)
```
#bfd5e8
```
#bfd5e8 rgb(191,213,232)
```
#cddeed
```
#cddeed rgb(205,222,237)
```
#dce8f2
```
#dce8f2 rgb(220,232,242)
```
#eaf1f8
```
#eaf1f8 rgb(234,241,248)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#d3d4d4
```
#d3d4d4 rgb(211,212,212)
```
#d0d4d7
```
#d0d4d7 rgb(208,212,215)
```
#ccd4db
```
#ccd4db rgb(204,212,219)
```
#c9d4de
```
#c9d4de rgb(201,212,222)
```
#c6d5e1
```
#c6d5e1 rgb(198,213,225)
```
#c2d5e5
```
#c2d5e5 rgb(194,213,229)
```
#bfd5e8
```
#bfd5e8 rgb(191,213,232)
```
#bcd5eb
```
#bcd5eb rgb(188,213,235)
```
#b8d5ef
```
#b8d5ef rgb(184,213,239)
```
#b5d6f2
```
#b5d6f2 rgb(181,214,242)
```
#b2d6f5
```
#b2d6f5 rgb(178,214,245)
```
#aed6f9
```
#aed6f9 rgb(174,214,249)
```
#abd6fc
```
#abd6fc rgb(171,214,252)
```

Tone Color Variation

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

Dichromacy

#d2d3e6 Protanopia 1% of men
#dccfeb Deuteranopia 1% of men
#c1d7e7 Tritanopia 0.001% of the population

Trichromacy

#cbd3e7 Protanomaly 1% of men, 0.01% of women
#d1d1ea Deuteranomaly 6% of men, 0.4% of women
#c0d6e7 Tritanomaly 0.01% of the population