#bddfff hex color

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

● #bddfff color description : Pale blue.

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

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

CIE-LAB	87.394, -4.2, -19.218
XYZ	65.42, 70.812, 104.824
xyY	0.271, 0.294, 70.812
CIE-LCH	87.394, 19.671, 257.671
CIE-LUV	87.394, -18.609, -29.989
Hunter-Lab	84.15, -8.493, -14.951
Binary	10111101, 11011111, 11111111

#bddfff
```
#bddfff rgb(189,223,255)
```
#ffddbd
```
#ffddbd rgb(255,221,189)
```

Complementary Color

#bdfffe
```
#bdfffe rgb(189,255,254)
```
#bddfff
```
#bddfff rgb(189,223,255)
```
#bdbeff
```
#bdbeff rgb(189,190,255)
```

Analogous Color

#fffebd
```
#fffebd rgb(255,254,189)
```
#bddfff
```
#bddfff rgb(189,223,255)
```
#ffbdbe
```
#ffbdbe rgb(255,189,190)
```

Split Complementary Color

#dfffbd
```
#dfffbd rgb(223,255,189)
```
#bddfff
```
#bddfff rgb(189,223,255)
```
#ffbddf
```
#ffbddf rgb(255,189,223)
```

Triadic Color

#bdffdd
```
#bdffdd rgb(189,255,221)
```
#bddfff
```
#bddfff rgb(189,223,255)
```
#ffbddf
```
#ffbddf rgb(255,189,223)
```
#ffddbd
```
#ffddbd rgb(255,221,189)
```

Tetradic Color

#71baff
```
#71baff rgb(113,186,255)
```
#8ac6ff
```
#8ac6ff rgb(138,198,255)
```
#a4d3ff
```
#a4d3ff rgb(164,211,255)
```
#bddfff
```
#bddfff rgb(189,223,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 #bddfff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#bdf0ff
```
#bdf0ff rgb(189,240,255)
```
#bdeaff
```
#bdeaff rgb(189,234,255)
```
#bde5ff
```
#bde5ff rgb(189,229,255)
```
#bddfff
```
#bddfff rgb(189,223,255)
```
#bddaff
```
#bddaff rgb(189,218,255)
```
#bdd4ff
```
#bdd4ff rgb(189,212,255)
```
#bdcfff
```
#bdcfff rgb(189,207,255)
```

Similar Colors

Text with hexadecimal color #bddfff

This text has a font color of #bddfff.

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

#bddfff background color

This paragraph has a background color of #bddfff.

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

#bddfff border color

This element has a border color of #bddfff.

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

CSS codes

.text {color:#bddfff;}

.background {background-color:#bddfff;}

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

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 #f8fcff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#001120
```
#001120 rgb(0,17,32)
```
#001b34
```
#001b34 rgb(0,27,52)
```
#002547
```
#002547 rgb(0,37,71)
```
#002f5b
```
#002f5b rgb(0,47,91)
```
#00396f
```
#00396f rgb(0,57,111)
```
#004382
```
#004382 rgb(0,67,130)
```
#004d96
```
#004d96 rgb(0,77,150)
```
#0057a9
```
#0057a9 rgb(0,87,169)
```
#0061bd
```
#0061bd rgb(0,97,189)
```
#006bd1
```
#006bd1 rgb(0,107,209)
```
#0076e4
```
#0076e4 rgb(0,118,228)
```
#0080f8
```
#0080f8 rgb(0,128,248)
```

Shade Color Variation

#0c89ff
```
#0c89ff rgb(12,137,255)
```
#2093ff
```
#2093ff rgb(32,147,255)
```
#349cff
```
#349cff rgb(52,156,255)
```
#47a6ff
```
#47a6ff rgb(71,166,255)
```
#5bafff
```
#5bafff rgb(91,175,255)
```
#6fb9ff
```
#6fb9ff rgb(111,185,255)
```
#82c2ff
```
#82c2ff rgb(130,194,255)
```
#96ccff
```
#96ccff rgb(150,204,255)
```
#a9d5ff
```
#a9d5ff rgb(169,213,255)
```
#bddfff
```
#bddfff rgb(189,223,255)
```
#d1e9ff
```
#d1e9ff rgb(209,233,255)
```
#e4f2ff
```
#e4f2ff rgb(228,242,255)
```
#f8fcff
```
#f8fcff rgb(248,252,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 #bddfff 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)
```
#ccdff0
```
#ccdff0 rgb(204,223,240)
```
#cadff2
```
#cadff2 rgb(202,223,242)
```
#c7dff5
```
#c7dff5 rgb(199,223,245)
```
#c5dff7
```
#c5dff7 rgb(197,223,247)
```
#c2dffa
```
#c2dffa rgb(194,223,250)
```
#c0dffc
```
#c0dffc rgb(192,223,252)
```
#bddfff
```
#bddfff rgb(189,223,255)
```

Tone Color Variation

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

#d6dbfb Protanopia 1% of men
#ded8ff Deuteranopia 1% of men
#bde2f3 Tritanopia 0.001% of the population

Trichromacy

#cddcfc Protanomaly 1% of men, 0.01% of women
#d2daff Deuteranomaly 6% of men, 0.4% of women
#bde1f7 Tritanomaly 0.01% of the population

#bddfff hex color

#bddfff Color Information

#bddfff Color Conversion

Color Schemes with #bddfff

Alternatives to #bddfff

#bddfff Preview

Shades and Tints of #bddfff

Tones of #bddfff

Color Blindness Simulator