#b3d3df hex color

In a RGB color space, hex #b3d3df is composed of 70.2% red, 82.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 5.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 196.4 degrees, a saturation of 40.7% and a lightness of 78.8%. #b3d3df color hex could be obtained by blending #ffffff with #67a7bf. Closest websafe color is: #cccccc.

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

● #b3d3df color description : Light grayish blue.

The hexadecimal color #b3d3df has RGB values of R:179, G:211, B:223 and CMYK values of C:0.2, M:0.05, Y:0, K:0.13. Its decimal value is 11785183.

Hex triplet	b3d3df	`#b3d3df`
RGB Decimal	179, 211, 223	`rgb(179,211,223)`
RGB Percent	70.2, 82.7, 87.5	`rgb(70.2%,82.7%,87.5%)`
CMYK	20, 5, 0, 13
HSL	196.4°, 40.7, 78.8	`hsl(196.4,40.7%,78.8%)`
HSV (or HSB)	196.4°, 19.7, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.646, -8.035, -9.462
XYZ	55.201, 61.499, 78.77
xyY	0.282, 0.315, 61.499
CIE-LCH	82.646, 12.413, 229.66
CIE-LUV	82.646, -17.144, -13.335
Hunter-Lab	78.421, -11.59, -4.659
Binary	10110011, 11010011, 11011111

#b3d3df
```
#b3d3df rgb(179,211,223)
```
#dfbfb3
```
#dfbfb3 rgb(223,191,179)
```

Complementary Color

#b3dfd5
```
#b3dfd5 rgb(179,223,213)
```
#b3d3df
```
#b3d3df rgb(179,211,223)
```
#b3bddf
```
#b3bddf rgb(179,189,223)
```

Analogous Color

#dfd5b3
```
#dfd5b3 rgb(223,213,179)
```
#b3d3df
```
#b3d3df rgb(179,211,223)
```
#dfb3bd
```
#dfb3bd rgb(223,179,189)
```

Split Complementary Color

#d3dfb3
```
#d3dfb3 rgb(211,223,179)
```
#b3d3df
```
#b3d3df rgb(179,211,223)
```
#dfb3d3
```
#dfb3d3 rgb(223,179,211)
```

Triadic Color

#b3dfbf
```
#b3dfbf rgb(179,223,191)
```
#b3d3df
```
#b3d3df rgb(179,211,223)
```
#dfb3d3
```
#dfb3d3 rgb(223,179,211)
```
#dfbfb3
```
#dfbfb3 rgb(223,191,179)
```

Tetradic Color

#7db4c8
```
#7db4c8 rgb(125,180,200)
```
#8fbed0
```
#8fbed0 rgb(143,190,208)
```
#a1c9d7
```
#a1c9d7 rgb(161,201,215)
```
#b3d3df
```
#b3d3df rgb(179,211,223)
```
#c5dde7
```
#c5dde7 rgb(197,221,231)
```
#d7e8ee
```
#d7e8ee rgb(215,232,238)
```
#e9f2f6
```
#e9f2f6 rgb(233,242,246)
```

Monochromatic Color

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

#b3dedf
```
#b3dedf rgb(179,222,223)
```
#b3dadf
```
#b3dadf rgb(179,218,223)
```
#b3d7df
```
#b3d7df rgb(179,215,223)
```
#b3d3df
```
#b3d3df rgb(179,211,223)
```
#b3cfdf
```
#b3cfdf rgb(179,207,223)
```
#b3ccdf
```
#b3ccdf rgb(179,204,223)
```
#b3c8df
```
#b3c8df rgb(179,200,223)
```

Similar Colors

Text with hexadecimal color #b3d3df

This text has a font color of #b3d3df.

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

#b3d3df background color

This paragraph has a background color of #b3d3df.

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

#b3d3df border color

This element has a border color of #b3d3df.

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

CSS codes

.text {color:#b3d3df;}

.background {background-color:#b3d3df;}

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

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

#030607
```
#030607 rgb(3,6,7)
```
#091115
```
#091115 rgb(9,17,21)
```
#0e1d22
```
#0e1d22 rgb(14,29,34)
```
#142930
```
#142930 rgb(20,41,48)
```
#1a343e
```
#1a343e rgb(26,52,62)
```
#20404c
```
#20404c rgb(32,64,76)
```
#264b5a
```
#264b5a rgb(38,75,90)
```
#2c5767
```
#2c5767 rgb(44,87,103)
```
#316375
```
#316375 rgb(49,99,117)
```
#376e83
```
#376e83 rgb(55,110,131)
```
#3d7a91
```
#3d7a91 rgb(61,122,145)
```
#43869f
```
#43869f rgb(67,134,159)
```
#4991ac
```
#4991ac rgb(73,145,172)
```

Shade Color Variation

#529bb6
```
#529bb6 rgb(82,155,182)
```
#60a3bc
```
#60a3bc rgb(96,163,188)
```
#6eabc2
```
#6eabc2 rgb(110,171,194)
```
#7cb3c8
```
#7cb3c8 rgb(124,179,200)
```
#8abbce
```
#8abbce rgb(138,187,206)
```
#97c3d3
```
#97c3d3 rgb(151,195,211)
```
#a5cbd9
```
#a5cbd9 rgb(165,203,217)
```
#b3d3df
```
#b3d3df rgb(179,211,223)
```
#c1dbe5
```
#c1dbe5 rgb(193,219,229)
```
#cfe3eb
```
#cfe3eb rgb(207,227,235)
```
#dcebf0
```
#dcebf0 rgb(220,235,240)
```
#eaf3f6
```
#eaf3f6 rgb(234,243,246)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#c8caca
```
#c8caca rgb(200,202,202)
```
#c4cbce
```
#c4cbce rgb(196,203,206)
```
#bfcdd3
```
#bfcdd3 rgb(191,205,211)
```
#bbcfd7
```
#bbcfd7 rgb(187,207,215)
```
#b7d1db
```
#b7d1db rgb(183,209,219)
```
#b3d3df
```
#b3d3df rgb(179,211,223)
```
#afd5e3
```
#afd5e3 rgb(175,213,227)
```
#abd7e7
```
#abd7e7 rgb(171,215,231)
```
#a7d9eb
```
#a7d9eb rgb(167,217,235)
```
#a2dbf0
```
#a2dbf0 rgb(162,219,240)
```
#9edcf4
```
#9edcf4 rgb(158,220,244)
```
#9adef8
```
#9adef8 rgb(154,222,248)
```
#96e0fc
```
#96e0fc rgb(150,224,252)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c6cdcf Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfcfdd Protanopia 1% of men
#d9cbe4 Deuteranopia 1% of men
#b7d4e4 Tritanopia 0.001% of the population

Trichromacy

#c5d0dd Protanomaly 1% of men, 0.01% of women
#cbcde2 Deuteranomaly 6% of men, 0.4% of women
#b6d4e2 Tritanomaly 0.01% of the population

#b3d3df hex color

#b3d3df Color Information

#b3d3df Color Conversion

Color Schemes with #b3d3df

Alternatives to #b3d3df

#b3d3df Preview

Shades and Tints of #b3d3df

Tones of #b3d3df

Color Blindness Simulator