#b4c6df hex color

In a RGB color space, hex #b4c6df is composed of 70.6% red, 77.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 19.3% cyan, 11.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 214.9 degrees, a saturation of 40.2% and a lightness of 79%. #b4c6df color hex could be obtained by blending #ffffff with #698dbf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 78
- B 87
RGB color chart
- C 19
- M 11
- Y 0
- K 13
CMYK color chart

● #b4c6df color description : Light grayish blue.

The hexadecimal color #b4c6df has RGB values of R:180, G:198, B:223 and CMYK values of C:0.19, M:0.11, Y:0, K:0.13. Its decimal value is 11847391.

Hex triplet	b4c6df	`#b4c6df`
RGB Decimal	180, 198, 223	`rgb(180,198,223)`
RGB Percent	70.6, 77.6, 87.5	`rgb(70.6%,77.6%,87.5%)`
CMYK	19, 11, 0, 13
HSL	214.9°, 40.2, 79	`hsl(214.9,40.2%,79%)`
HSV (or HSB)	214.9°, 19.3, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.282, -0.887, -14.482
XYZ	52.333, 55.418, 77.748
xyY	0.282, 0.299, 55.418
CIE-LCH	79.282, 14.509, 266.496
CIE-LUV	79.282, -10.728, -22.422
Hunter-Lab	74.443, -4.792, -9.811
Binary	10110100, 11000110, 11011111

#b4c6df
```
#b4c6df rgb(180,198,223)
```
#dfcdb4
```
#dfcdb4 rgb(223,205,180)
```

Complementary Color

#b4dcdf
```
#b4dcdf rgb(180,220,223)
```
#b4c6df
```
#b4c6df rgb(180,198,223)
```
#b8b4df
```
#b8b4df rgb(184,180,223)
```

Analogous Color

#dcdfb4
```
#dcdfb4 rgb(220,223,180)
```
#b4c6df
```
#b4c6df rgb(180,198,223)
```
#dfb8b4
```
#dfb8b4 rgb(223,184,180)
```

Split Complementary Color

#c6dfb4
```
#c6dfb4 rgb(198,223,180)
```
#b4c6df
```
#b4c6df rgb(180,198,223)
```
#dfb4c6
```
#dfb4c6 rgb(223,180,198)
```

Triadic Color

#b4dfcd
```
#b4dfcd rgb(180,223,205)
```
#b4c6df
```
#b4c6df rgb(180,198,223)
```
#dfb4c6
```
#dfb4c6 rgb(223,180,198)
```
#dfcdb4
```
#dfcdb4 rgb(223,205,180)
```

Tetradic Color

#7e9dc8
```
#7e9dc8 rgb(126,157,200)
```
#90abd0
```
#90abd0 rgb(144,171,208)
```
#a2b8d7
```
#a2b8d7 rgb(162,184,215)
```
#b4c6df
```
#b4c6df rgb(180,198,223)
```
#c6d4e7
```
#c6d4e7 rgb(198,212,231)
```
#d8e1ee
```
#d8e1ee rgb(216,225,238)
```
#eaeff6
```
#eaeff6 rgb(234,239,246)
```

Monochromatic Color

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

#b4d1df
```
#b4d1df rgb(180,209,223)
```
#b4cddf
```
#b4cddf rgb(180,205,223)
```
#b4cadf
```
#b4cadf rgb(180,202,223)
```
#b4c6df
```
#b4c6df rgb(180,198,223)
```
#b4c2df
```
#b4c2df rgb(180,194,223)
```
#b4bfdf
```
#b4bfdf rgb(180,191,223)
```
#b4bbdf
```
#b4bbdf rgb(180,187,223)
```

Similar Colors

Text with hexadecimal color #b4c6df

This text has a font color of #b4c6df.

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

#b4c6df background color

This paragraph has a background color of #b4c6df.

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

#b4c6df border color

This element has a border color of #b4c6df.

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

CSS codes

.text {color:#b4c6df;}

.background {background-color:#b4c6df;}

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

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

#030507
```
#030507 rgb(3,5,7)
```
#090e15
```
#090e15 rgb(9,14,21)
```
#0f1723
```
#0f1723 rgb(15,23,35)
```
#152031
```
#152031 rgb(21,32,49)
```
#1b2a3e
```
#1b2a3e rgb(27,42,62)
```
#21334c
```
#21334c rgb(33,51,76)
```
#263c5a
```
#263c5a rgb(38,60,90)
```
#2c4568
```
#2c4568 rgb(44,69,104)
```
#324e75
```
#324e75 rgb(50,78,117)
```
#385783
```
#385783 rgb(56,87,131)
```
#3e6191
```
#3e6191 rgb(62,97,145)
```
#446a9f
```
#446a9f rgb(68,106,159)
```
#4a73ac
```
#4a73ac rgb(74,115,172)
```

Shade Color Variation

#547db6
```
#547db6 rgb(84,125,182)
```
#6287bc
```
#6287bc rgb(98,135,188)
```
#6f92c2
```
#6f92c2 rgb(111,146,194)
```
#7d9cc8
```
#7d9cc8 rgb(125,156,200)
```
#8ba7cd
```
#8ba7cd rgb(139,167,205)
```
#99b1d3
```
#99b1d3 rgb(153,177,211)
```
#a6bcd9
```
#a6bcd9 rgb(166,188,217)
```
#b4c6df
```
#b4c6df rgb(180,198,223)
```
#c2d0e5
```
#c2d0e5 rgb(194,208,229)
```
#cfdbeb
```
#cfdbeb rgb(207,219,235)
```
#dde5f1
```
#dde5f1 rgb(221,229,241)
```
#ebf0f6
```
#ebf0f6 rgb(235,240,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#c9c9ca
```
#c9c9ca rgb(201,201,202)
```
#c4c9cf
```
#c4c9cf rgb(196,201,207)
```
#c0c8d3
```
#c0c8d3 rgb(192,200,211)
```
#bcc7d7
```
#bcc7d7 rgb(188,199,215)
```
#b8c7db
```
#b8c7db rgb(184,199,219)
```
#b4c6df
```
#b4c6df rgb(180,198,223)
```
#b0c5e3
```
#b0c5e3 rgb(176,197,227)
```
#acc5e7
```
#acc5e7 rgb(172,197,231)
```
#a8c4eb
```
#a8c4eb rgb(168,196,235)
```
#a4c3ef
```
#a4c3ef rgb(164,195,239)
```
#9fc3f4
```
#9fc3f4 rgb(159,195,244)
```
#9bc2f8
```
#9bc2f8 rgb(155,194,248)
```
#97c1fc
```
#97c1fc rgb(151,193,252)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c0c4c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c6de Protanopia 1% of men
#ccc2e2 Deuteranopia 1% of men
#b6cad8 Tritanopia 0.001% of the population

Trichromacy

#bdc6de Protanomaly 1% of men, 0.01% of women
#c3c3e1 Deuteranomaly 6% of men, 0.4% of women
#b5c8db Tritanomaly 0.01% of the population

#b4c6df hex color

#b4c6df Color Information

#b4c6df Color Conversion

Color Schemes with #b4c6df

Alternatives to #b4c6df

#b4c6df Preview

Shades and Tints of #b4c6df

Tones of #b4c6df

Color Blindness Simulator