#bdccfd hex color

In a RGB color space, hex #bdccfd is composed of 74.1% red, 80% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 19.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 225.9 degrees, a saturation of 94.1% and a lightness of 86.7%. #bdccfd color hex could be obtained by blending #ffffff with #7b99fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 80
- B 99
RGB color chart
- C 25
- M 19
- Y 0
- K 1
CMYK color chart

● #bdccfd color description : Very soft blue.

The hexadecimal color #bdccfd has RGB values of R:189, G:204, B:253 and CMYK values of C:0.25, M:0.19, Y:0, K:0.01. Its decimal value is 12438781.

Hex triplet	bdccfd	`#bdccfd`
RGB Decimal	189, 204, 253	`rgb(189,204,253)`
RGB Percent	74.1, 80, 99.2	`rgb(74.1%,80%,99.2%)`
CMYK	25, 19, 0, 1
HSL	225.9°, 94.1, 86.7	`hsl(225.9,94.1%,86.7%)`
HSV (or HSB)	225.9°, 25.3, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.43, 5.377, -25.691
XYZ	60.305, 61.095, 101.538
xyY	0.271, 0.274, 61.095
CIE-LCH	82.43, 26.248, 281.821
CIE-LUV	82.43, -10.271, -42.02
Hunter-Lab	78.163, 0.931, -22.306
Binary	10111101, 11001100, 11111101

#bdccfd
```
#bdccfd rgb(189,204,253)
```
#fdeebd
```
#fdeebd rgb(253,238,189)
```

Complementary Color

#bdecfd
```
#bdecfd rgb(189,236,253)
```
#bdccfd
```
#bdccfd rgb(189,204,253)
```
#cebdfd
```
#cebdfd rgb(206,189,253)
```

Analogous Color

#ecfdbd
```
#ecfdbd rgb(236,253,189)
```
#bdccfd
```
#bdccfd rgb(189,204,253)
```
#fdcebd
```
#fdcebd rgb(253,206,189)
```

Split Complementary Color

#ccfdbd
```
#ccfdbd rgb(204,253,189)
```
#bdccfd
```
#bdccfd rgb(189,204,253)
```
#fdbdcc
```
#fdbdcc rgb(253,189,204)
```

Triadic Color

#bdfdee
```
#bdfdee rgb(189,253,238)
```
#bdccfd
```
#bdccfd rgb(189,204,253)
```
#fdbdcc
```
#fdbdcc rgb(253,189,204)
```
#fdeebd
```
#fdeebd rgb(253,238,189)
```

Tetradic Color

#7393fb
```
#7393fb rgb(115,147,251)
```
#8ca6fc
```
#8ca6fc rgb(140,166,252)
```
#a4b9fc
```
#a4b9fc rgb(164,185,252)
```
#bdccfd
```
#bdccfd rgb(189,204,253)
```
#d6dffe
```
#d6dffe rgb(214,223,254)
```
#eff2ff
```
#eff2ff rgb(239,242,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bddcfd
```
#bddcfd rgb(189,220,253)
```
#bdd7fd
```
#bdd7fd rgb(189,215,253)
```
#bdd1fd
```
#bdd1fd rgb(189,209,253)
```
#bdccfd
```
#bdccfd rgb(189,204,253)
```
#bdc7fd
```
#bdc7fd rgb(189,199,253)
```
#bdc1fd
```
#bdc1fd rgb(189,193,253)
```
#bebdfd
```
#bebdfd rgb(190,189,253)
```

Similar Colors

Text with hexadecimal color #bdccfd

This text has a font color of #bdccfd.

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

#bdccfd background color

This paragraph has a background color of #bdccfd.

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

#bdccfd border color

This element has a border color of #bdccfd.

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

CSS codes

.text {color:#bdccfd;}

.background {background-color:#bdccfd;}

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

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, #00030a is the darkest color, while #f6f8ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#01081d
```
#01081d rgb(1,8,29)
```
#010c30
```
#010c30 rgb(1,12,48)
```
#021143
```
#021143 rgb(2,17,67)
```
#031656
```
#031656 rgb(3,22,86)
```
#031b69
```
#031b69 rgb(3,27,105)
```
#04207c
```
#04207c rgb(4,32,124)
```
#04258f
```
#04258f rgb(4,37,143)
```
#052aa2
```
#052aa2 rgb(5,42,162)
```
#052fb6
```
#052fb6 rgb(5,47,182)
```
#0634c9
```
#0634c9 rgb(6,52,201)
```
#0739dc
```
#0739dc rgb(7,57,220)
```
#073def
```
#073def rgb(7,61,239)
```

Shade Color Variation

#1248f8
```
#1248f8 rgb(18,72,248)
```
#2556f8
```
#2556f8 rgb(37,86,248)
```
#3865f9
```
#3865f9 rgb(56,101,249)
```
#4b74fa
```
#4b74fa rgb(75,116,250)
```
#5e82fa
```
#5e82fa rgb(94,130,250)
```
#7191fb
```
#7191fb rgb(113,145,251)
```
#84a0fb
```
#84a0fb rgb(132,160,251)
```
#97affc
```
#97affc rgb(151,175,252)
```
#aabdfc
```
#aabdfc rgb(170,189,252)
```
#bdccfd
```
#bdccfd rgb(189,204,253)
```
#d0dbfe
```
#d0dbfe rgb(208,219,254)
```
#e3e9fe
```
#e3e9fe rgb(227,233,254)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#dcddde
```
#dcddde rgb(220,221,222)
```
#dadbe0
```
#dadbe0 rgb(218,219,224)
```
#d7dae3
```
#d7dae3 rgb(215,218,227)
```
#d5d9e5
```
#d5d9e5 rgb(213,217,229)
```
#d2d7e8
```
#d2d7e8 rgb(210,215,232)
```
#cfd6eb
```
#cfd6eb rgb(207,214,235)
```
#cdd4ed
```
#cdd4ed rgb(205,212,237)
```
#cad3f0
```
#cad3f0 rgb(202,211,240)
```
#c7d2f3
```
#c7d2f3 rgb(199,210,243)
```
#c5d0f5
```
#c5d0f5 rgb(197,208,245)
```
#c2cff8
```
#c2cff8 rgb(194,207,248)
```
#c0cdfa
```
#c0cdfa rgb(192,205,250)
```
#bdccfd
```
#bdccfd rgb(189,204,253)
```

Tone Color Variation

Below, you can see how #bdccfd 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
#cacdd7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3cdfc Protanopia 1% of men
#c9cbfe Deuteranopia 1% of men
#b9d3e2 Tritanopia 0.001% of the population

Trichromacy

#c1cdfc Protanomaly 1% of men, 0.01% of women
#c5cbfd Deuteranomaly 6% of men, 0.4% of women
#bbd0ec Tritanomaly 0.01% of the population

#bdccfd hex color

#bdccfd Color Information

#bdccfd Color Conversion

Color Schemes with #bdccfd

Alternatives to #bdccfd

#bdccfd Preview

Shades and Tints of #bdccfd

Tones of #bdccfd

Color Blindness Simulator