#b8dddd hex color

In a RGB color space, hex #b8dddd is composed of 72.2% red, 86.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 0% yellow and 13.3% black. It has a hue angle of 180 degrees, a saturation of 35.2% and a lightness of 79.4%. #b8dddd color hex could be obtained by blending #ffffff with #71bbbb. Closest websafe color is: #cccccc.

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

● #b8dddd color description : Light grayish cyan.

The hexadecimal color #b8dddd has RGB values of R:184, G:221, B:221 and CMYK values of C:0.17, M:0, Y:0, K:0.13. Its decimal value is 12115421.

Hex triplet	b8dddd	`#b8dddd`
RGB Decimal	184, 221, 221	`rgb(184,221,221)`
RGB Percent	72.2, 86.7, 86.7	`rgb(72.2%,86.7%,86.7%)`
CMYK	17, 0, 0, 13
HSL	180°, 35.2, 79.4	`hsl(180,35.2%,79.4%)`
HSV (or HSB)	180°, 16.7, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.566, -12.054, -4.045
XYZ	58.672, 67.122, 78.267
xyY	0.288, 0.329, 67.122
CIE-LCH	85.566, 12.714, 198.551
CIE-LUV	85.566, -19.304, -4.175
Hunter-Lab	81.928, -15.544, 0.709
Binary	10111000, 11011101, 11011101

#b8dddd
```
#b8dddd rgb(184,221,221)
```
#ddb8b8
```
#ddb8b8 rgb(221,184,184)
```

Complementary Color

#b8ddcb
```
#b8ddcb rgb(184,221,203)
```
#b8dddd
```
#b8dddd rgb(184,221,221)
```
#b8cbdd
```
#b8cbdd rgb(184,203,221)
```

Analogous Color

#ddcbb8
```
#ddcbb8 rgb(221,203,184)
```
#b8dddd
```
#b8dddd rgb(184,221,221)
```
#ddb8cb
```
#ddb8cb rgb(221,184,203)
```

Split Complementary Color

#ddddb8
```
#ddddb8 rgb(221,221,184)
```
#b8dddd
```
#b8dddd rgb(184,221,221)
```
#ddb8dd
```
#ddb8dd rgb(221,184,221)
```

Triadic Color

#b8ddb8
```
#b8ddb8 rgb(184,221,184)
```
#b8dddd
```
#b8dddd rgb(184,221,221)
```
#ddb8dd
```
#ddb8dd rgb(221,184,221)
```
#ddb8b8
```
#ddb8b8 rgb(221,184,184)
```

Tetradic Color

#84c4c4
```
#84c4c4 rgb(132,196,196)
```
#96cccc
```
#96cccc rgb(150,204,204)
```
#a7d5d5
```
#a7d5d5 rgb(167,213,213)
```
#b8dddd
```
#b8dddd rgb(184,221,221)
```
#c9e5e5
```
#c9e5e5 rgb(201,229,229)
```
#daeeee
```
#daeeee rgb(218,238,238)
```
#ecf6f6
```
#ecf6f6 rgb(236,246,246)
```

Monochromatic Color

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

#b8ddd4
```
#b8ddd4 rgb(184,221,212)
```
#b8ddd7
```
#b8ddd7 rgb(184,221,215)
```
#b8ddda
```
#b8ddda rgb(184,221,218)
```
#b8dddd
```
#b8dddd rgb(184,221,221)
```
#b8dadd
```
#b8dadd rgb(184,218,221)
```
#b8d7dd
```
#b8d7dd rgb(184,215,221)
```
#b8d4dd
```
#b8d4dd rgb(184,212,221)
```

Similar Colors

Text with hexadecimal color #b8dddd

This text has a font color of #b8dddd.

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

#b8dddd background color

This paragraph has a background color of #b8dddd.

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

#b8dddd border color

This element has a border color of #b8dddd.

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

CSS codes

.text {color:#b8dddd;}

.background {background-color:#b8dddd;}

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0a1616
```
#0a1616 rgb(10,22,22)
```
#112323
```
#112323 rgb(17,35,35)
```
#173030
```
#173030 rgb(23,48,48)
```
#1e3e3e
```
#1e3e3e rgb(30,62,62)
```
#244b4b
```
#244b4b rgb(36,75,75)
```
#2a5858
```
#2a5858 rgb(42,88,88)
```
#316565
```
#316565 rgb(49,101,101)
```
#377373
```
#377373 rgb(55,115,115)
```
#3d8080
```
#3d8080 rgb(61,128,128)
```
#448d8d
```
#448d8d rgb(68,141,141)
```
#4a9a9a
```
#4a9a9a rgb(74,154,154)
```
#50a8a8
```
#50a8a8 rgb(80,168,168)
```

Shade Color Variation

#5bb1b1
```
#5bb1b1 rgb(91,177,177)
```
#68b7b7
```
#68b7b7 rgb(104,183,183)
```
#76bdbd
```
#76bdbd rgb(118,189,189)
```
#83c4c4
```
#83c4c4 rgb(131,196,196)
```
#90caca
```
#90caca rgb(144,202,202)
```
#9dd0d0
```
#9dd0d0 rgb(157,208,208)
```
#abd7d7
```
#abd7d7 rgb(171,215,215)
```
#b8dddd
```
#b8dddd rgb(184,221,221)
```
#c5e3e3
```
#c5e3e3 rgb(197,227,227)
```
#d3eaea
```
#d3eaea rgb(211,234,234)
```
#e0f0f0
```
#e0f0f0 rgb(224,240,240)
```
#edf6f6
```
#edf6f6 rgb(237,246,246)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#c8cdcd
```
#c8cdcd rgb(200,205,205)
```
#c4d1d1
```
#c4d1d1 rgb(196,209,209)
```
#c0d5d5
```
#c0d5d5 rgb(192,213,213)
```
#bcd9d9
```
#bcd9d9 rgb(188,217,217)
```
#b8dddd
```
#b8dddd rgb(184,221,221)
```
#b4e1e1
```
#b4e1e1 rgb(180,225,225)
```
#b0e5e5
```
#b0e5e5 rgb(176,229,229)
```
#ace9e9
```
#ace9e9 rgb(172,233,233)
```
#a8eded
```
#a8eded rgb(168,237,237)
```
#a4f1f1
```
#a4f1f1 rgb(164,241,241)
```
#a0f5f5
```
#a0f5f5 rgb(160,245,245)
```
#9cf9f9
```
#9cf9f9 rgb(156,249,249)
```
#98fdfd
```
#98fdfd rgb(152,253,253)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cdd4d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad6da Protanopia 1% of men
#e6d2e3 Deuteranopia 1% of men
#bedcec Tritanopia 0.001% of the population

Trichromacy

#ced9db Protanomaly 1% of men, 0.01% of women
#d5d6e0 Deuteranomaly 6% of men, 0.4% of women
#bcdce6 Tritanomaly 0.01% of the population

#b8dddd hex color

#b8dddd Color Information

#b8dddd Color Conversion

Color Schemes with #b8dddd

Alternatives to #b8dddd

#b8dddd Preview

Shades and Tints of #b8dddd

Tones of #b8dddd

Color Blindness Simulator