#bde1fa hex color

In a RGB color space, hex #bde1fa is composed of 74.1% red, 88.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 10% magenta, 0% yellow and 2% black. It has a hue angle of 204.6 degrees, a saturation of 85.9% and a lightness of 86.1%. #bde1fa color hex could be obtained by blending #ffffff with #7bc3f5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 88
- B 98
RGB color chart
- C 24
- M 10
- Y 0
- K 2
CMYK color chart

● #bde1fa color description : Very soft blue.

The hexadecimal color #bde1fa has RGB values of R:189, G:225, B:250 and CMYK values of C:0.24, M:0.1, Y:0, K:0.02. Its decimal value is 12444154.

Hex triplet	bde1fa	`#bde1fa`
RGB Decimal	189, 225, 250	`rgb(189,225,250)`
RGB Percent	74.1, 88.2, 98	`rgb(74.1%,88.2%,98%)`
CMYK	24, 10, 0, 2
HSL	204.6°, 85.9, 86.1	`hsl(204.6,85.9%,86.1%)`
HSV (or HSB)	204.6°, 24.4, 98
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.761, -6.362, -16.037
XYZ	65.163, 71.57, 100.818
xyY	0.274, 0.301, 71.57
CIE-LCH	87.761, 17.252, 248.361
CIE-LUV	87.761, -19.37, -24.4
Hunter-Lab	84.599, -10.557, -11.438
Binary	10111101, 11100001, 11111010

#bde1fa
```
#bde1fa rgb(189,225,250)
```
#fad6bd
```
#fad6bd rgb(250,214,189)
```

Complementary Color

#bdfaf5
```
#bdfaf5 rgb(189,250,245)
```
#bde1fa
```
#bde1fa rgb(189,225,250)
```
#bdc3fa
```
#bdc3fa rgb(189,195,250)
```

Analogous Color

#faf5bd
```
#faf5bd rgb(250,245,189)
```
#bde1fa
```
#bde1fa rgb(189,225,250)
```
#fabdc3
```
#fabdc3 rgb(250,189,195)
```

Split Complementary Color

#e1fabd
```
#e1fabd rgb(225,250,189)
```
#bde1fa
```
#bde1fa rgb(189,225,250)
```
#fabde1
```
#fabde1 rgb(250,189,225)
```

Triadic Color

#bdfad6
```
#bdfad6 rgb(189,250,214)
```
#bde1fa
```
#bde1fa rgb(189,225,250)
```
#fabde1
```
#fabde1 rgb(250,189,225)
```
#fad6bd
```
#fad6bd rgb(250,214,189)
```

Tetradic Color

#76c1f5
```
#76c1f5 rgb(118,193,245)
```
#8ecbf6
```
#8ecbf6 rgb(142,203,246)
```
#a5d6f8
```
#a5d6f8 rgb(165,214,248)
```
#bde1fa
```
#bde1fa rgb(189,225,250)
```
#d5ecfc
```
#d5ecfc rgb(213,236,252)
```
#ecf7fe
```
#ecf7fe rgb(236,247,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdf0fa
```
#bdf0fa rgb(189,240,250)
```
#bdebfa
```
#bdebfa rgb(189,235,250)
```
#bde6fa
```
#bde6fa rgb(189,230,250)
```
#bde1fa
```
#bde1fa rgb(189,225,250)
```
#bddcfa
```
#bddcfa rgb(189,220,250)
```
#bdd7fa
```
#bdd7fa rgb(189,215,250)
```
#bdd2fa
```
#bdd2fa rgb(189,210,250)
```

Similar Colors

Text with hexadecimal color #bde1fa

This text has a font color of #bde1fa.

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

#bde1fa background color

This paragraph has a background color of #bde1fa.

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

#bde1fa border color

This element has a border color of #bde1fa.

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

CSS codes

.text {color:#bde1fa;}

.background {background-color:#bde1fa;}

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

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

#010407
```
#010407 rgb(1,4,7)
```
#021019
```
#021019 rgb(2,16,25)
```
#031b2b
```
#031b2b rgb(3,27,43)
```
#05263e
```
#05263e rgb(5,38,62)
```
#063250
```
#063250 rgb(6,50,80)
```
#073d62
```
#073d62 rgb(7,61,98)
```
#094874
```
#094874 rgb(9,72,116)
```
#0a5487
```
#0a5487 rgb(10,84,135)
```
#0c5f99
```
#0c5f99 rgb(12,95,153)
```
#0d6aab
```
#0d6aab rgb(13,106,171)
```
#0e76bd
```
#0e76bd rgb(14,118,189)
```
#1081d0
```
#1081d0 rgb(16,129,208)
```
#118ce2
```
#118ce2 rgb(17,140,226)
```

Shade Color Variation

#1996ee
```
#1996ee rgb(25,150,238)
```
#2b9fef
```
#2b9fef rgb(43,159,239)
```
#3da7f0
```
#3da7f0 rgb(61,167,240)
```
#50aff2
```
#50aff2 rgb(80,175,242)
```
#62b8f3
```
#62b8f3 rgb(98,184,243)
```
#74c0f4
```
#74c0f4 rgb(116,192,244)
```
#86c8f6
```
#86c8f6 rgb(134,200,246)
```
#99d0f7
```
#99d0f7 rgb(153,208,247)
```
#abd9f9
```
#abd9f9 rgb(171,217,249)
```
#bde1fa
```
#bde1fa rgb(189,225,250)
```
#cfe9fb
```
#cfe9fb rgb(207,233,251)
```
#e1f2fd
```
#e1f2fd rgb(225,242,253)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

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

#dbdcdc
```
#dbdcdc rgb(219,220,220)
```
#d8dcdf
```
#d8dcdf rgb(216,220,223)
```
#d6dde1
```
#d6dde1 rgb(214,221,225)
```
#d3dde4
```
#d3dde4 rgb(211,221,228)
```
#d0dee7
```
#d0dee7 rgb(208,222,231)
```
#cddeea
```
#cddeea rgb(205,222,234)
```
#cbdfec
```
#cbdfec rgb(203,223,236)
```
#c8dfef
```
#c8dfef rgb(200,223,239)
```
#c5e0f2
```
#c5e0f2 rgb(197,224,242)
```
#c2e0f5
```
#c2e0f5 rgb(194,224,245)
```
#c0e1f7
```
#c0e1f7 rgb(192,225,247)
```
#bde1fa
```
#bde1fa rgb(189,225,250)
```
#bae1fd
```
#bae1fd rgb(186,225,253)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d3dbe0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9dcf6 Protanopia 1% of men
#e2d8fd Deuteranopia 1% of men
#bee3f4 Tritanopia 0.001% of the population

Trichromacy

#cfdef7 Protanomaly 1% of men, 0.01% of women
#d4dbfc Deuteranomaly 6% of men, 0.4% of women
#bee2f6 Tritanomaly 0.01% of the population

#bde1fa hex color

#bde1fa Color Information

#bde1fa Color Conversion

Color Schemes with #bde1fa

Alternatives to #bde1fa

#bde1fa Preview

Shades and Tints of #bde1fa

Tones of #bde1fa

Color Blindness Simulator