#b3ddf7 hex color

In a RGB color space, hex #b3ddf7 is composed of 70.2% red, 86.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 10.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 202.9 degrees, a saturation of 81% and a lightness of 83.5%. #b3ddf7 color hex could be obtained by blending #ffffff with #67bbef. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 70
- G 87
- B 97
RGB color chart
- C 28
- M 11
- Y 0
- K 3
CMYK color chart

● #b3ddf7 color description : Very soft blue.

The hexadecimal color #b3ddf7 has RGB values of R:179, G:221, B:247 and CMYK values of C:0.28, M:0.11, Y:0, K:0.03. Its decimal value is 11787767.

Hex triplet	b3ddf7	`#b3ddf7`
RGB Decimal	179, 221, 247	`rgb(179,221,247)`
RGB Percent	70.2, 86.7, 96.9	`rgb(70.2%,86.7%,96.9%)`
CMYK	28, 11, 0, 3
HSL	202.9°, 81, 83.5	`hsl(202.9,81%,83.5%)`
HSV (or HSB)	202.9°, 27.5, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.012, -7.872, -17.148
XYZ	61.232, 68.01, 97.892
xyY	0.27, 0.299, 68.01
CIE-LCH	86.012, 18.869, 245.342
CIE-LUV	86.012, -22.049, -25.939
Hunter-Lab	82.468, -11.786, -12.651
Binary	10110011, 11011101, 11110111

#b3ddf7
```
#b3ddf7 rgb(179,221,247)
```
#f7cdb3
```
#f7cdb3 rgb(247,205,179)
```

Complementary Color

#b3f7ef
```
#b3f7ef rgb(179,247,239)
```
#b3ddf7
```
#b3ddf7 rgb(179,221,247)
```
#b3bbf7
```
#b3bbf7 rgb(179,187,247)
```

Analogous Color

#f7efb3
```
#f7efb3 rgb(247,239,179)
```
#b3ddf7
```
#b3ddf7 rgb(179,221,247)
```
#f7b3bb
```
#f7b3bb rgb(247,179,187)
```

Split Complementary Color

#ddf7b3
```
#ddf7b3 rgb(221,247,179)
```
#b3ddf7
```
#b3ddf7 rgb(179,221,247)
```
#f7b3dd
```
#f7b3dd rgb(247,179,221)
```

Triadic Color

#b3f7cd
```
#b3f7cd rgb(179,247,205)
```
#b3ddf7
```
#b3ddf7 rgb(179,221,247)
```
#f7b3dd
```
#f7b3dd rgb(247,179,221)
```
#f7cdb3
```
#f7cdb3 rgb(247,205,179)
```

Tetradic Color

#6ebef0
```
#6ebef0 rgb(110,190,240)
```
#85c8f2
```
#85c8f2 rgb(133,200,242)
```
#9cd3f5
```
#9cd3f5 rgb(156,211,245)
```
#b3ddf7
```
#b3ddf7 rgb(179,221,247)
```
#cae7f9
```
#cae7f9 rgb(202,231,249)
```
#e1f2fc
```
#e1f2fc rgb(225,242,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Monochromatic Color

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

#b3eef7
```
#b3eef7 rgb(179,238,247)
```
#b3e8f7
```
#b3e8f7 rgb(179,232,247)
```
#b3e3f7
```
#b3e3f7 rgb(179,227,247)
```
#b3ddf7
```
#b3ddf7 rgb(179,221,247)
```
#b3d7f7
```
#b3d7f7 rgb(179,215,247)
```
#b3d2f7
```
#b3d2f7 rgb(179,210,247)
```
#b3ccf7
```
#b3ccf7 rgb(179,204,247)
```

Similar Colors

Text with hexadecimal color #b3ddf7

This text has a font color of #b3ddf7.

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

#b3ddf7 background color

This paragraph has a background color of #b3ddf7.

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

#b3ddf7 border color

This element has a border color of #b3ddf7.

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

CSS codes

.text {color:#b3ddf7;}

.background {background-color:#b3ddf7;}

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

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, #01080d is the darkest color, while #fafdfe is the lightest one.

#01080d
```
#01080d rgb(1,8,13)
```
#03141e
```
#03141e rgb(3,20,30)
```
#052030
```
#052030 rgb(5,32,48)
```
#072b42
```
#072b42 rgb(7,43,66)
```
#093754
```
#093754 rgb(9,55,84)
```
#0b4365
```
#0b4365 rgb(11,67,101)
```
#0d4e77
```
#0d4e77 rgb(13,78,119)
```
#0e5a89
```
#0e5a89 rgb(14,90,137)
```
#10669b
```
#10669b rgb(16,102,155)
```
#1271ac
```
#1271ac rgb(18,113,172)
```
#147dbe
```
#147dbe rgb(20,125,190)
```
#1689d0
```
#1689d0 rgb(22,137,208)
```
#1894e2
```
#1894e2 rgb(24,148,226)
```

Shade Color Variation

#259de8
```
#259de8 rgb(37,157,232)
```
#37a5ea
```
#37a5ea rgb(55,165,234)
```
#49adec
```
#49adec rgb(73,173,236)
```
#5ab5ee
```
#5ab5ee rgb(90,181,238)
```
#6cbdf0
```
#6cbdf0 rgb(108,189,240)
```
#7ec5f1
```
#7ec5f1 rgb(126,197,241)
```
#90cdf3
```
#90cdf3 rgb(144,205,243)
```
#a1d5f5
```
#a1d5f5 rgb(161,213,245)
```
#b3ddf7
```
#b3ddf7 rgb(179,221,247)
```
#c5e5f9
```
#c5e5f9 rgb(197,229,249)
```
#d6edfb
```
#d6edfb rgb(214,237,251)
```
#e8f5fd
```
#e8f5fd rgb(232,245,253)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#d3d5d7
```
#d3d5d7 rgb(211,213,215)
```
#d0d6da
```
#d0d6da rgb(208,214,218)
```
#cdd7dd
```
#cdd7dd rgb(205,215,221)
```
#cad8e0
```
#cad8e0 rgb(202,216,224)
```
#c6d8e4
```
#c6d8e4 rgb(198,216,228)
```
#c3d9e7
```
#c3d9e7 rgb(195,217,231)
```
#c0daea
```
#c0daea rgb(192,218,234)
```
#bddbed
```
#bddbed rgb(189,219,237)
```
#b9dbf1
```
#b9dbf1 rgb(185,219,241)
```
#b6dcf4
```
#b6dcf4 rgb(182,220,244)
```
#b3ddf7
```
#b3ddf7 rgb(179,221,247)
```
#b0defa
```
#b0defa rgb(176,222,250)
```
#addffd
```
#addffd rgb(173,223,253)
```

Tone Color Variation

Below, you can see how #b3ddf7 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
#cdd5da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d7f3 Protanopia 1% of men
#dcd4fb Deuteranopia 1% of men
#b5e0f0 Tritanopia 0.001% of the population

Trichromacy

#c8d9f4 Protanomaly 1% of men, 0.01% of women
#cdd7f9 Deuteranomaly 6% of men, 0.4% of women
#b4def2 Tritanomaly 0.01% of the population

#b3ddf7 hex color

#b3ddf7 Color Information

#b3ddf7 Color Conversion

Color Schemes with #b3ddf7

Alternatives to #b3ddf7

#b3ddf7 Preview

Shades and Tints of #b3ddf7

Tones of #b3ddf7

Color Blindness Simulator