#bdccf0 hex color

In a RGB color space, hex #bdccf0 is composed of 74.1% red, 80% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 15% magenta, 0% yellow and 5.9% black. It has a hue angle of 222.4 degrees, a saturation of 63% and a lightness of 84.1%. #bdccf0 color hex could be obtained by blending #ffffff with #7b99e1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 80
- B 94
RGB color chart
- C 21
- M 15
- Y 0
- K 6
CMYK color chart

● #bdccf0 color description : Very soft blue.

The hexadecimal color #bdccf0 has RGB values of R:189, G:204, B:240 and CMYK values of C:0.21, M:0.15, Y:0, K:0.06. Its decimal value is 12438768.

Hex triplet	bdccf0	`#bdccf0`
RGB Decimal	189, 204, 240	`rgb(189,204,240)`
RGB Percent	74.1, 80, 94.1	`rgb(74.1%,80%,94.1%)`
CMYK	21, 15, 0, 6
HSL	222.4°, 63, 84.1	`hsl(222.4,63%,84.1%)`
HSV (or HSB)	222.4°, 21.3, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.998, 2.432, -19.427
XYZ	58.304, 60.295, 91
xyY	0.278, 0.288, 60.295
CIE-LCH	81.998, 19.579, 277.136
CIE-LUV	81.998, -9.713, -31.125
Hunter-Lab	77.65, -1.859, -15.128
Binary	10111101, 11001100, 11110000

#bdccf0
```
#bdccf0 rgb(189,204,240)
```
#f0e1bd
```
#f0e1bd rgb(240,225,189)
```

Complementary Color

#bde6f0
```
#bde6f0 rgb(189,230,240)
```
#bdccf0
```
#bdccf0 rgb(189,204,240)
```
#c8bdf0
```
#c8bdf0 rgb(200,189,240)
```

Analogous Color

#e6f0bd
```
#e6f0bd rgb(230,240,189)
```
#bdccf0
```
#bdccf0 rgb(189,204,240)
```
#f0c8bd
```
#f0c8bd rgb(240,200,189)
```

Split Complementary Color

#ccf0bd
```
#ccf0bd rgb(204,240,189)
```
#bdccf0
```
#bdccf0 rgb(189,204,240)
```
#f0bdcc
```
#f0bdcc rgb(240,189,204)
```

Triadic Color

#bdf0e1
```
#bdf0e1 rgb(189,240,225)
```
#bdccf0
```
#bdccf0 rgb(189,204,240)
```
#f0bdcc
```
#f0bdcc rgb(240,189,204)
```
#f0e1bd
```
#f0e1bd rgb(240,225,189)
```

Tetradic Color

#7f9ce2
```
#7f9ce2 rgb(127,156,226)
```
#93ace7
```
#93ace7 rgb(147,172,231)
```
#a8bceb
```
#a8bceb rgb(168,188,235)
```
#bdccf0
```
#bdccf0 rgb(189,204,240)
```
#d2dcf5
```
#d2dcf5 rgb(210,220,245)
```
#e7ecf9
```
#e7ecf9 rgb(231,236,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Monochromatic Color

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

#bdd9f0
```
#bdd9f0 rgb(189,217,240)
```
#bdd5f0
```
#bdd5f0 rgb(189,213,240)
```
#bdd0f0
```
#bdd0f0 rgb(189,208,240)
```
#bdccf0
```
#bdccf0 rgb(189,204,240)
```
#bdc8f0
```
#bdc8f0 rgb(189,200,240)
```
#bdc4f0
```
#bdc4f0 rgb(189,196,240)
```
#bdbff0
```
#bdbff0 rgb(189,191,240)
```

Similar Colors

Text with hexadecimal color #bdccf0

This text has a font color of #bdccf0.

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

#bdccf0 background color

This paragraph has a background color of #bdccf0.

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

#bdccf0 border color

This element has a border color of #bdccf0.

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

CSS codes

.text {color:#bdccf0;}

.background {background-color:#bdccf0;}

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

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, #03060e is the darkest color, while #fdfdff is the lightest one.

#03060e
```
#03060e rgb(3,6,14)
```
#070e1e
```
#070e1e rgb(7,14,30)
```
#0a152e
```
#0a152e rgb(10,21,46)
```
#0e1c3e
```
#0e1c3e rgb(14,28,62)
```
#12234e
```
#12234e rgb(18,35,78)
```
#152b5e
```
#152b5e rgb(21,43,94)
```
#19326e
```
#19326e rgb(25,50,110)
```
#1d397e
```
#1d397e rgb(29,57,126)
```
#20408e
```
#20408e rgb(32,64,142)
```
#24489e
```
#24489e rgb(36,72,158)
```
#274fae
```
#274fae rgb(39,79,174)
```
#2b56be
```
#2b56be rgb(43,86,190)
```
#2f5ece
```
#2f5ece rgb(47,94,206)
```

Shade Color Variation

#3d69d3
```
#3d69d3 rgb(61,105,211)
```
#4d76d7
```
#4d76d7 rgb(77,118,215)
```
#5d82da
```
#5d82da rgb(93,130,218)
```
#6d8ede
```
#6d8ede rgb(109,142,222)
```
#7d9be1
```
#7d9be1 rgb(125,155,225)
```
#8da7e5
```
#8da7e5 rgb(141,167,229)
```
#9db3e9
```
#9db3e9 rgb(157,179,233)
```
#adc0ec
```
#adc0ec rgb(173,192,236)
```
#bdccf0
```
#bdccf0 rgb(189,204,240)
```
#cdd8f4
```
#cdd8f4 rgb(205,216,244)
```
#dde5f7
```
#dde5f7 rgb(221,229,247)
```
#edf1fb
```
#edf1fb rgb(237,241,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#d6d6d7
```
#d6d6d7 rgb(214,214,215)
```
#d3d5da
```
#d3d5da rgb(211,213,218)
```
#d0d4dd
```
#d0d4dd rgb(208,212,221)
```
#cdd2e0
```
#cdd2e0 rgb(205,210,224)
```
#c9d1e4
```
#c9d1e4 rgb(201,209,228)
```
#c6d0e7
```
#c6d0e7 rgb(198,208,231)
```
#c3cfea
```
#c3cfea rgb(195,207,234)
```
#c0cded
```
#c0cded rgb(192,205,237)
```
#bdccf0
```
#bdccf0 rgb(189,204,240)
```
#bacbf3
```
#bacbf3 rgb(186,203,243)
```
#b7c9f6
```
#b7c9f6 rgb(183,201,246)
```
#b4c8f9
```
#b4c8f9 rgb(180,200,249)
```
#b1c7fc
```
#b1c7fc rgb(177,199,252)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c9ccd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7ccef Protanopia 1% of men
#cfcaf2 Deuteranopia 1% of men
#bcd1e0 Tritanopia 0.001% of the population

Trichromacy

#c3ccef Protanomaly 1% of men, 0.01% of women
#c8caf1 Deuteranomaly 6% of men, 0.4% of women
#bccfe6 Tritanomaly 0.01% of the population

#bdccf0 hex color

#bdccf0 Color Information

#bdccf0 Color Conversion

Color Schemes with #bdccf0

Alternatives to #bdccf0

#bdccf0 Preview

Shades and Tints of #bdccf0

Tones of #bdccf0

Color Blindness Simulator