#b4ddda hex color

In a RGB color space, hex #b4ddda is composed of 70.6% red, 86.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 0% magenta, 1.4% yellow and 13.3% black. It has a hue angle of 175.6 degrees, a saturation of 37.6% and a lightness of 78.6%. #b4ddda color hex could be obtained by blending #ffffff with #69bbb5. Closest websafe color is: #cccccc.

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

● #b4ddda color description : Light grayish cyan.

The hexadecimal color #b4ddda has RGB values of R:180, G:221, B:218 and CMYK values of C:0.19, M:0, Y:0.01, K:0.13. Its decimal value is 11853274.

Hex triplet	b4ddda	`#b4ddda`
RGB Decimal	180, 221, 218	`rgb(180,221,218)`
RGB Percent	70.6, 86.7, 85.5	`rgb(70.6%,86.7%,85.5%)`
CMYK	19, 0, 1, 13
HSL	175.6°, 37.6, 78.6	`hsl(175.6,37.6%,78.6%)`
HSV (or HSB)	175.6°, 18.6, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.239, -13.914, -2.967
XYZ	57.331, 66.477, 76.136
xyY	0.287, 0.332, 66.477
CIE-LCH	85.239, 14.227, 192.039
CIE-LUV	85.239, -21.148, -2.189
Hunter-Lab	81.533, -17.169, 1.708
Binary	10110100, 11011101, 11011010

#b4ddda
```
#b4ddda rgb(180,221,218)
```
#ddb4b7
```
#ddb4b7 rgb(221,180,183)
```

Complementary Color

#b4ddc6
```
#b4ddc6 rgb(180,221,198)
```
#b4ddda
```
#b4ddda rgb(180,221,218)
```
#b4ccdd
```
#b4ccdd rgb(180,204,221)
```

Analogous Color

#ddc6b4
```
#ddc6b4 rgb(221,198,180)
```
#b4ddda
```
#b4ddda rgb(180,221,218)
```
#ddb4cc
```
#ddb4cc rgb(221,180,204)
```

Split Complementary Color

#dddab4
```
#dddab4 rgb(221,218,180)
```
#b4ddda
```
#b4ddda rgb(180,221,218)
```
#dab4dd
```
#dab4dd rgb(218,180,221)
```

Triadic Color

#b7ddb4
```
#b7ddb4 rgb(183,221,180)
```
#b4ddda
```
#b4ddda rgb(180,221,218)
```
#dab4dd
```
#dab4dd rgb(218,180,221)
```
#ddb4b7
```
#ddb4b7 rgb(221,180,183)
```

Tetradic Color

#7fc5c0
```
#7fc5c0 rgb(127,197,192)
```
#91cdc9
```
#91cdc9 rgb(145,205,201)
```
#a2d5d1
```
#a2d5d1 rgb(162,213,209)
```
#b4ddda
```
#b4ddda rgb(180,221,218)
```
#c6e5e3
```
#c6e5e3 rgb(198,229,227)
```
#d7edeb
```
#d7edeb rgb(215,237,235)
```
#e9f5f4
```
#e9f5f4 rgb(233,245,244)
```

Monochromatic Color

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

#b4ddd0
```
#b4ddd0 rgb(180,221,208)
```
#b4ddd3
```
#b4ddd3 rgb(180,221,211)
```
#b4ddd7
```
#b4ddd7 rgb(180,221,215)
```
#b4ddda
```
#b4ddda rgb(180,221,218)
```
#b4dddd
```
#b4dddd rgb(180,221,221)
```
#b4d9dd
```
#b4d9dd rgb(180,217,221)
```
#b4d6dd
```
#b4d6dd rgb(180,214,221)
```

Similar Colors

Text with hexadecimal color #b4ddda

This text has a font color of #b4ddda.

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

#b4ddda background color

This paragraph has a background color of #b4ddda.

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

#b4ddda border color

This element has a border color of #b4ddda.

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

CSS codes

.text {color:#b4ddda;}

.background {background-color:#b4ddda;}

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

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

#030606
```
#030606 rgb(3,6,6)
```
#091313
```
#091313 rgb(9,19,19)
```
#0f2120
```
#0f2120 rgb(15,33,32)
```
#152e2d
```
#152e2d rgb(21,46,45)
```
#1b3c3a
```
#1b3c3a rgb(27,60,58)
```
#214947
```
#214947 rgb(33,73,71)
```
#275753
```
#275753 rgb(39,87,83)
```
#2e6460
```
#2e6460 rgb(46,100,96)
```
#34726d
```
#34726d rgb(52,114,109)
```
#3a7f7a
```
#3a7f7a rgb(58,127,122)
```
#408d87
```
#408d87 rgb(64,141,135)
```
#469a94
```
#469a94 rgb(70,154,148)
```
#4ca8a1
```
#4ca8a1 rgb(76,168,161)
```

Shade Color Variation

#56b2ab
```
#56b2ab rgb(86,178,171)
```
#63b8b2
```
#63b8b2 rgb(99,184,178)
```
#71beb9
```
#71beb9 rgb(113,190,185)
```
#7ec5bf
```
#7ec5bf rgb(126,197,191)
```
#8ccbc6
```
#8ccbc6 rgb(140,203,198)
```
#99d1cd
```
#99d1cd rgb(153,209,205)
```
#a7d7d3
```
#a7d7d3 rgb(167,215,211)
```
#b4ddda
```
#b4ddda rgb(180,221,218)
```
#c1e3e1
```
#c1e3e1 rgb(193,227,225)
```
#cfe9e7
```
#cfe9e7 rgb(207,233,231)
```
#dcefee
```
#dcefee rgb(220,239,238)
```
#eaf5f5
```
#eaf5f5 rgb(234,245,245)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#c5cccc
```
#c5cccc rgb(197,204,204)
```
#c1d0cf
```
#c1d0cf rgb(193,208,207)
```
#bcd5d3
```
#bcd5d3 rgb(188,213,211)
```
#b8d9d6
```
#b8d9d6 rgb(184,217,214)
```
#b4ddda
```
#b4ddda rgb(180,221,218)
```
#b0e1de
```
#b0e1de rgb(176,225,222)
```
#ace5e1
```
#ace5e1 rgb(172,229,225)
```
#a7eae5
```
#a7eae5 rgb(167,234,229)
```
#a3eee8
```
#a3eee8 rgb(163,238,232)
```
#9ff2ec
```
#9ff2ec rgb(159,242,236)
```
#9bf6ef
```
#9bf6ef rgb(155,246,239)
```
#97faf3
```
#97faf3 rgb(151,250,243)
```
#92fff7
```
#92fff7 rgb(146,255,247)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cad3d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad6d7 Protanopia 1% of men
#e6d1e0 Deuteranopia 1% of men
#bbdcec Tritanopia 0.001% of the population

Trichromacy

#ccd8d8 Protanomaly 1% of men, 0.01% of women
#d4d5de Deuteranomaly 6% of men, 0.4% of women
#b8dce5 Tritanomaly 0.01% of the population

#b4ddda hex color

#b4ddda Color Information

#b4ddda Color Conversion

Color Schemes with #b4ddda

Alternatives to #b4ddda

#b4ddda Preview

Shades and Tints of #b4ddda

Tones of #b4ddda

Color Blindness Simulator