#bdcff1 hex color

In a RGB color space, hex #bdcff1 is composed of 74.1% red, 81.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 14.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 219.2 degrees, a saturation of 65% and a lightness of 84.3%. #bdcff1 color hex could be obtained by blending #ffffff with #7b9fe3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 81
- B 95
RGB color chart
- C 22
- M 14
- Y 0
- K 5
CMYK color chart

● #bdcff1 color description : Very soft blue.

The hexadecimal color #bdcff1 has RGB values of R:189, G:207, B:241 and CMYK values of C:0.22, M:0.14, Y:0, K:0.05. Its decimal value is 12439537.

Hex triplet	bdcff1	`#bdcff1`
RGB Decimal	189, 207, 241	`rgb(189,207,241)`
RGB Percent	74.1, 81.2, 94.5	`rgb(74.1%,81.2%,94.5%)`
CMYK	22, 14, 0, 5
HSL	219.2°, 65, 84.3	`hsl(219.2,65%,84.3%)`
HSV (or HSB)	219.2°, 21.6, 94.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.804, 1.059, -18.742
XYZ	59.173, 61.794, 92.024
xyY	0.278, 0.29, 61.794
CIE-LCH	82.804, 18.772, 273.235
CIE-LUV	82.804, -11.099, -29.822
Hunter-Lab	78.609, -3.201, -14.381
Binary	10111101, 11001111, 11110001

#bdcff1
```
#bdcff1 rgb(189,207,241)
```
#f1dfbd
```
#f1dfbd rgb(241,223,189)
```

Complementary Color

#bde9f1
```
#bde9f1 rgb(189,233,241)
```
#bdcff1
```
#bdcff1 rgb(189,207,241)
```
#c5bdf1
```
#c5bdf1 rgb(197,189,241)
```

Analogous Color

#e9f1bd
```
#e9f1bd rgb(233,241,189)
```
#bdcff1
```
#bdcff1 rgb(189,207,241)
```
#f1c5bd
```
#f1c5bd rgb(241,197,189)
```

Split Complementary Color

#cff1bd
```
#cff1bd rgb(207,241,189)
```
#bdcff1
```
#bdcff1 rgb(189,207,241)
```
#f1bdcf
```
#f1bdcf rgb(241,189,207)
```

Triadic Color

#bdf1df
```
#bdf1df rgb(189,241,223)
```
#bdcff1
```
#bdcff1 rgb(189,207,241)
```
#f1bdcf
```
#f1bdcf rgb(241,189,207)
```
#f1dfbd
```
#f1dfbd rgb(241,223,189)
```

Tetradic Color

#7ea1e4
```
#7ea1e4 rgb(126,161,228)
```
#93b0e8
```
#93b0e8 rgb(147,176,232)
```
#a8c0ed
```
#a8c0ed rgb(168,192,237)
```
#bdcff1
```
#bdcff1 rgb(189,207,241)
```
#d2def5
```
#d2def5 rgb(210,222,245)
```
#e7eefa
```
#e7eefa rgb(231,238,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Monochromatic Color

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

#bddcf1
```
#bddcf1 rgb(189,220,241)
```
#bdd8f1
```
#bdd8f1 rgb(189,216,241)
```
#bdd3f1
```
#bdd3f1 rgb(189,211,241)
```
#bdcff1
```
#bdcff1 rgb(189,207,241)
```
#bdcbf1
```
#bdcbf1 rgb(189,203,241)
```
#bdc6f1
```
#bdc6f1 rgb(189,198,241)
```
#bdc2f1
```
#bdc2f1 rgb(189,194,241)
```

Similar Colors

Text with hexadecimal color #bdcff1

This text has a font color of #bdcff1.

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

#bdcff1 background color

This paragraph has a background color of #bdcff1.

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

#bdcff1 border color

This element has a border color of #bdcff1.

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

CSS codes

.text {color:#bdcff1;}

.background {background-color:#bdcff1;}

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

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, #03070f is the darkest color, while #fefeff is the lightest one.

#03070f
```
#03070f rgb(3,7,15)
```
#070f1f
```
#070f1f rgb(7,15,31)
```
#0a172f
```
#0a172f rgb(10,23,47)
```
#0d1f3f
```
#0d1f3f rgb(13,31,63)
```
#112750
```
#112750 rgb(17,39,80)
```
#142e60
```
#142e60 rgb(20,46,96)
```
#183670
```
#183670 rgb(24,54,112)
```
#1b3e80
```
#1b3e80 rgb(27,62,128)
```
#1f4690
```
#1f4690 rgb(31,70,144)
```
#224ea1
```
#224ea1 rgb(34,78,161)
```
#2556b1
```
#2556b1 rgb(37,86,177)
```
#295ec1
```
#295ec1 rgb(41,94,193)
```
#2c65d1
```
#2c65d1 rgb(44,101,209)
```

Shade Color Variation

#3c71d6
```
#3c71d6 rgb(60,113,214)
```
#4c7dd9
```
#4c7dd9 rgb(76,125,217)
```
#5c88dc
```
#5c88dc rgb(92,136,220)
```
#6c94e0
```
#6c94e0 rgb(108,148,224)
```
#7ca0e3
```
#7ca0e3 rgb(124,160,227)
```
#8cace7
```
#8cace7 rgb(140,172,231)
```
#9db7ea
```
#9db7ea rgb(157,183,234)
```
#adc3ee
```
#adc3ee rgb(173,195,238)
```
#bdcff1
```
#bdcff1 rgb(189,207,241)
```
#cddbf4
```
#cddbf4 rgb(205,219,244)
```
#dde7f8
```
#dde7f8 rgb(221,231,248)
```
#eef2fb
```
#eef2fb rgb(238,242,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d6d7d8
```
#d6d7d8 rgb(214,215,216)
```
#d3d6db
```
#d3d6db rgb(211,214,219)
```
#cfd5df
```
#cfd5df rgb(207,213,223)
```
#ccd4e2
```
#ccd4e2 rgb(204,212,226)
```
#c9d3e5
```
#c9d3e5 rgb(201,211,229)
```
#c6d2e8
```
#c6d2e8 rgb(198,210,232)
```
#c3d1eb
```
#c3d1eb rgb(195,209,235)
```
#c0d0ee
```
#c0d0ee rgb(192,208,238)
```
#bdcff1
```
#bdcff1 rgb(189,207,241)
```
#bacef4
```
#bacef4 rgb(186,206,244)
```
#b7cdf7
```
#b7cdf7 rgb(183,205,247)
```
#b4ccfa
```
#b4ccfa rgb(180,204,250)
```
#b1cbfd
```
#b1cbfd rgb(177,203,253)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cacdd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cff0 Protanopia 1% of men
#d2ccf3 Deuteranopia 1% of men
#bdd4e3 Tritanopia 0.001% of the population

Trichromacy

#c5cff0 Protanomaly 1% of men, 0.01% of women
#cacdf2 Deuteranomaly 6% of men, 0.4% of women
#bdd2e8 Tritanomaly 0.01% of the population

#bdcff1 hex color

#bdcff1 Color Information

#bdcff1 Color Conversion

Color Schemes with #bdcff1

Alternatives to #bdcff1

#bdcff1 Preview

Shades and Tints of #bdcff1

Tones of #bdcff1

Color Blindness Simulator