#bddafd hex color

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

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

● #bddafd color description : Very soft blue.

The hexadecimal color #bddafd has RGB values of R:189, G:218, B:253 and CMYK values of C:0.25, M:0.14, Y:0, K:0.01. Its decimal value is 12442365.

Hex triplet	bddafd	`#bddafd`
RGB Decimal	189, 218, 253	`rgb(189,218,253)`
RGB Percent	74.1, 85.5, 99.2	`rgb(74.1%,85.5%,99.2%)`
CMYK	25, 14, 0, 1
HSL	212.8°, 94.1, 86.7	`hsl(212.8,94.1%,86.7%)`
HSV (or HSB)	212.8°, 25.3, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.032, -2.044, -20.221
XYZ	63.784, 68.052, 102.698
xyY	0.272, 0.29, 68.052
CIE-LCH	86.032, 20.324, 264.227
CIE-LUV	86.032, -16.374, -31.934
Hunter-Lab	82.494, -6.349, -16.066
Binary	10111101, 11011010, 11111101

#bddafd
```
#bddafd rgb(189,218,253)
```
#fde0bd
```
#fde0bd rgb(253,224,189)
```

Complementary Color

#bdfafd
```
#bdfafd rgb(189,250,253)
```
#bddafd
```
#bddafd rgb(189,218,253)
```
#c0bdfd
```
#c0bdfd rgb(192,189,253)
```

Analogous Color

#fafdbd
```
#fafdbd rgb(250,253,189)
```
#bddafd
```
#bddafd rgb(189,218,253)
```
#fdc0bd
```
#fdc0bd rgb(253,192,189)
```

Split Complementary Color

#dafdbd
```
#dafdbd rgb(218,253,189)
```
#bddafd
```
#bddafd rgb(189,218,253)
```
#fdbdda
```
#fdbdda rgb(253,189,218)
```

Triadic Color

#bdfde0
```
#bdfde0 rgb(189,253,224)
```
#bddafd
```
#bddafd rgb(189,218,253)
```
#fdbdda
```
#fdbdda rgb(253,189,218)
```
#fde0bd
```
#fde0bd rgb(253,224,189)
```

Tetradic Color

#73b0fb
```
#73b0fb rgb(115,176,251)
```
#8cbefc
```
#8cbefc rgb(140,190,252)
```
#a4ccfc
```
#a4ccfc rgb(164,204,252)
```
#bddafd
```
#bddafd rgb(189,218,253)
```
#d6e8fe
```
#d6e8fe rgb(214,232,254)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdeafd
```
#bdeafd rgb(189,234,253)
```
#bde5fd
```
#bde5fd rgb(189,229,253)
```
#bddffd
```
#bddffd rgb(189,223,253)
```
#bddafd
```
#bddafd rgb(189,218,253)
```
#bdd5fd
```
#bdd5fd rgb(189,213,253)
```
#bdcffd
```
#bdcffd rgb(189,207,253)
```
#bdcafd
```
#bdcafd rgb(189,202,253)
```

Similar Colors

Text with hexadecimal color #bddafd

This text has a font color of #bddafd.

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

#bddafd background color

This paragraph has a background color of #bddafd.

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

#bddafd border color

This element has a border color of #bddafd.

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

CSS codes

.text {color:#bddafd;}

.background {background-color:#bddafd;}

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

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

#00050a
```
#00050a rgb(0,5,10)
```
#010e1d
```
#010e1d rgb(1,14,29)
```
#011730
```
#011730 rgb(1,23,48)
```
#022043
```
#022043 rgb(2,32,67)
```
#032956
```
#032956 rgb(3,41,86)
```
#033169
```
#033169 rgb(3,49,105)
```
#043a7c
```
#043a7c rgb(4,58,124)
```
#04438f
```
#04438f rgb(4,67,143)
```
#054ca2
```
#054ca2 rgb(5,76,162)
```
#0555b6
```
#0555b6 rgb(5,85,182)
```
#065ec9
```
#065ec9 rgb(6,94,201)
```
#0767dc
```
#0767dc rgb(7,103,220)
```
#0770ef
```
#0770ef rgb(7,112,239)
```

Shade Color Variation

#127af8
```
#127af8 rgb(18,122,248)
```
#2585f8
```
#2585f8 rgb(37,133,248)
```
#388ff9
```
#388ff9 rgb(56,143,249)
```
#4b9afa
```
#4b9afa rgb(75,154,250)
```
#5ea5fa
```
#5ea5fa rgb(94,165,250)
```
#71affb
```
#71affb rgb(113,175,251)
```
#84bafb
```
#84bafb rgb(132,186,251)
```
#97c5fc
```
#97c5fc rgb(151,197,252)
```
#aacffc
```
#aacffc rgb(170,207,252)
```
#bddafd
```
#bddafd rgb(189,218,253)
```
#d0e5fe
```
#d0e5fe rgb(208,229,254)
```
#e3effe
```
#e3effe rgb(227,239,254)
```
#f6faff
```
#f6faff rgb(246,250,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 #bddafd is the most saturated one.

#dcddde
```
#dcddde rgb(220,221,222)
```
#dadde0
```
#dadde0 rgb(218,221,224)
```
#d7dce3
```
#d7dce3 rgb(215,220,227)
```
#d5dce5
```
#d5dce5 rgb(213,220,229)
```
#d2dce8
```
#d2dce8 rgb(210,220,232)
```
#cfdceb
```
#cfdceb rgb(207,220,235)
```
#cddbed
```
#cddbed rgb(205,219,237)
```
#cadbf0
```
#cadbf0 rgb(202,219,240)
```
#c7dbf3
```
#c7dbf3 rgb(199,219,243)
```
#c5dbf5
```
#c5dbf5 rgb(197,219,245)
```
#c2daf8
```
#c2daf8 rgb(194,218,248)
```
#c0dafa
```
#c0dafa rgb(192,218,250)
```
#bddafd
```
#bddafd rgb(189,218,253)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0d6dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d7fa Protanopia 1% of men
#d9d4ff Deuteranopia 1% of men
#bcdeee Tritanopia 0.001% of the population

Trichromacy

#cad8fb Protanomaly 1% of men, 0.01% of women
#cfd6fe Deuteranomaly 6% of men, 0.4% of women
#bcdcf3 Tritanomaly 0.01% of the population

#bddafd hex color

#bddafd Color Information

#bddafd Color Conversion

Color Schemes with #bddafd

Alternatives to #bddafd

#bddafd Preview

Shades and Tints of #bddafd

Tones of #bddafd

Color Blindness Simulator