#b8dded hex color

In a RGB color space, hex #b8dded is composed of 72.2% red, 86.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 6.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 198.1 degrees, a saturation of 59.6% and a lightness of 82.5%. #b8dded color hex could be obtained by blending #ffffff with #71bbdb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 72
- G 87
- B 93
RGB color chart
- C 22
- M 7
- Y 0
- K 7
CMYK color chart

● #b8dded color description : Very soft blue.

The hexadecimal color #b8dded has RGB values of R:184, G:221, B:237 and CMYK values of C:0.22, M:0.07, Y:0, K:0.07. Its decimal value is 12115437.

Hex triplet	b8dded	`#b8dded`
RGB Decimal	184, 221, 237	`rgb(184,221,237)`
RGB Percent	72.2, 86.7, 92.9	`rgb(72.2%,86.7%,92.9%)`
CMYK	22, 7, 0, 7
HSL	198.1°, 59.6, 82.5	`hsl(198.1,59.6%,82.5%)`
HSV (or HSB)	198.1°, 22.4, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.014, -8.651, -11.835
XYZ	60.906, 68.016, 90.036
xyY	0.278, 0.311, 68.016
CIE-LCH	86.014, 14.659, 233.834
CIE-LUV	86.014, -19.618, -17.127
Hunter-Lab	82.472, -12.502, -6.997
Binary	10111000, 11011101, 11101101

#b8dded
```
#b8dded rgb(184,221,237)
```
#edc8b8
```
#edc8b8 rgb(237,200,184)
```

Complementary Color

#b8ede3
```
#b8ede3 rgb(184,237,227)
```
#b8dded
```
#b8dded rgb(184,221,237)
```
#b8c3ed
```
#b8c3ed rgb(184,195,237)
```

Analogous Color

#ede3b8
```
#ede3b8 rgb(237,227,184)
```
#b8dded
```
#b8dded rgb(184,221,237)
```
#edb8c3
```
#edb8c3 rgb(237,184,195)
```

Split Complementary Color

#ddedb8
```
#ddedb8 rgb(221,237,184)
```
#b8dded
```
#b8dded rgb(184,221,237)
```
#edb8dd
```
#edb8dd rgb(237,184,221)
```

Triadic Color

#b8edc8
```
#b8edc8 rgb(184,237,200)
```
#b8dded
```
#b8dded rgb(184,221,237)
```
#edb8dd
```
#edb8dd rgb(237,184,221)
```
#edc8b8
```
#edc8b8 rgb(237,200,184)
```

Tetradic Color

#7bc0de
```
#7bc0de rgb(123,192,222)
```
#8fcae3
```
#8fcae3 rgb(143,202,227)
```
#a4d3e8
```
#a4d3e8 rgb(164,211,232)
```
#b8dded
```
#b8dded rgb(184,221,237)
```
#cce7f2
```
#cce7f2 rgb(204,231,242)
```
#e1f0f7
```
#e1f0f7 rgb(225,240,247)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Monochromatic Color

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

#b8eaed
```
#b8eaed rgb(184,234,237)
```
#b8e6ed
```
#b8e6ed rgb(184,230,237)
```
#b8e1ed
```
#b8e1ed rgb(184,225,237)
```
#b8dded
```
#b8dded rgb(184,221,237)
```
#b8d9ed
```
#b8d9ed rgb(184,217,237)
```
#b8d4ed
```
#b8d4ed rgb(184,212,237)
```
#b8d0ed
```
#b8d0ed rgb(184,208,237)
```

Similar Colors

Text with hexadecimal color #b8dded

This text has a font color of #b8dded.

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

#b8dded background color

This paragraph has a background color of #b8dded.

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

#b8dded border color

This element has a border color of #b8dded.

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

CSS codes

.text {color:#b8dded;}

.background {background-color:#b8dded;}

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

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

#020607
```
#020607 rgb(2,6,7)
```
#061217
```
#061217 rgb(6,18,23)
```
#0a1e27
```
#0a1e27 rgb(10,30,39)
```
#0e2a36
```
#0e2a36 rgb(14,42,54)
```
#123646
```
#123646 rgb(18,54,70)
```
#164255
```
#164255 rgb(22,66,85)
```
#1a4e65
```
#1a4e65 rgb(26,78,101)
```
#1e5a75
```
#1e5a75 rgb(30,90,117)
```
#226784
```
#226784 rgb(34,103,132)
```
#267394
```
#267394 rgb(38,115,148)
```
#2a7fa4
```
#2a7fa4 rgb(42,127,164)
```
#2d8bb3
```
#2d8bb3 rgb(45,139,179)
```
#3197c3
```
#3197c3 rgb(49,151,195)
```

Shade Color Variation

#3ba1cd
```
#3ba1cd rgb(59,161,205)
```
#4aa9d1
```
#4aa9d1 rgb(74,169,209)
```
#5ab0d5
```
#5ab0d5 rgb(90,176,213)
```
#6ab8d9
```
#6ab8d9 rgb(106,184,217)
```
#79bfdd
```
#79bfdd rgb(121,191,221)
```
#89c7e1
```
#89c7e1 rgb(137,199,225)
```
#99cee5
```
#99cee5 rgb(153,206,229)
```
#a8d6e9
```
#a8d6e9 rgb(168,214,233)
```
#b8dded
```
#b8dded rgb(184,221,237)
```
#c8e4f1
```
#c8e4f1 rgb(200,228,241)
```
#d7ecf5
```
#d7ecf5 rgb(215,236,245)
```
#e7f3f9
```
#e7f3f9 rgb(231,243,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#d0d4d5
```
#d0d4d5 rgb(208,212,213)
```
#cdd5d8
```
#cdd5d8 rgb(205,213,216)
```
#c9d6dc
```
#c9d6dc rgb(201,214,220)
```
#c6d8df
```
#c6d8df rgb(198,216,223)
```
#c2d9e3
```
#c2d9e3 rgb(194,217,227)
```
#bfdae6
```
#bfdae6 rgb(191,218,230)
```
#bbdcea
```
#bbdcea rgb(187,220,234)
```
#b8dded
```
#b8dded rgb(184,221,237)
```
#b5def0
```
#b5def0 rgb(181,222,240)
```
#b1e0f4
```
#b1e0f4 rgb(177,224,244)
```
#aee1f7
```
#aee1f7 rgb(174,225,247)
```
#aae2fb
```
#aae2fb rgb(170,226,251)
```
#a7e4fe
```
#a7e4fe rgb(167,228,254)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#ced6d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d7e9 Protanopia 1% of men
#e1d3f1 Deuteranopia 1% of men
#bbdeee Tritanopia 0.001% of the population

Trichromacy

#ccd9eb Protanomaly 1% of men, 0.01% of women
#d2d7ef Deuteranomaly 6% of men, 0.4% of women
#badeee Tritanomaly 0.01% of the population

#b8dded hex color

#b8dded Color Information

#b8dded Color Conversion

Color Schemes with #b8dded

Alternatives to #b8dded

#b8dded Preview

Shades and Tints of #b8dded

Tones of #b8dded

Color Blindness Simulator