#bfd4df hex color

In a RGB color space, hex #bfd4df is composed of 74.9% red, 83.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 4.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 200.6 degrees, a saturation of 33.3% and a lightness of 81.2%. #bfd4df color hex could be obtained by blending #ffffff with #7fa9bf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 83
- B 87
RGB color chart
- C 14
- M 5
- Y 0
- K 13
CMYK color chart

● #bfd4df color description : Light grayish blue.

The hexadecimal color #bfd4df has RGB values of R:191, G:212, B:223 and CMYK values of C:0.14, M:0.05, Y:0, K:0.13. Its decimal value is 12571871.

Hex triplet	bfd4df	`#bfd4df`
RGB Decimal	191, 212, 223	`rgb(191,212,223)`
RGB Percent	74.9, 83.1, 87.5	`rgb(74.9%,83.1%,87.5%)`
CMYK	14, 5, 0, 13
HSL	200.6°, 33.3, 81.2	`hsl(200.6,33.3%,81.2%)`
HSV (or HSB)	200.6°, 14.3, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.7, -4.8, -7.811
XYZ	58.346, 63.49, 78.989
xyY	0.291, 0.316, 63.49
CIE-LCH	83.7, 9.168, 238.429
CIE-LUV	83.7, -11.734, -11.263
Hunter-Lab	79.681, -8.735, -2.999
Binary	10111111, 11010100, 11011111

#bfd4df
```
#bfd4df rgb(191,212,223)
```
#dfcabf
```
#dfcabf rgb(223,202,191)
```

Complementary Color

#bfdfda
```
#bfdfda rgb(191,223,218)
```
#bfd4df
```
#bfd4df rgb(191,212,223)
```
#bfc4df
```
#bfc4df rgb(191,196,223)
```

Analogous Color

#dfdabf
```
#dfdabf rgb(223,218,191)
```
#bfd4df
```
#bfd4df rgb(191,212,223)
```
#dfbfc4
```
#dfbfc4 rgb(223,191,196)
```

Split Complementary Color

#d4dfbf
```
#d4dfbf rgb(212,223,191)
```
#bfd4df
```
#bfd4df rgb(191,212,223)
```
#dfbfd4
```
#dfbfd4 rgb(223,191,212)
```

Triadic Color

#bfdfca
```
#bfdfca rgb(191,223,202)
```
#bfd4df
```
#bfd4df rgb(191,212,223)
```
#dfbfd4
```
#dfbfd4 rgb(223,191,212)
```
#dfcabf
```
#dfcabf rgb(223,202,191)
```

Tetradic Color

#8cb2c6
```
#8cb2c6 rgb(140,178,198)
```
#9dbdce
```
#9dbdce rgb(157,189,206)
```
#aec9d7
```
#aec9d7 rgb(174,201,215)
```
#bfd4df
```
#bfd4df rgb(191,212,223)
```
#d0dfe8
```
#d0dfe8 rgb(208,223,232)
```
#e1ebf0
```
#e1ebf0 rgb(225,235,240)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Monochromatic Color

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

#bfdcdf
```
#bfdcdf rgb(191,220,223)
```
#bfd9df
```
#bfd9df rgb(191,217,223)
```
#bfd7df
```
#bfd7df rgb(191,215,223)
```
#bfd4df
```
#bfd4df rgb(191,212,223)
```
#bfd1df
```
#bfd1df rgb(191,209,223)
```
#bfcfdf
```
#bfcfdf rgb(191,207,223)
```
#bfccdf
```
#bfccdf rgb(191,204,223)
```

Similar Colors

Text with hexadecimal color #bfd4df

This text has a font color of #bfd4df.

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

#bfd4df background color

This paragraph has a background color of #bfd4df.

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

#bfd4df border color

This element has a border color of #bfd4df.

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

CSS codes

.text {color:#bfd4df;}

.background {background-color:#bfd4df;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070c0e
```
#070c0e rgb(7,12,14)
```
#0e171c
```
#0e171c rgb(14,23,28)
```
#142229
```
#142229 rgb(20,34,41)
```
#1b2c36
```
#1b2c36 rgb(27,44,54)
```
#213743
```
#213743 rgb(33,55,67)
```
#284250
```
#284250 rgb(40,66,80)
```
#2e4d5d
```
#2e4d5d rgb(46,77,93)
```
#35586a
```
#35586a rgb(53,88,106)
```
#3c6377
```
#3c6377 rgb(60,99,119)
```
#426d84
```
#426d84 rgb(66,109,132)
```
#497891
```
#497891 rgb(73,120,145)
```
#4f839e
```
#4f839e rgb(79,131,158)
```

Shade Color Variation

#568eab
```
#568eab rgb(86,142,171)
```
#6396b1
```
#6396b1 rgb(99,150,177)
```
#719fb8
```
#719fb8 rgb(113,159,184)
```
#7ea8be
```
#7ea8be rgb(126,168,190)
```
#8bb1c5
```
#8bb1c5 rgb(139,177,197)
```
#98bacb
```
#98bacb rgb(152,186,203)
```
#a5c2d2
```
#a5c2d2 rgb(165,194,210)
```
#b2cbd8
```
#b2cbd8 rgb(178,203,216)
```
#bfd4df
```
#bfd4df rgb(191,212,223)
```
#ccdde6
```
#ccdde6 rgb(204,221,230)
```
#d9e6ec
```
#d9e6ec rgb(217,230,236)
```
#e6eef3
```
#e6eef3 rgb(230,238,243)
```
#f3f7f9
```
#f3f7f9 rgb(243,247,249)
```

Tint Color Variation

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

#cecfd0
```
#cecfd0 rgb(206,207,208)
```
#cad1d4
```
#cad1d4 rgb(202,209,212)
```
#c6d2d8
```
#c6d2d8 rgb(198,210,216)
```
#c3d3db
```
#c3d3db rgb(195,211,219)
```
#bfd4df
```
#bfd4df rgb(191,212,223)
```
#bbd5e3
```
#bbd5e3 rgb(187,213,227)
```
#b8d6e6
```
#b8d6e6 rgb(184,214,230)
```
#b4d7ea
```
#b4d7ea rgb(180,215,234)
```
#b0d9ee
```
#b0d9ee rgb(176,217,238)
```
#addaf1
```
#addaf1 rgb(173,218,241)
```
#a9dbf5
```
#a9dbf5 rgb(169,219,245)
```
#a5dcf9
```
#a5dcf9 rgb(165,220,249)
```
#a1ddfd
```
#a1ddfd rgb(161,221,253)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#ccd0d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d1de Protanopia 1% of men
#decde3 Deuteranopia 1% of men
#c3d5e4 Tritanopia 0.001% of the population

Trichromacy

#cbd2de Protanomaly 1% of men, 0.01% of women
#d3cfe1 Deuteranomaly 6% of men, 0.4% of women
#c1d4e2 Tritanomaly 0.01% of the population

#bfd4df hex color

#bfd4df Color Information

#bfd4df Color Conversion

Color Schemes with #bfd4df

Alternatives to #bfd4df

#bfd4df Preview

Shades and Tints of #bfd4df

Tones of #bfd4df

Color Blindness Simulator