#bddeff hex color

In a RGB color space, hex #bddeff is composed of 74.1% red, 87.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 12.9% magenta, 0% yellow and 0% black. It has a hue angle of 210 degrees, a saturation of 100% and a lightness of 87.1%. #bddeff color hex could be obtained by blending #ffffff with #7bbdff. 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

● #bddeff color description : Pale blue.

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

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

CIE-LAB	87.134, -3.68, -19.61
XYZ	65.154, 70.28, 104.735
xyY	0.271, 0.293, 70.28
CIE-LCH	87.134, 19.952, 259.372
CIE-LUV	87.134, -18.173, -30.712
Hunter-Lab	83.833, -7.98, -15.389
Binary	10111101, 11011110, 11111111

#bddeff
```
#bddeff rgb(189,222,255)
```
#ffdebd
```
#ffdebd rgb(255,222,189)
```

Complementary Color

#bdffff
```
#bdffff rgb(189,255,255)
```
#bddeff
```
#bddeff rgb(189,222,255)
```
#bdbdff
```
#bdbdff rgb(189,189,255)
```

Analogous Color

#ffffbd
```
#ffffbd rgb(255,255,189)
```
#bddeff
```
#bddeff rgb(189,222,255)
```
#ffbdbd
```
#ffbdbd rgb(255,189,189)
```

Split Complementary Color

#deffbd
```
#deffbd rgb(222,255,189)
```
#bddeff
```
#bddeff rgb(189,222,255)
```
#ffbdde
```
#ffbdde rgb(255,189,222)
```

Triadic Color

#bdffde
```
#bdffde rgb(189,255,222)
```
#bddeff
```
#bddeff rgb(189,222,255)
```
#ffbdde
```
#ffbdde rgb(255,189,222)
```
#ffdebd
```
#ffdebd rgb(255,222,189)
```

Tetradic Color

#71b8ff
```
#71b8ff rgb(113,184,255)
```
#8ac5ff
```
#8ac5ff rgb(138,197,255)
```
#a4d1ff
```
#a4d1ff rgb(164,209,255)
```
#bddeff
```
#bddeff rgb(189,222,255)
```
#d7ebff
```
#d7ebff rgb(215,235,255)
```
#f0f8ff
```
#f0f8ff rgb(240,248,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdefff
```
#bdefff rgb(189,239,255)
```
#bde9ff
```
#bde9ff rgb(189,233,255)
```
#bde4ff
```
#bde4ff rgb(189,228,255)
```
#bddeff
```
#bddeff rgb(189,222,255)
```
#bdd9ff
```
#bdd9ff rgb(189,217,255)
```
#bdd3ff
```
#bdd3ff rgb(189,211,255)
```
#bdceff
```
#bdceff rgb(189,206,255)
```

Similar Colors

Text with hexadecimal color #bddeff

This text has a font color of #bddeff.

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

#bddeff background color

This paragraph has a background color of #bddeff.

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

#bddeff border color

This element has a border color of #bddeff.

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

CSS codes

.text {color:#bddeff;}

.background {background-color:#bddeff;}

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

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)
```
#001a34
```
#001a34 rgb(0,26,52)
```
#002447
```
#002447 rgb(0,36,71)
```
#002d5b
```
#002d5b rgb(0,45,91)
```
#00376f
```
#00376f rgb(0,55,111)
```
#004182
```
#004182 rgb(0,65,130)
```
#004b96
```
#004b96 rgb(0,75,150)
```
#0055a9
```
#0055a9 rgb(0,85,169)
```
#005fbd
```
#005fbd rgb(0,95,189)
```
#0068d1
```
#0068d1 rgb(0,104,209)
```
#0072e4
```
#0072e4 rgb(0,114,228)
```
#007cf8
```
#007cf8 rgb(0,124,248)
```

Shade Color Variation

#0c86ff
```
#0c86ff rgb(12,134,255)
```
#2090ff
```
#2090ff rgb(32,144,255)
```
#3499ff
```
#3499ff rgb(52,153,255)
```
#47a3ff
```
#47a3ff rgb(71,163,255)
```
#5badff
```
#5badff rgb(91,173,255)
```
#6fb7ff
```
#6fb7ff rgb(111,183,255)
```
#82c1ff
```
#82c1ff rgb(130,193,255)
```
#96caff
```
#96caff rgb(150,202,255)
```
#a9d4ff
```
#a9d4ff rgb(169,212,255)
```
#bddeff
```
#bddeff rgb(189,222,255)
```
#d1e8ff
```
#d1e8ff rgb(209,232,255)
```
#e4f2ff
```
#e4f2ff rgb(228,242,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 #bddeff 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)
```
#ccdef0
```
#ccdef0 rgb(204,222,240)
```
#cadef2
```
#cadef2 rgb(202,222,242)
```
#c7def5
```
#c7def5 rgb(199,222,245)
```
#c5def7
```
#c5def7 rgb(197,222,247)
```
#c2defa
```
#c2defa rgb(194,222,250)
```
#c0defc
```
#c0defc rgb(192,222,252)
```
#bddeff
```
#bddeff rgb(189,222,255)
```

Tone Color Variation

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

Dichromacy

#d5dafb Protanopia 1% of men
#ddd7ff Deuteranopia 1% of men
#bde1f2 Tritanopia 0.001% of the population

Trichromacy

#ccdbfd Protanomaly 1% of men, 0.01% of women
#d1daff Deuteranomaly 6% of men, 0.4% of women
#bde0f6 Tritanomaly 0.01% of the population

#bddeff hex color

#bddeff Color Information

#bddeff Color Conversion

Color Schemes with #bddeff

Alternatives to #bddeff

#bddeff Preview

Shades and Tints of #bddeff

Tones of #bddeff

Color Blindness Simulator