#bdddff hex color

In a RGB color space, hex #bdddff is composed of 74.1% red, 86.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 13.3% magenta, 0% yellow and 0% black. It has a hue angle of 210.9 degrees, a saturation of 100% and a lightness of 87.1%. #bdddff color hex could be obtained by blending #ffffff with #7bbbff. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 87
- B 100
RGB color chart
- C 26
- M 13
- Y 0
- K 0
CMYK color chart

● #bdddff color description : Pale blue.

The hexadecimal color #bdddff has RGB values of R:189, G:221, B:255 and CMYK values of C:0.26, M:0.13, Y:0, K:0. Its decimal value is 12443135.

Hex triplet	bdddff	`#bdddff`
RGB Decimal	189, 221, 255	`rgb(189,221,255)`
RGB Percent	74.1, 86.7, 100	`rgb(74.1%,86.7%,100%)`
CMYK	26, 13, 0, 0
HSL	210.9°, 100, 87.1	`hsl(210.9,100%,87.1%)`
HSV (or HSB)	210.9°, 25.9, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.874, -3.158, -20.002
XYZ	64.889, 69.75, 104.647
xyY	0.271, 0.291, 69.75
CIE-LCH	86.874, 20.25, 261.027
CIE-LUV	86.874, -17.738, -31.435
Hunter-Lab	83.517, -7.467, -15.829
Binary	10111101, 11011101, 11111111

#bdddff
```
#bdddff rgb(189,221,255)
```
#ffdfbd
```
#ffdfbd rgb(255,223,189)
```

Complementary Color

#bdfeff
```
#bdfeff rgb(189,254,255)
```
#bdddff
```
#bdddff rgb(189,221,255)
```
#bebdff
```
#bebdff rgb(190,189,255)
```

Analogous Color

#feffbd
```
#feffbd rgb(254,255,189)
```
#bdddff
```
#bdddff rgb(189,221,255)
```
#ffbebd
```
#ffbebd rgb(255,190,189)
```

Split Complementary Color

#ddffbd
```
#ddffbd rgb(221,255,189)
```
#bdddff
```
#bdddff rgb(189,221,255)
```
#ffbddd
```
#ffbddd rgb(255,189,221)
```

Triadic Color

#bdffdf
```
#bdffdf rgb(189,255,223)
```
#bdddff
```
#bdddff rgb(189,221,255)
```
#ffbddd
```
#ffbddd rgb(255,189,221)
```
#ffdfbd
```
#ffdfbd rgb(255,223,189)
```

Tetradic Color

#71b6ff
```
#71b6ff rgb(113,182,255)
```
#8ac3ff
```
#8ac3ff rgb(138,195,255)
```
#a4d0ff
```
#a4d0ff rgb(164,208,255)
```
#bdddff
```
#bdddff rgb(189,221,255)
```
#d7eaff
```
#d7eaff rgb(215,234,255)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdeeff
```
#bdeeff rgb(189,238,255)
```
#bde8ff
```
#bde8ff rgb(189,232,255)
```
#bde3ff
```
#bde3ff rgb(189,227,255)
```
#bdddff
```
#bdddff rgb(189,221,255)
```
#bdd8ff
```
#bdd8ff rgb(189,216,255)
```
#bdd2ff
```
#bdd2ff rgb(189,210,255)
```
#bdcdff
```
#bdcdff rgb(189,205,255)
```

Similar Colors

Text with hexadecimal color #bdddff

This text has a font color of #bdddff.

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

#bdddff background color

This paragraph has a background color of #bdddff.

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

#bdddff border color

This element has a border color of #bdddff.

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

CSS codes

.text {color:#bdddff;}

.background {background-color:#bdddff;}

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

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, #00060c is the darkest color, while #f8fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#001020
```
#001020 rgb(0,16,32)
```
#001934
```
#001934 rgb(0,25,52)
```
#002347
```
#002347 rgb(0,35,71)
```
#002c5b
```
#002c5b rgb(0,44,91)
```
#00366f
```
#00366f rgb(0,54,111)
```
#003f82
```
#003f82 rgb(0,63,130)
```
#004996
```
#004996 rgb(0,73,150)
```
#0052a9
```
#0052a9 rgb(0,82,169)
```
#005cbd
```
#005cbd rgb(0,92,189)
```
#0065d1
```
#0065d1 rgb(0,101,209)
```
#006fe4
```
#006fe4 rgb(0,111,228)
```
#0078f8
```
#0078f8 rgb(0,120,248)
```

Shade Color Variation

#0c82ff
```
#0c82ff rgb(12,130,255)
```
#208cff
```
#208cff rgb(32,140,255)
```
#3496ff
```
#3496ff rgb(52,150,255)
```
#47a0ff
```
#47a0ff rgb(71,160,255)
```
#5baaff
```
#5baaff rgb(91,170,255)
```
#6fb5ff
```
#6fb5ff rgb(111,181,255)
```
#82bfff
```
#82bfff rgb(130,191,255)
```
#96c9ff
```
#96c9ff rgb(150,201,255)
```
#a9d3ff
```
#a9d3ff rgb(169,211,255)
```
#bdddff
```
#bdddff rgb(189,221,255)
```
#d1e7ff
```
#d1e7ff rgb(209,231,255)
```
#e4f1ff
```
#e4f1ff rgb(228,241,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#dbdee1
```
#dbdee1 rgb(219,222,225)
```
#d9dee3
```
#d9dee3 rgb(217,222,227)
```
#d6dee6
```
#d6dee6 rgb(214,222,230)
```
#d4dee8
```
#d4dee8 rgb(212,222,232)
```
#d1deeb
```
#d1deeb rgb(209,222,235)
```
#cfdeed
```
#cfdeed rgb(207,222,237)
```
#ccddf0
```
#ccddf0 rgb(204,221,240)
```
#caddf2
```
#caddf2 rgb(202,221,242)
```
#c7ddf5
```
#c7ddf5 rgb(199,221,245)
```
#c5ddf7
```
#c5ddf7 rgb(197,221,247)
```
#c2ddfa
```
#c2ddfa rgb(194,221,250)
```
#c0ddfc
```
#c0ddfc rgb(192,221,252)
```
#bdddff
```
#bdddff rgb(189,221,255)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d2d8df Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d9fc Protanopia 1% of men
#dbd7ff Deuteranopia 1% of men
#bce1f1 Tritanopia 0.001% of the population

Trichromacy

#ccdafd Protanomaly 1% of men, 0.01% of women
#d0d9ff Deuteranomaly 6% of men, 0.4% of women
#bcdff6 Tritanomaly 0.01% of the population

#bdddff hex color

#bdddff Color Information

#bdddff Color Conversion

Color Schemes with #bdddff

Alternatives to #bdddff

#bdddff Preview

Shades and Tints of #bdddff

Tones of #bdddff

Color Blindness Simulator