#b3ddd4 hex color

In a RGB color space, hex #b3ddd4 is composed of 70.2% red, 86.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 0% magenta, 4.1% yellow and 13.3% black. It has a hue angle of 167.1 degrees, a saturation of 38.2% and a lightness of 78.4%. #b3ddd4 color hex could be obtained by blending #ffffff with #67bba9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 70
- G 87
- B 83
RGB color chart
- C 19
- M 0
- Y 4
- K 13
CMYK color chart

● #b3ddd4 color description : Light grayish cyan.

The hexadecimal color #b3ddd4 has RGB values of R:179, G:221, B:212 and CMYK values of C:0.19, M:0, Y:0.04, K:0.13. Its decimal value is 11787732.

Hex triplet	b3ddd4	`#b3ddd4`
RGB Decimal	179, 221, 212	`rgb(179,221,212)`
RGB Percent	70.2, 86.7, 83.1	`rgb(70.2%,86.7%,83.1%)`
CMYK	19, 0, 4, 13
HSL	167.1°, 38.2, 78.4	`hsl(167.1,38.2%,78.4%)`
HSV (or HSB)	167.1°, 19, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.021, -15.454, -0.12
XYZ	56.328, 66.049, 72.065
xyY	0.29, 0.34, 66.049
CIE-LCH	85.021, 15.454, 180.445
CIE-LUV	85.021, -21.533, 2.46
Hunter-Lab	81.27, -18.506, 4.315
Binary	10110011, 11011101, 11010100

#b3ddd4
```
#b3ddd4 rgb(179,221,212)
```
#ddb3bc
```
#ddb3bc rgb(221,179,188)
```

Complementary Color

#b3ddbf
```
#b3ddbf rgb(179,221,191)
```
#b3ddd4
```
#b3ddd4 rgb(179,221,212)
```
#b3d1dd
```
#b3d1dd rgb(179,209,221)
```

Analogous Color

#ddbfb3
```
#ddbfb3 rgb(221,191,179)
```
#b3ddd4
```
#b3ddd4 rgb(179,221,212)
```
#ddb3d1
```
#ddb3d1 rgb(221,179,209)
```

Split Complementary Color

#ddd4b3
```
#ddd4b3 rgb(221,212,179)
```
#b3ddd4
```
#b3ddd4 rgb(179,221,212)
```
#d4b3dd
```
#d4b3dd rgb(212,179,221)
```

Triadic Color

#bcddb3
```
#bcddb3 rgb(188,221,179)
```
#b3ddd4
```
#b3ddd4 rgb(179,221,212)
```
#d4b3dd
```
#d4b3dd rgb(212,179,221)
```
#ddb3bc
```
#ddb3bc rgb(221,179,188)
```

Tetradic Color

#7ec5b6
```
#7ec5b6 rgb(126,197,182)
```
#90cdc0
```
#90cdc0 rgb(144,205,192)
```
#a1d5ca
```
#a1d5ca rgb(161,213,202)
```
#b3ddd4
```
#b3ddd4 rgb(179,221,212)
```
#c5e5de
```
#c5e5de rgb(197,229,222)
```
#d6ede8
```
#d6ede8 rgb(214,237,232)
```
#e8f5f2
```
#e8f5f2 rgb(232,245,242)
```

Monochromatic Color

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

#b3ddca
```
#b3ddca rgb(179,221,202)
```
#b3ddcd
```
#b3ddcd rgb(179,221,205)
```
#b3ddd1
```
#b3ddd1 rgb(179,221,209)
```
#b3ddd4
```
#b3ddd4 rgb(179,221,212)
```
#b3ddd8
```
#b3ddd8 rgb(179,221,216)
```
#b3dddb
```
#b3dddb rgb(179,221,219)
```
#b3dcdd
```
#b3dcdd rgb(179,220,221)
```

Similar Colors

Text with hexadecimal color #b3ddd4

This text has a font color of #b3ddd4.

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

#b3ddd4 background color

This paragraph has a background color of #b3ddd4.

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

#b3ddd4 border color

This element has a border color of #b3ddd4.

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

CSS codes

.text {color:#b3ddd4;}

.background {background-color:#b3ddd4;}

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

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

#020505
```
#020505 rgb(2,5,5)
```
#081311
```
#081311 rgb(8,19,17)
```
#0f201d
```
#0f201d rgb(15,32,29)
```
#152e29
```
#152e29 rgb(21,46,41)
```
#1b3c34
```
#1b3c34 rgb(27,60,52)
```
#214940
```
#214940 rgb(33,73,64)
```
#27574c
```
#27574c rgb(39,87,76)
```
#2d6458
```
#2d6458 rgb(45,100,88)
```
#337264
```
#337264 rgb(51,114,100)
```
#397f70
```
#397f70 rgb(57,127,112)
```
#3f8d7c
```
#3f8d7c rgb(63,141,124)
```
#459a88
```
#459a88 rgb(69,154,136)
```
#4ba894
```
#4ba894 rgb(75,168,148)
```

Shade Color Variation

#54b39e
```
#54b39e rgb(84,179,158)
```
#62b9a6
```
#62b9a6 rgb(98,185,166)
```
#6fbfae
```
#6fbfae rgb(111,191,174)
```
#7dc5b5
```
#7dc5b5 rgb(125,197,181)
```
#8acbbd
```
#8acbbd rgb(138,203,189)
```
#98d1c5
```
#98d1c5 rgb(152,209,197)
```
#a5d7cc
```
#a5d7cc rgb(165,215,204)
```
#b3ddd4
```
#b3ddd4 rgb(179,221,212)
```
#c1e3dc
```
#c1e3dc rgb(193,227,220)
```
#cee9e3
```
#cee9e3 rgb(206,233,227)
```
#dcefeb
```
#dcefeb rgb(220,239,235)
```
#e9f5f3
```
#e9f5f3 rgb(233,245,243)
```
#f7fbfa
```
#f7fbfa rgb(247,251,250)
```

Tint Color Variation

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

#c4ccca
```
#c4ccca rgb(196,204,202)
```
#c0d0cd
```
#c0d0cd rgb(192,208,205)
```
#bbd5cf
```
#bbd5cf rgb(187,213,207)
```
#b7d9d2
```
#b7d9d2 rgb(183,217,210)
```
#b3ddd4
```
#b3ddd4 rgb(179,221,212)
```
#afe1d6
```
#afe1d6 rgb(175,225,214)
```
#abe5d9
```
#abe5d9 rgb(171,229,217)
```
#a6eadb
```
#a6eadb rgb(166,234,219)
```
#a2eede
```
#a2eede rgb(162,238,222)
```
#9ef2e0
```
#9ef2e0 rgb(158,242,224)
```
#9af6e3
```
#9af6e3 rgb(154,246,227)
```
#95fbe5
```
#95fbe5 rgb(149,251,229)
```
#91ffe7
```
#91ffe7 rgb(145,255,231)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#c9d2d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd5d1 Protanopia 1% of men
#e8d0db Deuteranopia 1% of men
#bbdbeb Tritanopia 0.001% of the population

Trichromacy

#ccd8d2 Protanomaly 1% of men, 0.01% of women
#d4d4d8 Deuteranomaly 6% of men, 0.4% of women
#b8dce2 Tritanomaly 0.01% of the population

#b3ddd4 hex color

#b3ddd4 Color Information

#b3ddd4 Color Conversion

Color Schemes with #b3ddd4

Alternatives to #b3ddd4

#b3ddd4 Preview

Shades and Tints of #b3ddd4

Tones of #b3ddd4

Color Blindness Simulator