#bdc7f9 hex color

In a RGB color space, hex #bdc7f9 is composed of 74.1% red, 78% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 20.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 230 degrees, a saturation of 83.3% and a lightness of 85.9%. #bdc7f9 color hex could be obtained by blending #ffffff with #7b8ff3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 78
- B 98
RGB color chart
- C 24
- M 20
- Y 0
- K 2
CMYK color chart

● #bdc7f9 color description : Very soft blue.

The hexadecimal color #bdc7f9 has RGB values of R:189, G:199, B:249 and CMYK values of C:0.24, M:0.2, Y:0, K:0.02. Its decimal value is 12437497.

Hex triplet	bdc7f9	`#bdc7f9`
RGB Decimal	189, 199, 249	`rgb(189,199,249)`
RGB Percent	74.1, 78, 97.6	`rgb(74.1%,78%,97.6%)`
CMYK	24, 20, 0, 2
HSL	230°, 83.3, 85.9	`hsl(230,83.3%,85.9%)`
HSV (or HSB)	230°, 24.1, 97.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	81.018, 7.143, -25.715
XYZ	58.505, 58.504, 97.827
xyY	0.272, 0.272, 58.504
CIE-LCH	81.018, 26.689, 285.525
CIE-LUV	81.018, -7.91, -42.235
Hunter-Lab	76.488, 2.679, -22.29
Binary	10111101, 11000111, 11111001

#bdc7f9
```
#bdc7f9 rgb(189,199,249)
```
#f9efbd
```
#f9efbd rgb(249,239,189)
```

Complementary Color

#bde5f9
```
#bde5f9 rgb(189,229,249)
```
#bdc7f9
```
#bdc7f9 rgb(189,199,249)
```
#d1bdf9
```
#d1bdf9 rgb(209,189,249)
```

Analogous Color

#e5f9bd
```
#e5f9bd rgb(229,249,189)
```
#bdc7f9
```
#bdc7f9 rgb(189,199,249)
```
#f9d1bd
```
#f9d1bd rgb(249,209,189)
```

Split Complementary Color

#c7f9bd
```
#c7f9bd rgb(199,249,189)
```
#bdc7f9
```
#bdc7f9 rgb(189,199,249)
```
#f9bdc7
```
#f9bdc7 rgb(249,189,199)
```

Triadic Color

#bdf9ef
```
#bdf9ef rgb(189,249,239)
```
#bdc7f9
```
#bdc7f9 rgb(189,199,249)
```
#f9bdc7
```
#f9bdc7 rgb(249,189,199)
```
#f9efbd
```
#f9efbd rgb(249,239,189)
```

Tetradic Color

#778cf3
```
#778cf3 rgb(119,140,243)
```
#8e9ff5
```
#8e9ff5 rgb(142,159,245)
```
#a6b3f7
```
#a6b3f7 rgb(166,179,247)
```
#bdc7f9
```
#bdc7f9 rgb(189,199,249)
```
#d4dbfb
```
#d4dbfb rgb(212,219,251)
```
#eceffd
```
#eceffd rgb(236,239,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdd6f9
```
#bdd6f9 rgb(189,214,249)
```
#bdd1f9
```
#bdd1f9 rgb(189,209,249)
```
#bdccf9
```
#bdccf9 rgb(189,204,249)
```
#bdc7f9
```
#bdc7f9 rgb(189,199,249)
```
#bdc2f9
```
#bdc2f9 rgb(189,194,249)
```
#bdbdf9
```
#bdbdf9 rgb(189,189,249)
```
#c2bdf9
```
#c2bdf9 rgb(194,189,249)
```

Similar Colors

Text with hexadecimal color #bdc7f9

This text has a font color of #bdc7f9.

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

#bdc7f9 background color

This paragraph has a background color of #bdc7f9.

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

#bdc7f9 border color

This element has a border color of #bdc7f9.

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

CSS codes

.text {color:#bdc7f9;}

.background {background-color:#bdc7f9;}

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

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

#010106
```
#010106 rgb(1,1,6)
```
#020618
```
#020618 rgb(2,6,24)
```
#040a2a
```
#040a2a rgb(4,10,42)
```
#050f3c
```
#050f3c rgb(5,15,60)
```
#07134e
```
#07134e rgb(7,19,78)
```
#091760
```
#091760 rgb(9,23,96)
```
#0a1c72
```
#0a1c72 rgb(10,28,114)
```
#0c2084
```
#0c2084 rgb(12,32,132)
```
#0e2496
```
#0e2496 rgb(14,36,150)
```
#0f29a8
```
#0f29a8 rgb(15,41,168)
```
#112dba
```
#112dba rgb(17,45,186)
```
#1331cc
```
#1331cc rgb(19,49,204)
```
#1436de
```
#1436de rgb(20,54,222)
```

Shade Color Variation

#1b3eea
```
#1b3eea rgb(27,62,234)
```
#2d4dec
```
#2d4dec rgb(45,77,236)
```
#3f5cee
```
#3f5cee rgb(63,92,238)
```
#516bef
```
#516bef rgb(81,107,239)
```
#637bf1
```
#637bf1 rgb(99,123,241)
```
#758af2
```
#758af2 rgb(117,138,242)
```
#8799f4
```
#8799f4 rgb(135,153,244)
```
#99a8f6
```
#99a8f6 rgb(153,168,246)
```
#abb8f7
```
#abb8f7 rgb(171,184,247)
```
#bdc7f9
```
#bdc7f9 rgb(189,199,249)
```
#cfd6fb
```
#cfd6fb rgb(207,214,251)
```
#e1e6fc
```
#e1e6fc rgb(225,230,252)
```
#f3f5fe
```
#f3f5fe rgb(243,245,254)
```

Tint Color Variation

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

#d9d9dd
```
#d9d9dd rgb(217,217,221)
```
#d6d8e0
```
#d6d8e0 rgb(214,216,224)
```
#d3d6e3
```
#d3d6e3 rgb(211,214,227)
```
#d0d4e6
```
#d0d4e6 rgb(208,212,230)
```
#ced2e8
```
#ced2e8 rgb(206,210,232)
```
#cbd0eb
```
#cbd0eb rgb(203,208,235)
```
#c8ceee
```
#c8ceee rgb(200,206,238)
```
#c5cdf1
```
#c5cdf1 rgb(197,205,241)
```
#c3cbf3
```
#c3cbf3 rgb(195,203,243)
```
#c0c9f6
```
#c0c9f6 rgb(192,201,246)
```
#bdc7f9
```
#bdc7f9 rgb(189,199,249)
```
#bac5fc
```
#bac5fc rgb(186,197,252)
```
#b7c3ff
```
#b7c3ff rgb(183,195,255)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c7c9d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfcaf9 Protanopia 1% of men
#c5c8f9 Deuteranopia 1% of men
#b9cfdd Tritanopia 0.001% of the population

Trichromacy

#bec8f9 Protanomaly 1% of men, 0.01% of women
#c2c7f9 Deuteranomaly 6% of men, 0.4% of women
#bbcce7 Tritanomaly 0.01% of the population

#bdc7f9 hex color

#bdc7f9 Color Information

#bdc7f9 Color Conversion

Color Schemes with #bdc7f9

Alternatives to #bdc7f9

#bdc7f9 Preview

Shades and Tints of #bdc7f9

Tones of #bdc7f9

Color Blindness Simulator