#b3cddb hex color

In a RGB color space, hex #b3cddb is composed of 70.2% red, 80.4% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 6.4% magenta, 0% yellow and 14.1% black. It has a hue angle of 201 degrees, a saturation of 35.7% and a lightness of 78%. #b3cddb color hex could be obtained by blending #ffffff with #679bb7. Closest websafe color is: #cccccc.

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

● #b3cddb color description : Light grayish blue.

The hexadecimal color #b3cddb has RGB values of R:179, G:205, B:219 and CMYK values of C:0.18, M:0.06, Y:0, K:0.14. Its decimal value is 11783643.

Hex triplet	b3cddb	`#b3cddb`
RGB Decimal	179, 205, 219	`rgb(179,205,219)`
RGB Percent	70.2, 80.4, 85.9	`rgb(70.2%,80.4%,85.9%)`
CMYK	18, 6, 0, 14
HSL	201°, 35.7, 78	`hsl(201,35.7%,78%)`
HSV (or HSB)	201°, 18.3, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.938, -5.764, -9.867
XYZ	53.205, 58.36, 75.475
xyY	0.284, 0.312, 58.36
CIE-LCH	80.938, 11.427, 239.707
CIE-LUV	80.938, -14.293, -14.305
Hunter-Lab	76.394, -9.37, -5.102
Binary	10110011, 11001101, 11011011

#b3cddb
```
#b3cddb rgb(179,205,219)
```
#dbc1b3
```
#dbc1b3 rgb(219,193,179)
```

Complementary Color

#b3dbd5
```
#b3dbd5 rgb(179,219,213)
```
#b3cddb
```
#b3cddb rgb(179,205,219)
```
#b3b9db
```
#b3b9db rgb(179,185,219)
```

Analogous Color

#dbd5b3
```
#dbd5b3 rgb(219,213,179)
```
#b3cddb
```
#b3cddb rgb(179,205,219)
```
#dbb3b9
```
#dbb3b9 rgb(219,179,185)
```

Split Complementary Color

#cddbb3
```
#cddbb3 rgb(205,219,179)
```
#b3cddb
```
#b3cddb rgb(179,205,219)
```
#dbb3cd
```
#dbb3cd rgb(219,179,205)
```

Triadic Color

#b3dbc1
```
#b3dbc1 rgb(179,219,193)
```
#b3cddb
```
#b3cddb rgb(179,205,219)
```
#dbb3cd
```
#dbb3cd rgb(219,179,205)
```
#dbc1b3
```
#dbc1b3 rgb(219,193,179)
```

Tetradic Color

#7fabc2
```
#7fabc2 rgb(127,171,194)
```
#90b6cb
```
#90b6cb rgb(144,182,203)
```
#a2c2d3
```
#a2c2d3 rgb(162,194,211)
```
#b3cddb
```
#b3cddb rgb(179,205,219)
```
#c4d8e3
```
#c4d8e3 rgb(196,216,227)
```
#d6e4eb
```
#d6e4eb rgb(214,228,235)
```
#e7eff4
```
#e7eff4 rgb(231,239,244)
```

Monochromatic Color

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

#b3d7db
```
#b3d7db rgb(179,215,219)
```
#b3d4db
```
#b3d4db rgb(179,212,219)
```
#b3d0db
```
#b3d0db rgb(179,208,219)
```
#b3cddb
```
#b3cddb rgb(179,205,219)
```
#b3cadb
```
#b3cadb rgb(179,202,219)
```
#b3c6db
```
#b3c6db rgb(179,198,219)
```
#b3c3db
```
#b3c3db rgb(179,195,219)
```

Similar Colors

Text with hexadecimal color #b3cddb

This text has a font color of #b3cddb.

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

#b3cddb background color

This paragraph has a background color of #b3cddb.

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

#b3cddb border color

This element has a border color of #b3cddb.

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

CSS codes

.text {color:#b3cddb;}

.background {background-color:#b3cddb;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080e11
```
#080e11 rgb(8,14,17)
```
#0e191e
```
#0e191e rgb(14,25,30)
```
#15242c
```
#15242c rgb(21,36,44)
```
#1b2f39
```
#1b2f39 rgb(27,47,57)
```
#213946
```
#213946 rgb(33,57,70)
```
#284454
```
#284454 rgb(40,68,84)
```
#2e4f61
```
#2e4f61 rgb(46,79,97)
```
#345a6e
```
#345a6e rgb(52,90,110)
```
#3b657c
```
#3b657c rgb(59,101,124)
```
#417089
```
#417089 rgb(65,112,137)
```
#477b96
```
#477b96 rgb(71,123,150)
```
#4d85a4
```
#4d85a4 rgb(77,133,164)
```

Shade Color Variation

#5690af
```
#5690af rgb(86,144,175)
```
#6398b5
```
#6398b5 rgb(99,152,181)
```
#70a1bb
```
#70a1bb rgb(112,161,187)
```
#7eaac2
```
#7eaac2 rgb(126,170,194)
```
#8bb3c8
```
#8bb3c8 rgb(139,179,200)
```
#98bbce
```
#98bbce rgb(152,187,206)
```
#a6c4d5
```
#a6c4d5 rgb(166,196,213)
```
#b3cddb
```
#b3cddb rgb(179,205,219)
```
#c0d6e1
```
#c0d6e1 rgb(192,214,225)
```
#cedfe8
```
#cedfe8 rgb(206,223,232)
```
#dbe7ee
```
#dbe7ee rgb(219,231,238)
```
#e8f0f4
```
#e8f0f4 rgb(232,240,244)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#c4c8ca
```
#c4c8ca rgb(196,200,202)
```
#c0c9ce
```
#c0c9ce rgb(192,201,206)
```
#bccad2
```
#bccad2 rgb(188,202,210)
```
#b7ccd7
```
#b7ccd7 rgb(183,204,215)
```
#b3cddb
```
#b3cddb rgb(179,205,219)
```
#afcedf
```
#afcedf rgb(175,206,223)
```
#aad0e4
```
#aad0e4 rgb(170,208,228)
```
#a6d1e8
```
#a6d1e8 rgb(166,209,232)
```
#a2d2ec
```
#a2d2ec rgb(162,210,236)
```
#9dd3f1
```
#9dd3f1 rgb(157,211,241)
```
#99d5f5
```
#99d5f5 rgb(153,213,245)
```
#95d6f9
```
#95d6f9 rgb(149,214,249)
```
#91d7fd
```
#91d7fd rgb(145,215,253)
```

Tone Color Variation

Below, you can see how #b3cddb 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
#d4c6df Deuteranopia 1% of men
#b7cfde Tritanopia 0.001% of the population

Trichromacy

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

#b3cddb hex color

#b3cddb Color Information

#b3cddb Color Conversion

Color Schemes with #b3cddb

Alternatives to #b3cddb

#b3cddb Preview

Shades and Tints of #b3cddb

Tones of #b3cddb

Color Blindness Simulator