#b0ddd4 hex color

In a RGB color space, hex #b0ddd4 is composed of 69% red, 86.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 0% magenta, 4.1% yellow and 13.3% black. It has a hue angle of 168 degrees, a saturation of 39.8% and a lightness of 77.8%. #b0ddd4 color hex could be obtained by blending #ffffff with #61bba9. Closest websafe color is: #99cccc.

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

● #b0ddd4 color description : Very soft cyan.

The hexadecimal color #b0ddd4 has RGB values of R:176, G:221, B:212 and CMYK values of C:0.2, M:0, Y:0.04, K:0.13. Its decimal value is 11591124.

Hex triplet	b0ddd4	`#b0ddd4`
RGB Decimal	176, 221, 212	`rgb(176,221,212)`
RGB Percent	69, 86.7, 83.1	`rgb(69%,86.7%,83.1%)`
CMYK	20, 0, 4, 13
HSL	168°, 39.8, 77.8	`hsl(168,39.8%,77.8%)`
HSV (or HSB)	168°, 20.4, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	84.841, -16.387, -0.406
XYZ	55.642, 65.695, 72.032
xyY	0.288, 0.34, 65.695
CIE-LCH	84.841, 16.392, 181.418
CIE-LUV	84.841, -22.942, 2.175
Hunter-Lab	81.052, -19.303, 4.045
Binary	10110000, 11011101, 11010100

#b0ddd4
```
#b0ddd4 rgb(176,221,212)
```
#ddb0b9
```
#ddb0b9 rgb(221,176,185)
```

Complementary Color

#b0ddbe
```
#b0ddbe rgb(176,221,190)
```
#b0ddd4
```
#b0ddd4 rgb(176,221,212)
```
#b0d0dd
```
#b0d0dd rgb(176,208,221)
```

Analogous Color

#ddbeb0
```
#ddbeb0 rgb(221,190,176)
```
#b0ddd4
```
#b0ddd4 rgb(176,221,212)
```
#ddb0d0
```
#ddb0d0 rgb(221,176,208)
```

Split Complementary Color

#ddd4b0
```
#ddd4b0 rgb(221,212,176)
```
#b0ddd4
```
#b0ddd4 rgb(176,221,212)
```
#d4b0dd
```
#d4b0dd rgb(212,176,221)
```

Triadic Color

#b9ddb0
```
#b9ddb0 rgb(185,221,176)
```
#b0ddd4
```
#b0ddd4 rgb(176,221,212)
```
#d4b0dd
```
#d4b0dd rgb(212,176,221)
```
#ddb0b9
```
#ddb0b9 rgb(221,176,185)
```

Tetradic Color

#7bc6b7
```
#7bc6b7 rgb(123,198,183)
```
#8ccec1
```
#8ccec1 rgb(140,206,193)
```
#9ed5ca
```
#9ed5ca rgb(158,213,202)
```
#b0ddd4
```
#b0ddd4 rgb(176,221,212)
```
#c2e5de
```
#c2e5de rgb(194,229,222)
```
#d4ece7
```
#d4ece7 rgb(212,236,231)
```
#e5f4f1
```
#e5f4f1 rgb(229,244,241)
```

Monochromatic Color

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

#b0ddc9
```
#b0ddc9 rgb(176,221,201)
```
#b0ddcd
```
#b0ddcd rgb(176,221,205)
```
#b0ddd0
```
#b0ddd0 rgb(176,221,208)
```
#b0ddd4
```
#b0ddd4 rgb(176,221,212)
```
#b0ddd8
```
#b0ddd8 rgb(176,221,216)
```
#b0dddc
```
#b0dddc rgb(176,221,220)
```
#b0dbdd
```
#b0dbdd rgb(176,219,221)
```

Similar Colors

Text with hexadecimal color #b0ddd4

This text has a font color of #b0ddd4.

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

#b0ddd4 background color

This paragraph has a background color of #b0ddd4.

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

#b0ddd4 border color

This element has a border color of #b0ddd4.

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

CSS codes

.text {color:#b0ddd4;}

.background {background-color:#b0ddd4;}

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

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

#010303
```
#010303 rgb(1,3,3)
```
#07110f
```
#07110f rgb(7,17,15)
```
#0d1f1b
```
#0d1f1b rgb(13,31,27)
```
#132c27
```
#132c27 rgb(19,44,39)
```
#193a34
```
#193a34 rgb(25,58,52)
```
#1f4840
```
#1f4840 rgb(31,72,64)
```
#25564c
```
#25564c rgb(37,86,76)
```
#2b6358
```
#2b6358 rgb(43,99,88)
```
#317164
```
#317164 rgb(49,113,100)
```
#377f70
```
#377f70 rgb(55,127,112)
```
#3c8c7c
```
#3c8c7c rgb(60,140,124)
```
#429a89
```
#429a89 rgb(66,154,137)
```
#48a895
```
#48a895 rgb(72,168,149)
```

Shade Color Variation

#50b4a0
```
#50b4a0 rgb(80,180,160)
```
#5ebaa7
```
#5ebaa7 rgb(94,186,167)
```
#6bbfaf
```
#6bbfaf rgb(107,191,175)
```
#79c5b6
```
#79c5b6 rgb(121,197,182)
```
#87cbbe
```
#87cbbe rgb(135,203,190)
```
#95d1c5
```
#95d1c5 rgb(149,209,197)
```
#a2d7cd
```
#a2d7cd rgb(162,215,205)
```
#b0ddd4
```
#b0ddd4 rgb(176,221,212)
```
#bee3db
```
#bee3db rgb(190,227,219)
```
#cbe9e3
```
#cbe9e3 rgb(203,233,227)
```
#d9efea
```
#d9efea rgb(217,239,234)
```
#e7f5f2
```
#e7f5f2 rgb(231,245,242)
```
#f5fbf9
```
#f5fbf9 rgb(245,251,249)
```

Tint Color Variation

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

#c6c7c7
```
#c6c7c7 rgb(198,199,199)
```
#c1ccca
```
#c1ccca rgb(193,204,202)
```
#bdd0cc
```
#bdd0cc rgb(189,208,204)
```
#b9d4cf
```
#b9d4cf rgb(185,212,207)
```
#b4d9d1
```
#b4d9d1 rgb(180,217,209)
```
#b0ddd4
```
#b0ddd4 rgb(176,221,212)
```
#ace1d7
```
#ace1d7 rgb(172,225,215)
```
#a7e6d9
```
#a7e6d9 rgb(167,230,217)
```
#a3eadc
```
#a3eadc rgb(163,234,220)
```
#9feede
```
#9feede rgb(159,238,222)
```
#9af3e1
```
#9af3e1 rgb(154,243,225)
```
#96f7e4
```
#96f7e4 rgb(150,247,228)
```
#92fbe6
```
#92fbe6 rgb(146,251,230)
```

Tone Color Variation

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

#dad5d1 Protanopia 1% of men
#e7cfdb Deuteranopia 1% of men
#b9dbeb Tritanopia 0.001% of the population

Trichromacy

#cbd7d2 Protanomaly 1% of men, 0.01% of women
#d3d4d8 Deuteranomaly 6% of men, 0.4% of women
#b5dce2 Tritanomaly 0.01% of the population

#b0ddd4 hex color

#b0ddd4 Color Information

#b0ddd4 Color Conversion

Color Schemes with #b0ddd4

Alternatives to #b0ddd4

#b0ddd4 Preview

Shades and Tints of #b0ddd4

Tones of #b0ddd4

Color Blindness Simulator