#b7dfdd hex color

In a RGB color space, hex #b7dfdd is composed of 71.8% red, 87.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 0% magenta, 0.9% yellow and 12.5% black. It has a hue angle of 177 degrees, a saturation of 38.5% and a lightness of 79.6%. #b7dfdd color hex could be obtained by blending #ffffff with #6fbfbb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 87
- B 87
RGB color chart
- C 18
- M 0
- Y 1
- K 13
CMYK color chart

● #b7dfdd color description : Light grayish cyan.

The hexadecimal color #b7dfdd has RGB values of R:183, G:223, B:221 and CMYK values of C:0.18, M:0, Y:0.01, K:0.13. Its decimal value is 12050397.

Hex triplet	b7dfdd	`#b7dfdd`
RGB Decimal	183, 223, 221	`rgb(183,223,221)`
RGB Percent	71.8, 87.5, 86.7	`rgb(71.8%,87.5%,86.7%)`
CMYK	18, 0, 1, 13
HSL	177°, 38.5, 79.6	`hsl(177,38.5%,79.6%)`
HSV (or HSB)	177°, 17.9, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.037, -13.38, -3.358
XYZ	58.964, 68.062, 78.433
xyY	0.287, 0.331, 68.062
CIE-LCH	86.037, 13.795, 194.09
CIE-LUV	86.037, -20.699, -2.888
Hunter-Lab	82.499, -16.796, 1.382
Binary	10110111, 11011111, 11011101

#b7dfdd
```
#b7dfdd rgb(183,223,221)
```
#dfb7b9
```
#dfb7b9 rgb(223,183,185)
```

Complementary Color

#b7dfc9
```
#b7dfc9 rgb(183,223,201)
```
#b7dfdd
```
#b7dfdd rgb(183,223,221)
```
#b7cddf
```
#b7cddf rgb(183,205,223)
```

Analogous Color

#dfc9b7
```
#dfc9b7 rgb(223,201,183)
```
#b7dfdd
```
#b7dfdd rgb(183,223,221)
```
#dfb7cd
```
#dfb7cd rgb(223,183,205)
```

Split Complementary Color

#dfddb7
```
#dfddb7 rgb(223,221,183)
```
#b7dfdd
```
#b7dfdd rgb(183,223,221)
```
#ddb7df
```
#ddb7df rgb(221,183,223)
```

Triadic Color

#b9dfb7
```
#b9dfb7 rgb(185,223,183)
```
#b7dfdd
```
#b7dfdd rgb(183,223,221)
```
#ddb7df
```
#ddb7df rgb(221,183,223)
```
#dfb7b9
```
#dfb7b9 rgb(223,183,185)
```

Tetradic Color

#82c7c4
```
#82c7c4 rgb(130,199,196)
```
#94cfcc
```
#94cfcc rgb(148,207,204)
```
#a5d7d5
```
#a5d7d5 rgb(165,215,213)
```
#b7dfdd
```
#b7dfdd rgb(183,223,221)
```
#c9e7e5
```
#c9e7e5 rgb(201,231,229)
```
#daefee
```
#daefee rgb(218,239,238)
```
#ecf7f6
```
#ecf7f6 rgb(236,247,246)
```

Monochromatic Color

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

#b7dfd3
```
#b7dfd3 rgb(183,223,211)
```
#b7dfd6
```
#b7dfd6 rgb(183,223,214)
```
#b7dfda
```
#b7dfda rgb(183,223,218)
```
#b7dfdd
```
#b7dfdd rgb(183,223,221)
```
#b7dedf
```
#b7dedf rgb(183,222,223)
```
#b7dadf
```
#b7dadf rgb(183,218,223)
```
#b7d7df
```
#b7d7df rgb(183,215,223)
```

Similar Colors

Text with hexadecimal color #b7dfdd

This text has a font color of #b7dfdd.

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

#b7dfdd background color

This paragraph has a background color of #b7dfdd.

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

#b7dfdd border color

This element has a border color of #b7dfdd.

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

CSS codes

.text {color:#b7dfdd;}

.background {background-color:#b7dfdd;}

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0a1716
```
#0a1716 rgb(10,23,22)
```
#102524
```
#102524 rgb(16,37,36)
```
#163231
```
#163231 rgb(22,50,49)
```
#1c403e
```
#1c403e rgb(28,64,62)
```
#224d4b
```
#224d4b rgb(34,77,75)
```
#285b58
```
#285b58 rgb(40,91,88)
```
#2e6966
```
#2e6966 rgb(46,105,102)
```
#347673
```
#347673 rgb(52,118,115)
```
#3b8480
```
#3b8480 rgb(59,132,128)
```
#41918d
```
#41918d rgb(65,145,141)
```
#479f9a
```
#479f9a rgb(71,159,154)
```
#4daca8
```
#4daca8 rgb(77,172,168)
```

Shade Color Variation

#58b5b0
```
#58b5b0 rgb(88,181,176)
```
#66bbb7
```
#66bbb7 rgb(102,187,183)
```
#73c1bd
```
#73c1bd rgb(115,193,189)
```
#81c7c3
```
#81c7c3 rgb(129,199,195)
```
#8ecdca
```
#8ecdca rgb(142,205,202)
```
#9cd3d0
```
#9cd3d0 rgb(156,211,208)
```
#a9d9d7
```
#a9d9d7 rgb(169,217,215)
```
#b7dfdd
```
#b7dfdd rgb(183,223,221)
```
#c5e5e3
```
#c5e5e3 rgb(197,229,227)
```
#d2ebea
```
#d2ebea rgb(210,235,234)
```
#e0f1f0
```
#e0f1f0 rgb(224,241,240)
```
#edf7f7
```
#edf7f7 rgb(237,247,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#cbcbcb
```
#cbcbcb rgb(203,203,203)
```
#c7cfcf
```
#c7cfcf rgb(199,207,207)
```
#c3d3d2
```
#c3d3d2 rgb(195,211,210)
```
#bfd7d6
```
#bfd7d6 rgb(191,215,214)
```
#bbdbd9
```
#bbdbd9 rgb(187,219,217)
```
#b7dfdd
```
#b7dfdd rgb(183,223,221)
```
#b3e3e1
```
#b3e3e1 rgb(179,227,225)
```
#afe7e4
```
#afe7e4 rgb(175,231,228)
```
#abebe8
```
#abebe8 rgb(171,235,232)
```
#a7efeb
```
#a7efeb rgb(167,239,235)
```
#a3f3ef
```
#a3f3ef rgb(163,243,239)
```
#9ff7f3
```
#9ff7f3 rgb(159,247,243)
```
#9bfbf6
```
#9bfbf6 rgb(155,251,246)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cdd5d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd8da Protanopia 1% of men
#e8d3e3 Deuteranopia 1% of men
#bedeee Tritanopia 0.001% of the population

Trichromacy

#cedadb Protanomaly 1% of men, 0.01% of women
#d6d7e0 Deuteranomaly 6% of men, 0.4% of women
#bbdee7 Tritanomaly 0.01% of the population

#b7dfdd hex color

#b7dfdd Color Information

#b7dfdd Color Conversion

Color Schemes with #b7dfdd

Alternatives to #b7dfdd

#b7dfdd Preview

Shades and Tints of #b7dfdd

Tones of #b7dfdd

Color Blindness Simulator