#b3cddc hex color

In a RGB color space, hex #b3cddc is composed of 70.2% red, 80.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 6.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 202 degrees, a saturation of 36.9% and a lightness of 78.2%. #b3cddc color hex could be obtained by blending #ffffff with #679bb9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 70
- G 80
- B 86
RGB color chart
- C 19
- M 7
- Y 0
- K 14
CMYK color chart

● #b3cddc color description : Light grayish blue.

The hexadecimal color #b3cddc has RGB values of R:179, G:205, B:220 and CMYK values of C:0.19, M:0.07, Y:0, K:0.14. Its decimal value is 11783644.

Hex triplet	b3cddc	`#b3cddc`
RGB Decimal	179, 205, 220	`rgb(179,205,220)`
RGB Percent	70.2, 80.4, 86.3	`rgb(70.2%,80.4%,86.3%)`
CMYK	19, 7, 0, 14
HSL	202°, 36.9, 78.2	`hsl(202,36.9%,78.2%)`
HSV (or HSB)	202°, 18.6, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.968, -5.549, -10.358
XYZ	53.337, 58.413, 76.171
xyY	0.284, 0.311, 58.413
CIE-LCH	80.968, 11.751, 241.821
CIE-LUV	80.968, -14.322, -15.123
Hunter-Lab	76.428, -9.179, -5.591
Binary	10110011, 11001101, 11011100

#b3cddc
```
#b3cddc rgb(179,205,220)
```
#dcc2b3
```
#dcc2b3 rgb(220,194,179)
```

Complementary Color

#b3dcd7
```
#b3dcd7 rgb(179,220,215)
```
#b3cddc
```
#b3cddc rgb(179,205,220)
```
#b3b9dc
```
#b3b9dc rgb(179,185,220)
```

Analogous Color

#dcd7b3
```
#dcd7b3 rgb(220,215,179)
```
#b3cddc
```
#b3cddc rgb(179,205,220)
```
#dcb3b9
```
#dcb3b9 rgb(220,179,185)
```

Split Complementary Color

#cddcb3
```
#cddcb3 rgb(205,220,179)
```
#b3cddc
```
#b3cddc rgb(179,205,220)
```
#dcb3cd
```
#dcb3cd rgb(220,179,205)
```

Triadic Color

#b3dcc2
```
#b3dcc2 rgb(179,220,194)
```
#b3cddc
```
#b3cddc rgb(179,205,220)
```
#dcb3cd
```
#dcb3cd rgb(220,179,205)
```
#dcc2b3
```
#dcc2b3 rgb(220,194,179)
```

Tetradic Color

#7fabc4
```
#7fabc4 rgb(127,171,196)
```
#90b6cc
```
#90b6cc rgb(144,182,204)
```
#a2c2d4
```
#a2c2d4 rgb(162,194,212)
```
#b3cddc
```
#b3cddc rgb(179,205,220)
```
#c4d8e4
```
#c4d8e4 rgb(196,216,228)
```
#d6e4ec
```
#d6e4ec rgb(214,228,236)
```
#e7eff4
```
#e7eff4 rgb(231,239,244)
```

Monochromatic Color

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

#b3d7dc
```
#b3d7dc rgb(179,215,220)
```
#b3d4dc
```
#b3d4dc rgb(179,212,220)
```
#b3d0dc
```
#b3d0dc rgb(179,208,220)
```
#b3cddc
```
#b3cddc rgb(179,205,220)
```
#b3cadc
```
#b3cadc rgb(179,202,220)
```
#b3c6dc
```
#b3c6dc rgb(179,198,220)
```
#b3c3dc
```
#b3c3dc rgb(179,195,220)
```

Similar Colors

Text with hexadecimal color #b3cddc

This text has a font color of #b3cddc.

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

#b3cddc background color

This paragraph has a background color of #b3cddc.

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

#b3cddc border color

This element has a border color of #b3cddc.

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

CSS codes

.text {color:#b3cddc;}

.background {background-color:#b3cddc;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080e12
```
#080e12 rgb(8,14,18)
```
#0e191f
```
#0e191f rgb(14,25,31)
```
#15242d
```
#15242d rgb(21,36,45)
```
#1b2f3a
```
#1b2f3a rgb(27,47,58)
```
#213a48
```
#213a48 rgb(33,58,72)
```
#274455
```
#274455 rgb(39,68,85)
```
#2d4f63
```
#2d4f63 rgb(45,79,99)
```
#345a70
```
#345a70 rgb(52,90,112)
```
#3a657d
```
#3a657d rgb(58,101,125)
```
#406f8b
```
#406f8b rgb(64,111,139)
```
#467a98
```
#467a98 rgb(70,122,152)
```
#4c85a6
```
#4c85a6 rgb(76,133,166)
```

Shade Color Variation

#558fb1
```
#558fb1 rgb(85,143,177)
```
#6298b7
```
#6298b7 rgb(98,152,183)
```
#70a1bd
```
#70a1bd rgb(112,161,189)
```
#7daac3
```
#7daac3 rgb(125,170,195)
```
#8bb2c9
```
#8bb2c9 rgb(139,178,201)
```
#98bbd0
```
#98bbd0 rgb(152,187,208)
```
#a6c4d6
```
#a6c4d6 rgb(166,196,214)
```
#b3cddc
```
#b3cddc rgb(179,205,220)
```
#c0d6e2
```
#c0d6e2 rgb(192,214,226)
```
#cedfe8
```
#cedfe8 rgb(206,223,232)
```
#dbe8ef
```
#dbe8ef rgb(219,232,239)
```
#e9f0f5
```
#e9f0f5 rgb(233,240,245)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#c4c8cb
```
#c4c8cb rgb(196,200,203)
```
#c0cacf
```
#c0cacf rgb(192,202,207)
```
#bccbd3
```
#bccbd3 rgb(188,203,211)
```
#b7ccd8
```
#b7ccd8 rgb(183,204,216)
```
#b3cddc
```
#b3cddc rgb(179,205,220)
```
#afcee0
```
#afcee0 rgb(175,206,224)
```
#aacfe5
```
#aacfe5 rgb(170,207,229)
```
#a6d0e9
```
#a6d0e9 rgb(166,208,233)
```
#a2d2ed
```
#a2d2ed rgb(162,210,237)
```
#9ed3f1
```
#9ed3f1 rgb(158,211,241)
```
#99d4f6
```
#99d4f6 rgb(153,212,246)
```
#95d5fa
```
#95d5fa rgb(149,213,250)
```
#91d6fe
```
#91d6fe rgb(145,214,254)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c3c8cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#cacada Protanopia 1% of men
#d4c6e0 Deuteranopia 1% of men
#b7cfde Tritanopia 0.001% of the population

Trichromacy

#c2cbdb Protanomaly 1% of men, 0.01% of women
#c8c9df Deuteranomaly 6% of men, 0.4% of women
#b5cedd Tritanomaly 0.01% of the population

#b3cddc hex color

#b3cddc Color Information

#b3cddc Color Conversion

Color Schemes with #b3cddc

Alternatives to #b3cddc

#b3cddc Preview

Shades and Tints of #b3cddc

Tones of #b3cddc

Color Blindness Simulator