#b4ddf2 hex color

In a RGB color space, hex #b4ddf2 is composed of 70.6% red, 86.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 8.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 200.3 degrees, a saturation of 70.5% and a lightness of 82.7%. #b4ddf2 color hex could be obtained by blending #ffffff with #69bbe5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 87
- B 95
RGB color chart
- C 26
- M 9
- Y 0
- K 5
CMYK color chart

● #b4ddf2 color description : Very soft blue.

The hexadecimal color #b4ddf2 has RGB values of R:180, G:221, B:242 and CMYK values of C:0.26, M:0.09, Y:0, K:0.05. Its decimal value is 11853298.

Hex triplet	b4ddf2	`#b4ddf2`
RGB Decimal	180, 221, 242	`rgb(180,221,242)`
RGB Percent	70.6, 86.7, 94.9	`rgb(70.6%,86.7%,94.9%)`
CMYK	26, 9, 0, 5
HSL	200.3°, 70.5, 82.7	`hsl(200.3,70.5%,82.7%)`
HSV (or HSB)	200.3°, 25.6, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.919, -8.721, -14.643
XYZ	60.702, 67.825, 93.893
xyY	0.273, 0.305, 67.825
CIE-LCH	85.919, 17.043, 239.222
CIE-LUV	85.919, -21.526, -21.684
Hunter-Lab	82.356, -12.556, -9.946
Binary	10110100, 11011101, 11110010

#b4ddf2
```
#b4ddf2 rgb(180,221,242)
```
#f2c9b4
```
#f2c9b4 rgb(242,201,180)
```

Complementary Color

#b4f2e8
```
#b4f2e8 rgb(180,242,232)
```
#b4ddf2
```
#b4ddf2 rgb(180,221,242)
```
#b4bef2
```
#b4bef2 rgb(180,190,242)
```

Analogous Color

#f2e8b4
```
#f2e8b4 rgb(242,232,180)
```
#b4ddf2
```
#b4ddf2 rgb(180,221,242)
```
#f2b4be
```
#f2b4be rgb(242,180,190)
```

Split Complementary Color

#ddf2b4
```
#ddf2b4 rgb(221,242,180)
```
#b4ddf2
```
#b4ddf2 rgb(180,221,242)
```
#f2b4dd
```
#f2b4dd rgb(242,180,221)
```

Triadic Color

#b4f2c9
```
#b4f2c9 rgb(180,242,201)
```
#b4ddf2
```
#b4ddf2 rgb(180,221,242)
```
#f2b4dd
```
#f2b4dd rgb(242,180,221)
```
#f2c9b4
```
#f2c9b4 rgb(242,201,180)
```

Tetradic Color

#73bfe7
```
#73bfe7 rgb(115,191,231)
```
#89c9ea
```
#89c9ea rgb(137,201,234)
```
#9ed3ee
```
#9ed3ee rgb(158,211,238)
```
#b4ddf2
```
#b4ddf2 rgb(180,221,242)
```
#cae7f6
```
#cae7f6 rgb(202,231,246)
```
#dff1fa
```
#dff1fa rgb(223,241,250)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Monochromatic Color

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

#b4edf2
```
#b4edf2 rgb(180,237,242)
```
#b4e7f2
```
#b4e7f2 rgb(180,231,242)
```
#b4e2f2
```
#b4e2f2 rgb(180,226,242)
```
#b4ddf2
```
#b4ddf2 rgb(180,221,242)
```
#b4d8f2
```
#b4d8f2 rgb(180,216,242)
```
#b4d3f2
```
#b4d3f2 rgb(180,211,242)
```
#b4cef2
```
#b4cef2 rgb(180,206,242)
```

Similar Colors

Text with hexadecimal color #b4ddf2

This text has a font color of #b4ddf2.

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

#b4ddf2 background color

This paragraph has a background color of #b4ddf2.

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

#b4ddf2 border color

This element has a border color of #b4ddf2.

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

CSS codes

.text {color:#b4ddf2;}

.background {background-color:#b4ddf2;}

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

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

#010609
```
#010609 rgb(1,6,9)
```
#041219
```
#041219 rgb(4,18,25)
```
#071e2a
```
#071e2a rgb(7,30,42)
```
#0a2a3b
```
#0a2a3b rgb(10,42,59)
```
#0d364b
```
#0d364b rgb(13,54,75)
```
#10425c
```
#10425c rgb(16,66,92)
```
#134e6d
```
#134e6d rgb(19,78,109)
```
#165a7e
```
#165a7e rgb(22,90,126)
```
#19668e
```
#19668e rgb(25,102,142)
```
#1c739f
```
#1c739f rgb(28,115,159)
```
#1e7fb0
```
#1e7fb0 rgb(30,127,176)
```
#218bc0
```
#218bc0 rgb(33,139,192)
```
#2497d1
```
#2497d1 rgb(36,151,209)
```

Shade Color Variation

#2ea0db
```
#2ea0db rgb(46,160,219)
```
#3fa8de
```
#3fa8de rgb(63,168,222)
```
#50b0e1
```
#50b0e1 rgb(80,176,225)
```
#60b7e4
```
#60b7e4 rgb(96,183,228)
```
#71bfe6
```
#71bfe6 rgb(113,191,230)
```
#82c6e9
```
#82c6e9 rgb(130,198,233)
```
#93ceec
```
#93ceec rgb(147,206,236)
```
#a3d5ef
```
#a3d5ef rgb(163,213,239)
```
#b4ddf2
```
#b4ddf2 rgb(180,221,242)
```
#c5e5f5
```
#c5e5f5 rgb(197,229,245)
```
#d5ecf8
```
#d5ecf8 rgb(213,236,248)
```
#e6f4fb
```
#e6f4fb rgb(230,244,251)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

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

#d2d3d4
```
#d2d3d4 rgb(210,211,212)
```
#cfd4d7
```
#cfd4d7 rgb(207,212,215)
```
#ccd5da
```
#ccd5da rgb(204,213,218)
```
#c8d6de
```
#c8d6de rgb(200,214,222)
```
#c5d8e1
```
#c5d8e1 rgb(197,216,225)
```
#c2d9e4
```
#c2d9e4 rgb(194,217,228)
```
#bedae8
```
#bedae8 rgb(190,218,232)
```
#bbdbeb
```
#bbdbeb rgb(187,219,235)
```
#b7dcef
```
#b7dcef rgb(183,220,239)
```
#b4ddf2
```
#b4ddf2 rgb(180,221,242)
```
#b1def5
```
#b1def5 rgb(177,222,245)
```
#addff9
```
#addff9 rgb(173,223,249)
```
#aae0fc
```
#aae0fc rgb(170,224,252)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cdd5d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d7ee Protanopia 1% of men
#ded3f6 Deuteranopia 1% of men
#b7dfef Tritanopia 0.001% of the population

Trichromacy

#c9d9ef Protanomaly 1% of men, 0.01% of women
#ced7f4 Deuteranomaly 6% of men, 0.4% of women
#b5def0 Tritanomaly 0.01% of the population

#b4ddf2 hex color

#b4ddf2 Color Information

#b4ddf2 Color Conversion

Color Schemes with #b4ddf2

Alternatives to #b4ddf2

#b4ddf2 Preview

Shades and Tints of #b4ddf2

Tones of #b4ddf2

Color Blindness Simulator