#b7d5fd hex color

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

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

● #b7d5fd color description : Very soft blue.

The hexadecimal color #b7d5fd has RGB values of R:183, G:213, B:253 and CMYK values of C:0.28, M:0.16, Y:0, K:0.01. Its decimal value is 12047869.

Hex triplet	b7d5fd	`#b7d5fd`
RGB Decimal	183, 213, 253	`rgb(183,213,253)`
RGB Percent	71.8, 83.5, 99.2	`rgb(71.8%,83.5%,99.2%)`
CMYK	28, 16, 0, 1
HSL	214.3°, 94.6, 85.5	`hsl(214.3,94.6%,85.5%)`
HSV (or HSB)	214.3°, 27.7, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.353, -1.153, -22.802
XYZ	61.049, 64.746, 102.204
xyY	0.268, 0.284, 64.746
CIE-LCH	84.353, 22.831, 267.106
CIE-LUV	84.353, -16.941, -36.299
Hunter-Lab	80.465, -5.386, -18.983
Binary	10110111, 11010101, 11111101

#b7d5fd
```
#b7d5fd rgb(183,213,253)
```
#fddfb7
```
#fddfb7 rgb(253,223,183)
```

Complementary Color

#b7f8fd
```
#b7f8fd rgb(183,248,253)
```
#b7d5fd
```
#b7d5fd rgb(183,213,253)
```
#bcb7fd
```
#bcb7fd rgb(188,183,253)
```

Analogous Color

#f8fdb7
```
#f8fdb7 rgb(248,253,183)
```
#b7d5fd
```
#b7d5fd rgb(183,213,253)
```
#fdbcb7
```
#fdbcb7 rgb(253,188,183)
```

Split Complementary Color

#d5fdb7
```
#d5fdb7 rgb(213,253,183)
```
#b7d5fd
```
#b7d5fd rgb(183,213,253)
```
#fdb7d5
```
#fdb7d5 rgb(253,183,213)
```

Triadic Color

#b7fddf
```
#b7fddf rgb(183,253,223)
```
#b7d5fd
```
#b7d5fd rgb(183,213,253)
```
#fdb7d5
```
#fdb7d5 rgb(253,183,213)
```
#fddfb7
```
#fddfb7 rgb(253,223,183)
```

Tetradic Color

#6daafb
```
#6daafb rgb(109,170,251)
```
#85b8fc
```
#85b8fc rgb(133,184,252)
```
#9ec7fc
```
#9ec7fc rgb(158,199,252)
```
#b7d5fd
```
#b7d5fd rgb(183,213,253)
```
#d0e3fe
```
#d0e3fe rgb(208,227,254)
```
#e9f2fe
```
#e9f2fe rgb(233,242,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b7e7fd
```
#b7e7fd rgb(183,231,253)
```
#b7e1fd
```
#b7e1fd rgb(183,225,253)
```
#b7dbfd
```
#b7dbfd rgb(183,219,253)
```
#b7d5fd
```
#b7d5fd rgb(183,213,253)
```
#b7cffd
```
#b7cffd rgb(183,207,253)
```
#b7c9fd
```
#b7c9fd rgb(183,201,253)
```
#b7c4fd
```
#b7c4fd rgb(183,196,253)
```

Similar Colors

Text with hexadecimal color #b7d5fd

This text has a font color of #b7d5fd.

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

#b7d5fd background color

This paragraph has a background color of #b7d5fd.

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

#b7d5fd border color

This element has a border color of #b7d5fd.

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

CSS codes

.text {color:#b7d5fd;}

.background {background-color:#b7d5fd;}

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

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)
```
#010a17
```
#010a17 rgb(1,10,23)
```
#01132b
```
#01132b rgb(1,19,43)
```
#021b3e
```
#021b3e rgb(2,27,62)
```
#022451
```
#022451 rgb(2,36,81)
```
#032c64
```
#032c64 rgb(3,44,100)
```
#033577
```
#033577 rgb(3,53,119)
```
#043d8a
```
#043d8a rgb(4,61,138)
```
#04469d
```
#04469d rgb(4,70,157)
```
#054eb0
```
#054eb0 rgb(5,78,176)
```
#0557c3
```
#0557c3 rgb(5,87,195)
```
#065fd6
```
#065fd6 rgb(6,95,214)
```
#0668e9
```
#0668e9 rgb(6,104,233)
```

Shade Color Variation

#0b71f8
```
#0b71f8 rgb(11,113,248)
```
#1e7cf9
```
#1e7cf9 rgb(30,124,249)
```
#3187f9
```
#3187f9 rgb(49,135,249)
```
#4492fa
```
#4492fa rgb(68,146,250)
```
#589dfa
```
#589dfa rgb(88,157,250)
```
#6ba8fb
```
#6ba8fb rgb(107,168,251)
```
#7eb4fb
```
#7eb4fb rgb(126,180,251)
```
#91bffc
```
#91bffc rgb(145,191,252)
```
#a4cafc
```
#a4cafc rgb(164,202,252)
```
#b7d5fd
```
#b7d5fd rgb(183,213,253)
```
#cae0fe
```
#cae0fe rgb(202,224,254)
```
#ddebfe
```
#ddebfe rgb(221,235,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 #b7d5fd is the most saturated one.

#d9dadb
```
#d9dadb rgb(217,218,219)
```
#d6d9de
```
#d6d9de rgb(214,217,222)
```
#d3d9e1
```
#d3d9e1 rgb(211,217,225)
```
#d1d9e3
```
#d1d9e3 rgb(209,217,227)
```
#ced8e6
```
#ced8e6 rgb(206,216,230)
```
#cbd8e9
```
#cbd8e9 rgb(203,216,233)
```
#c8d7ec
```
#c8d7ec rgb(200,215,236)
```
#c5d7ef
```
#c5d7ef rgb(197,215,239)
```
#c2d7f2
```
#c2d7f2 rgb(194,215,242)
```
#c0d6f4
```
#c0d6f4 rgb(192,214,244)
```
#bdd6f7
```
#bdd6f7 rgb(189,214,247)
```
#bad5fa
```
#bad5fa rgb(186,213,250)
```
#b7d5fd
```
#b7d5fd rgb(183,213,253)
```

Tone Color Variation

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

Dichromacy

#cbd2fa Protanopia 1% of men
#d1d0ff Deuteranopia 1% of men
#b5daea Tritanopia 0.001% of the population

Trichromacy

#c4d3fb Protanomaly 1% of men, 0.01% of women
#c8d2fe Deuteranomaly 6% of men, 0.4% of women
#b6d8f1 Tritanomaly 0.01% of the population

#b7d5fd hex color

#b7d5fd Color Information

#b7d5fd Color Conversion

Color Schemes with #b7d5fd

Alternatives to #b7d5fd

#b7d5fd Preview

Shades and Tints of #b7d5fd

Tones of #b7d5fd

Color Blindness Simulator