#b7d2fd hex color

In a RGB color space, hex #b7d2fd is composed of 71.8% red, 82.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 17% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.9 degrees, a saturation of 94.6% and a lightness of 85.5%. #b7d2fd color hex could be obtained by blending #ffffff with #6fa5fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 72
- G 82
- B 99
RGB color chart
- C 28
- M 17
- Y 0
- K 1
CMYK color chart

● #b7d2fd color description : Very soft blue.

The hexadecimal color #b7d2fd has RGB values of R:183, G:210, B:253 and CMYK values of C:0.28, M:0.17, Y:0, K:0.01. Its decimal value is 12047101.

Hex triplet	b7d2fd	`#b7d2fd`
RGB Decimal	183, 210, 253	`rgb(183,210,253)`
RGB Percent	71.8, 82.4, 99.2	`rgb(71.8%,82.4%,99.2%)`
CMYK	28, 17, 0, 1
HSL	216.9°, 94.6, 85.5	`hsl(216.9,94.6%,85.5%)`
HSV (or HSB)	216.9°, 27.7, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.574, 0.435, -23.985
XYZ	60.301, 63.251, 101.955
xyY	0.267, 0.28, 63.251
CIE-LCH	83.574, 23.989, 271.038
CIE-LUV	83.574, -15.65, -38.479
Hunter-Lab	79.53, -3.837, -20.336
Binary	10110111, 11010010, 11111101

#b7d2fd
```
#b7d2fd rgb(183,210,253)
```
#fde2b7
```
#fde2b7 rgb(253,226,183)
```

Complementary Color

#b7f5fd
```
#b7f5fd rgb(183,245,253)
```
#b7d2fd
```
#b7d2fd rgb(183,210,253)
```
#bfb7fd
```
#bfb7fd rgb(191,183,253)
```

Analogous Color

#f5fdb7
```
#f5fdb7 rgb(245,253,183)
```
#b7d2fd
```
#b7d2fd rgb(183,210,253)
```
#fdbfb7
```
#fdbfb7 rgb(253,191,183)
```

Split Complementary Color

#d2fdb7
```
#d2fdb7 rgb(210,253,183)
```
#b7d2fd
```
#b7d2fd rgb(183,210,253)
```
#fdb7d2
```
#fdb7d2 rgb(253,183,210)
```

Triadic Color

#b7fde2
```
#b7fde2 rgb(183,253,226)
```
#b7d2fd
```
#b7d2fd rgb(183,210,253)
```
#fdb7d2
```
#fdb7d2 rgb(253,183,210)
```
#fde2b7
```
#fde2b7 rgb(253,226,183)
```

Tetradic Color

#6da3fb
```
#6da3fb rgb(109,163,251)
```
#85b3fc
```
#85b3fc rgb(133,179,252)
```
#9ec2fc
```
#9ec2fc rgb(158,194,252)
```
#b7d2fd
```
#b7d2fd rgb(183,210,253)
```
#d0e2fe
```
#d0e2fe rgb(208,226,254)
```
#e9f1fe
```
#e9f1fe rgb(233,241,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b7e4fd
```
#b7e4fd rgb(183,228,253)
```
#b7defd
```
#b7defd rgb(183,222,253)
```
#b7d8fd
```
#b7d8fd rgb(183,216,253)
```
#b7d2fd
```
#b7d2fd rgb(183,210,253)
```
#b7ccfd
```
#b7ccfd rgb(183,204,253)
```
#b7c6fd
```
#b7c6fd rgb(183,198,253)
```
#b7c1fd
```
#b7c1fd rgb(183,193,253)
```

Similar Colors

Text with hexadecimal color #b7d2fd

This text has a font color of #b7d2fd.

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

#b7d2fd background color

This paragraph has a background color of #b7d2fd.

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

#b7d2fd border color

This element has a border color of #b7d2fd.

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

CSS codes

.text {color:#b7d2fd;}

.background {background-color:#b7d2fd;}

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010917
```
#010917 rgb(1,9,23)
```
#01112b
```
#01112b rgb(1,17,43)
```
#02193e
```
#02193e rgb(2,25,62)
```
#022051
```
#022051 rgb(2,32,81)
```
#032864
```
#032864 rgb(3,40,100)
```
#033077
```
#033077 rgb(3,48,119)
```
#04388a
```
#04388a rgb(4,56,138)
```
#043f9d
```
#043f9d rgb(4,63,157)
```
#0547b0
```
#0547b0 rgb(5,71,176)
```
#054fc3
```
#054fc3 rgb(5,79,195)
```
#0656d6
```
#0656d6 rgb(6,86,214)
```
#065ee9
```
#065ee9 rgb(6,94,233)
```

Shade Color Variation

#0b67f8
```
#0b67f8 rgb(11,103,248)
```
#1e73f9
```
#1e73f9 rgb(30,115,249)
```
#317ff9
```
#317ff9 rgb(49,127,249)
```
#448afa
```
#448afa rgb(68,138,250)
```
#5896fa
```
#5896fa rgb(88,150,250)
```
#6ba2fb
```
#6ba2fb rgb(107,162,251)
```
#7eaefb
```
#7eaefb rgb(126,174,251)
```
#91bafc
```
#91bafc rgb(145,186,252)
```
#a4c6fc
```
#a4c6fc rgb(164,198,252)
```
#b7d2fd
```
#b7d2fd rgb(183,210,253)
```
#cadefe
```
#cadefe rgb(202,222,254)
```
#ddeafe
```
#ddeafe rgb(221,234,254)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#d9dadb
```
#d9dadb rgb(217,218,219)
```
#d6d9de
```
#d6d9de rgb(214,217,222)
```
#d3d9e1
```
#d3d9e1 rgb(211,217,225)
```
#d1d8e3
```
#d1d8e3 rgb(209,216,227)
```
#ced7e6
```
#ced7e6 rgb(206,215,230)
```
#cbd7e9
```
#cbd7e9 rgb(203,215,233)
```
#c8d6ec
```
#c8d6ec rgb(200,214,236)
```
#c5d5ef
```
#c5d5ef rgb(197,213,239)
```
#c2d5f2
```
#c2d5f2 rgb(194,213,242)
```
#c0d4f4
```
#c0d4f4 rgb(192,212,244)
```
#bdd3f7
```
#bdd3f7 rgb(189,211,247)
```
#bad3fa
```
#bad3fa rgb(186,211,250)
```
#b7d2fd
```
#b7d2fd rgb(183,210,253)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cad0d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8d0fa Protanopia 1% of men
#ceceff Deuteranopia 1% of men
#b5d8e7 Tritanopia 0.001% of the population

Trichromacy

#c2d1fb Protanomaly 1% of men, 0.01% of women
#c5cffe Deuteranomaly 6% of men, 0.4% of women
#b5d5ef Tritanomaly 0.01% of the population

#b7d2fd hex color

#b7d2fd Color Information

#b7d2fd Color Conversion

Color Schemes with #b7d2fd

Alternatives to #b7d2fd

#b7d2fd Preview

Shades and Tints of #b7d2fd

Tones of #b7d2fd

Color Blindness Simulator