#bdd4f7 hex color

In a RGB color space, hex #bdd4f7 is composed of 74.1% red, 83.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 14.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 216.2 degrees, a saturation of 78.4% and a lightness of 85.5%. #bdd4f7 color hex could be obtained by blending #ffffff with #7ba9ef. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 83
- B 97
RGB color chart
- C 23
- M 14
- Y 0
- K 3
CMYK color chart

● #bdd4f7 color description : Very soft blue.

The hexadecimal color #bdd4f7 has RGB values of R:189, G:212, B:247 and CMYK values of C:0.23, M:0.14, Y:0, K:0.03. Its decimal value is 12440823.

Hex triplet	bdd4f7	`#bdd4f7`
RGB Decimal	189, 212, 247	`rgb(189,212,247)`
RGB Percent	74.1, 83.1, 96.9	`rgb(74.1%,83.1%,96.9%)`
CMYK	23, 14, 0, 3
HSL	216.2°, 78.4, 85.5	`hsl(216.2,78.4%,85.5%)`
HSV (or HSB)	216.2°, 23.5, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.288, -0.245, -19.687
XYZ	61.315, 64.62, 97.233
xyY	0.275, 0.29, 64.62
CIE-LCH	84.288, 19.688, 269.286
CIE-LUV	84.288, -13.546, -31.247
Hunter-Lab	80.387, -4.526, -15.445
Binary	10111101, 11010100, 11110111

#bdd4f7
```
#bdd4f7 rgb(189,212,247)
```
#f7e0bd
```
#f7e0bd rgb(247,224,189)
```

Complementary Color

#bdf1f7
```
#bdf1f7 rgb(189,241,247)
```
#bdd4f7
```
#bdd4f7 rgb(189,212,247)
```
#c3bdf7
```
#c3bdf7 rgb(195,189,247)
```

Analogous Color

#f1f7bd
```
#f1f7bd rgb(241,247,189)
```
#bdd4f7
```
#bdd4f7 rgb(189,212,247)
```
#f7c3bd
```
#f7c3bd rgb(247,195,189)
```

Split Complementary Color

#d4f7bd
```
#d4f7bd rgb(212,247,189)
```
#bdd4f7
```
#bdd4f7 rgb(189,212,247)
```
#f7bdd4
```
#f7bdd4 rgb(247,189,212)
```

Triadic Color

#bdf7e0
```
#bdf7e0 rgb(189,247,224)
```
#bdd4f7
```
#bdd4f7 rgb(189,212,247)
```
#f7bdd4
```
#f7bdd4 rgb(247,189,212)
```
#f7e0bd
```
#f7e0bd rgb(247,224,189)
```

Tetradic Color

#79a8ef
```
#79a8ef rgb(121,168,239)
```
#90b6f1
```
#90b6f1 rgb(144,182,241)
```
#a6c5f4
```
#a6c5f4 rgb(166,197,244)
```
#bdd4f7
```
#bdd4f7 rgb(189,212,247)
```
#d4e3fa
```
#d4e3fa rgb(212,227,250)
```
#eaf2fd
```
#eaf2fd rgb(234,242,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bde3f7
```
#bde3f7 rgb(189,227,247)
```
#bddef7
```
#bddef7 rgb(189,222,247)
```
#bdd9f7
```
#bdd9f7 rgb(189,217,247)
```
#bdd4f7
```
#bdd4f7 rgb(189,212,247)
```
#bdcff7
```
#bdcff7 rgb(189,207,247)
```
#bdcaf7
```
#bdcaf7 rgb(189,202,247)
```
#bdc6f7
```
#bdc6f7 rgb(189,198,247)
```

Similar Colors

Text with hexadecimal color #bdd4f7

This text has a font color of #bdd4f7.

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

#bdd4f7 background color

This paragraph has a background color of #bdd4f7.

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

#bdd4f7 border color

This element has a border color of #bdd4f7.

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

CSS codes

.text {color:#bdd4f7;}

.background {background-color:#bdd4f7;}

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

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

#000204
```
#000204 rgb(0,2,4)
```
#030a15
```
#030a15 rgb(3,10,21)
```
#051227
```
#051227 rgb(5,18,39)
```
#071b38
```
#071b38 rgb(7,27,56)
```
#09234a
```
#09234a rgb(9,35,74)
```
#0b2b5b
```
#0b2b5b rgb(11,43,91)
```
#0d336d
```
#0d336d rgb(13,51,109)
```
#0f3b7e
```
#0f3b7e rgb(15,59,126)
```
#114490
```
#114490 rgb(17,68,144)
```
#144ca1
```
#144ca1 rgb(20,76,161)
```
#1654b3
```
#1654b3 rgb(22,84,179)
```
#185cc4
```
#185cc4 rgb(24,92,196)
```
#1a64d6
```
#1a64d6 rgb(26,100,214)
```

Shade Color Variation

#206de4
```
#206de4 rgb(32,109,228)
```
#3179e6
```
#3179e6 rgb(49,121,230)
```
#4384e8
```
#4384e8 rgb(67,132,232)
```
#5490ea
```
#5490ea rgb(84,144,234)
```
#669bec
```
#669bec rgb(102,155,236)
```
#77a6ef
```
#77a6ef rgb(119,166,239)
```
#89b2f1
```
#89b2f1 rgb(137,178,241)
```
#9abdf3
```
#9abdf3 rgb(154,189,243)
```
#acc9f5
```
#acc9f5 rgb(172,201,245)
```
#bdd4f7
```
#bdd4f7 rgb(189,212,247)
```
#cedff9
```
#cedff9 rgb(206,223,249)
```
#e0ebfb
```
#e0ebfb rgb(224,235,251)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```

Tint Color Variation

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

#d9dadb
```
#d9dadb rgb(217,218,219)
```
#d7d9dd
```
#d7d9dd rgb(215,217,221)
```
#d4d9e0
```
#d4d9e0 rgb(212,217,224)
```
#d1d8e3
```
#d1d8e3 rgb(209,216,227)
```
#ced8e6
```
#ced8e6 rgb(206,216,230)
```
#cbd7e9
```
#cbd7e9 rgb(203,215,233)
```
#c8d6ec
```
#c8d6ec rgb(200,214,236)
```
#c6d6ee
```
#c6d6ee rgb(198,214,238)
```
#c3d5f1
```
#c3d5f1 rgb(195,213,241)
```
#c0d5f4
```
#c0d5f4 rgb(192,213,244)
```
#bdd4f7
```
#bdd4f7 rgb(189,212,247)
```
#bad3fa
```
#bad3fa rgb(186,211,250)
```
#b7d3fd
```
#b7d3fd rgb(183,211,253)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cdd2d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd2f5 Protanopia 1% of men
#d5d0f9 Deuteranopia 1% of men
#bcd8e8 Tritanopia 0.001% of the population

Trichromacy

#c7d3f5 Protanomaly 1% of men, 0.01% of women
#ccd1f8 Deuteranomaly 6% of men, 0.4% of women
#bcd7ed Tritanomaly 0.01% of the population

#bdd4f7 hex color

#bdd4f7 Color Information

#bdd4f7 Color Conversion

Color Schemes with #bdd4f7

Alternatives to #bdd4f7

#bdd4f7 Preview

Shades and Tints of #bdd4f7

Tones of #bdd4f7

Color Blindness Simulator