#bfdae2 hex color

In a RGB color space, hex #bfdae2 is composed of 74.9% red, 85.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 3.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 193.7 degrees, a saturation of 37.6% and a lightness of 81.8%. #bfdae2 color hex could be obtained by blending #ffffff with #7fb5c5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 75
- G 85
- B 89
RGB color chart
- C 15
- M 4
- Y 0
- K 11
CMYK color chart

● #bfdae2 color description : Light grayish cyan.

The hexadecimal color #bfdae2 has RGB values of R:191, G:218, B:226 and CMYK values of C:0.15, M:0.04, Y:0, K:0.11. Its decimal value is 12573410.

Hex triplet	bfdae2	`#bfdae2`
RGB Decimal	191, 218, 226	`rgb(191,218,226)`
RGB Percent	74.9, 85.5, 88.6	`rgb(74.9%,85.5%,88.6%)`
CMYK	15, 4, 0, 11
HSL	193.7°, 37.6, 81.8	`hsl(193.7,37.6%,81.8%)`
HSV (or HSB)	193.7°, 15.5, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.357, -7.294, -6.948
XYZ	60.282, 66.709, 81.647
xyY	0.289, 0.32, 66.709
CIE-LCH	85.357, 10.074, 223.607
CIE-LUV	85.357, -14.636, -9.517
Hunter-Lab	81.676, -11.188, -2.097
Binary	10111111, 11011010, 11100010

#bfdae2
```
#bfdae2 rgb(191,218,226)
```
#e2c7bf
```
#e2c7bf rgb(226,199,191)
```

Complementary Color

#bfe2d9
```
#bfe2d9 rgb(191,226,217)
```
#bfdae2
```
#bfdae2 rgb(191,218,226)
```
#bfc9e2
```
#bfc9e2 rgb(191,201,226)
```

Analogous Color

#e2d9bf
```
#e2d9bf rgb(226,217,191)
```
#bfdae2
```
#bfdae2 rgb(191,218,226)
```
#e2bfc9
```
#e2bfc9 rgb(226,191,201)
```

Split Complementary Color

#dae2bf
```
#dae2bf rgb(218,226,191)
```
#bfdae2
```
#bfdae2 rgb(191,218,226)
```
#e2bfda
```
#e2bfda rgb(226,191,218)
```

Triadic Color

#bfe2c7
```
#bfe2c7 rgb(191,226,199)
```
#bfdae2
```
#bfdae2 rgb(191,218,226)
```
#e2bfda
```
#e2bfda rgb(226,191,218)
```
#e2c7bf
```
#e2c7bf rgb(226,199,191)
```

Tetradic Color

#8abcca
```
#8abcca rgb(138,188,202)
```
#9cc6d2
```
#9cc6d2 rgb(156,198,210)
```
#add0da
```
#add0da rgb(173,208,218)
```
#bfdae2
```
#bfdae2 rgb(191,218,226)
```
#d1e4ea
```
#d1e4ea rgb(209,228,234)
```
#e2eef2
```
#e2eef2 rgb(226,238,242)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Monochromatic Color

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

#bfe2e1
```
#bfe2e1 rgb(191,226,225)
```
#bfe0e2
```
#bfe0e2 rgb(191,224,226)
```
#bfdde2
```
#bfdde2 rgb(191,221,226)
```
#bfdae2
```
#bfdae2 rgb(191,218,226)
```
#bfd7e2
```
#bfd7e2 rgb(191,215,226)
```
#bfd4e2
```
#bfd4e2 rgb(191,212,226)
```
#bfd1e2
```
#bfd1e2 rgb(191,209,226)
```

Similar Colors

Text with hexadecimal color #bfdae2

This text has a font color of #bfdae2.

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

#bfdae2 background color

This paragraph has a background color of #bfdae2.

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

#bfdae2 border color

This element has a border color of #bfdae2.

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

CSS codes

.text {color:#bfdae2;}

.background {background-color:#bfdae2;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#080f11
```
#080f11 rgb(8,15,17)
```
#0e1b1e
```
#0e1b1e rgb(14,27,30)
```
#14262c
```
#14262c rgb(20,38,44)
```
#1a3239
```
#1a3239 rgb(26,50,57)
```
#203e47
```
#203e47 rgb(32,62,71)
```
#264a54
```
#264a54 rgb(38,74,84)
```
#2c5662
```
#2c5662 rgb(44,86,98)
```
#33626f
```
#33626f rgb(51,98,111)
```
#396d7d
```
#396d7d rgb(57,109,125)
```
#3f798a
```
#3f798a rgb(63,121,138)
```
#458598
```
#458598 rgb(69,133,152)
```
#4b91a5
```
#4b91a5 rgb(75,145,165)
```

Shade Color Variation

#539cb1
```
#539cb1 rgb(83,156,177)
```
#61a3b7
```
#61a3b7 rgb(97,163,183)
```
#6eabbd
```
#6eabbd rgb(110,171,189)
```
#7cb3c3
```
#7cb3c3 rgb(124,179,195)
```
#89bbca
```
#89bbca rgb(137,187,202)
```
#97c3d0
```
#97c3d0 rgb(151,195,208)
```
#a4cad6
```
#a4cad6 rgb(164,202,214)
```
#b2d2dc
```
#b2d2dc rgb(178,210,220)
```
#bfdae2
```
#bfdae2 rgb(191,218,226)
```
#cce2e8
```
#cce2e8 rgb(204,226,232)
```
#daeaee
```
#daeaee rgb(218,234,238)
```
#e7f1f4
```
#e7f1f4 rgb(231,241,244)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

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

#cdd2d4
```
#cdd2d4 rgb(205,210,212)
```
#cad4d7
```
#cad4d7 rgb(202,212,215)
```
#c6d6db
```
#c6d6db rgb(198,214,219)
```
#c3d8de
```
#c3d8de rgb(195,216,222)
```
#bfdae2
```
#bfdae2 rgb(191,218,226)
```
#bbdce6
```
#bbdce6 rgb(187,220,230)
```
#b8dee9
```
#b8dee9 rgb(184,222,233)
```
#b4e0ed
```
#b4e0ed rgb(180,224,237)
```
#b1e2f0
```
#b1e2f0 rgb(177,226,240)
```
#ade4f4
```
#ade4f4 rgb(173,228,244)
```
#aae6f7
```
#aae6f7 rgb(170,230,247)
```
#a6e8fb
```
#a6e8fb rgb(166,232,251)
```
#a2eaff
```
#a2eaff rgb(162,234,255)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cfd4d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d6e0 Protanopia 1% of men
#e4d1e6 Deuteranopia 1% of men
#c3daea Tritanopia 0.001% of the population

Trichromacy

#cfd7e0 Protanomaly 1% of men, 0.01% of women
#d6d4e5 Deuteranomaly 6% of men, 0.4% of women
#c2dae7 Tritanomaly 0.01% of the population

#bfdae2 hex color

#bfdae2 Color Information

#bfdae2 Color Conversion

Color Schemes with #bfdae2

Alternatives to #bfdae2

#bfdae2 Preview

Shades and Tints of #bfdae2

Tones of #bfdae2

Color Blindness Simulator