#bddefc hex color

In a RGB color space, hex #bddefc is composed of 74.1% red, 87.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 11.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 208.6 degrees, a saturation of 91.3% and a lightness of 86.5%. #bddefc color hex could be obtained by blending #ffffff with #7bbdf9. Closest websafe color is: #ccccff.

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

● #bddefc color description : Very soft blue.

The hexadecimal color #bddefc has RGB values of R:189, G:222, B:252 and CMYK values of C:0.25, M:0.12, Y:0, K:0.01. Its decimal value is 12443388.

Hex triplet	bddefc	`#bddefc`
RGB Decimal	189, 222, 252	`rgb(189,222,252)`
RGB Percent	74.1, 87.1, 98.8	`rgb(74.1%,87.1%,98.8%)`
CMYK	25, 12, 0, 1
HSL	208.6°, 91.3, 86.5	`hsl(208.6,91.3%,86.5%)`
HSV (or HSB)	208.6°, 25, 98.8
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.04, -4.359, -18.173
XYZ	64.674, 70.088, 102.211
xyY	0.273, 0.296, 70.088
CIE-LCH	87.04, 18.689, 256.513
CIE-LUV	87.04, -18.099, -28.217
Hunter-Lab	83.719, -8.612, -13.783
Binary	10111101, 11011110, 11111100

#bddefc
```
#bddefc rgb(189,222,252)
```
#fcdbbd
```
#fcdbbd rgb(252,219,189)
```

Complementary Color

#bdfcfb
```
#bdfcfb rgb(189,252,251)
```
#bddefc
```
#bddefc rgb(189,222,252)
```
#bdbffc
```
#bdbffc rgb(189,191,252)
```

Analogous Color

#fcfbbd
```
#fcfbbd rgb(252,251,189)
```
#bddefc
```
#bddefc rgb(189,222,252)
```
#fcbdbf
```
#fcbdbf rgb(252,189,191)
```

Split Complementary Color

#defcbd
```
#defcbd rgb(222,252,189)
```
#bddefc
```
#bddefc rgb(189,222,252)
```
#fcbdde
```
#fcbdde rgb(252,189,222)
```

Triadic Color

#bdfcdb
```
#bdfcdb rgb(189,252,219)
```
#bddefc
```
#bddefc rgb(189,222,252)
```
#fcbdde
```
#fcbdde rgb(252,189,222)
```
#fcdbbd
```
#fcdbbd rgb(252,219,189)
```

Tetradic Color

#74b9f9
```
#74b9f9 rgb(116,185,249)
```
#8cc6fa
```
#8cc6fa rgb(140,198,250)
```
#a5d2fb
```
#a5d2fb rgb(165,210,251)
```
#bddefc
```
#bddefc rgb(189,222,252)
```
#d5eafd
```
#d5eafd rgb(213,234,253)
```
#eef6fe
```
#eef6fe rgb(238,246,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdeefc
```
#bdeefc rgb(189,238,252)
```
#bde9fc
```
#bde9fc rgb(189,233,252)
```
#bde3fc
```
#bde3fc rgb(189,227,252)
```
#bddefc
```
#bddefc rgb(189,222,252)
```
#bdd9fc
```
#bdd9fc rgb(189,217,252)
```
#bdd4fc
```
#bdd4fc rgb(189,212,252)
```
#bdcefc
```
#bdcefc rgb(189,206,252)
```

Similar Colors

Text with hexadecimal color #bddefc

This text has a font color of #bddefc.

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

#bddefc background color

This paragraph has a background color of #bddefc.

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

#bddefc border color

This element has a border color of #bddefc.

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

CSS codes

.text {color:#bddefc;}

.background {background-color:#bddefc;}

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

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

#000509
```
#000509 rgb(0,5,9)
```
#010f1c
```
#010f1c rgb(1,15,28)
```
#02192f
```
#02192f rgb(2,25,47)
```
#032441
```
#032441 rgb(3,36,65)
```
#042e54
```
#042e54 rgb(4,46,84)
```
#053867
```
#053867 rgb(5,56,103)
```
#06427a
```
#06427a rgb(6,66,122)
```
#064d8c
```
#064d8c rgb(6,77,140)
```
#07579f
```
#07579f rgb(7,87,159)
```
#0861b2
```
#0861b2 rgb(8,97,178)
```
#096bc5
```
#096bc5 rgb(9,107,197)
```
#0a76d7
```
#0a76d7 rgb(10,118,215)
```
#0b80ea
```
#0b80ea rgb(11,128,234)
```

Shade Color Variation

#148af4
```
#148af4 rgb(20,138,244)
```
#2793f5
```
#2793f5 rgb(39,147,245)
```
#3a9cf6
```
#3a9cf6 rgb(58,156,246)
```
#4ca6f7
```
#4ca6f7 rgb(76,166,247)
```
#5faff8
```
#5faff8 rgb(95,175,248)
```
#72b8f9
```
#72b8f9 rgb(114,184,249)
```
#85c2f9
```
#85c2f9 rgb(133,194,249)
```
#97cbfa
```
#97cbfa rgb(151,203,250)
```
#aad5fb
```
#aad5fb rgb(170,213,251)
```
#bddefc
```
#bddefc rgb(189,222,252)
```
#d0e7fd
```
#d0e7fd rgb(208,231,253)
```
#e3f1fe
```
#e3f1fe rgb(227,241,254)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

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

#dadddf
```
#dadddf rgb(218,221,223)
```
#d8dde1
```
#d8dde1 rgb(216,221,225)
```
#d5dde4
```
#d5dde4 rgb(213,221,228)
```
#d2dde7
```
#d2dde7 rgb(210,221,231)
```
#d0dde9
```
#d0dde9 rgb(208,221,233)
```
#cdddec
```
#cdddec rgb(205,221,236)
```
#caddef
```
#caddef rgb(202,221,239)
```
#c8ddf1
```
#c8ddf1 rgb(200,221,241)
```
#c5def4
```
#c5def4 rgb(197,222,244)
```
#c2def7
```
#c2def7 rgb(194,222,247)
```
#c0def9
```
#c0def9 rgb(192,222,249)
```
#bddefc
```
#bddefc rgb(189,222,252)
```
#badeff
```
#badeff rgb(186,222,255)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d3d9df Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6daf8 Protanopia 1% of men
#ded7ff Deuteranopia 1% of men
#bde1f1 Tritanopia 0.001% of the population

Trichromacy

#cddbfa Protanomaly 1% of men, 0.01% of women
#d2d9fd Deuteranomaly 6% of men, 0.4% of women
#bde0f5 Tritanomaly 0.01% of the population

#bddefc hex color

#bddefc Color Information

#bddefc Color Conversion

Color Schemes with #bddefc

Alternatives to #bddefc

#bddefc Preview

Shades and Tints of #bddefc

Tones of #bddefc

Color Blindness Simulator