#b4c3ff hex color

In a RGB color space, hex #b4c3ff is composed of 70.6% red, 76.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 23.5% magenta, 0% yellow and 0% black. It has a hue angle of 228 degrees, a saturation of 100% and a lightness of 85.3%. #b4c3ff color hex could be obtained by blending #ffffff with #6987ff. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 76
- B 100
RGB color chart
- C 29
- M 24
- Y 0
- K 0
CMYK color chart

● #b4c3ff color description : Pale blue.

The hexadecimal color #b4c3ff has RGB values of R:180, G:195, B:255 and CMYK values of C:0.29, M:0.24, Y:0, K:0. Its decimal value is 11846655.

Hex triplet	b4c3ff	`#b4c3ff`
RGB Decimal	180, 195, 255	`rgb(180,195,255)`
RGB Percent	70.6, 76.5, 100	`rgb(70.6%,76.5%,100%)`
CMYK	29, 24, 0, 0
HSL	228°, 100, 85.3	`hsl(228,100%,85.3%)`
HSV (or HSB)	228°, 29.4, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.587, 8.11, -31.165
XYZ	56.384, 55.952, 102.431
xyY	0.263, 0.261, 55.952
CIE-LCH	79.587, 32.203, 284.587
CIE-LUV	79.587, -10.715, -51.449
Hunter-Lab	74.801, 3.648, -28.83
Binary	10110100, 11000011, 11111111

#b4c3ff
```
#b4c3ff rgb(180,195,255)
```
#fff0b4
```
#fff0b4 rgb(255,240,180)
```

Complementary Color

#b4e9ff
```
#b4e9ff rgb(180,233,255)
```
#b4c3ff
```
#b4c3ff rgb(180,195,255)
```
#cbb4ff
```
#cbb4ff rgb(203,180,255)
```

Analogous Color

#e9ffb4
```
#e9ffb4 rgb(233,255,180)
```
#b4c3ff
```
#b4c3ff rgb(180,195,255)
```
#ffcbb4
```
#ffcbb4 rgb(255,203,180)
```

Split Complementary Color

#c3ffb4
```
#c3ffb4 rgb(195,255,180)
```
#b4c3ff
```
#b4c3ff rgb(180,195,255)
```
#ffb4c3
```
#ffb4c3 rgb(255,180,195)
```

Triadic Color

#b4fff0
```
#b4fff0 rgb(180,255,240)
```
#b4c3ff
```
#b4c3ff rgb(180,195,255)
```
#ffb4c3
```
#ffb4c3 rgb(255,180,195)
```
#fff0b4
```
#fff0b4 rgb(255,240,180)
```

Tetradic Color

#6886ff
```
#6886ff rgb(104,134,255)
```
#819aff
```
#819aff rgb(129,154,255)
```
#9bafff
```
#9bafff rgb(155,175,255)
```
#b4c3ff
```
#b4c3ff rgb(180,195,255)
```
#ced7ff
```
#ced7ff rgb(206,215,255)
```
#e7ecff
```
#e7ecff rgb(231,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4d6ff
```
#b4d6ff rgb(180,214,255)
```
#b4d0ff
```
#b4d0ff rgb(180,208,255)
```
#b4c9ff
```
#b4c9ff rgb(180,201,255)
```
#b4c3ff
```
#b4c3ff rgb(180,195,255)
```
#b4bdff
```
#b4bdff rgb(180,189,255)
```
#b4b7ff
```
#b4b7ff rgb(180,183,255)
```
#b8b4ff
```
#b8b4ff rgb(184,180,255)
```

Similar Colors

Text with hexadecimal color #b4c3ff

This text has a font color of #b4c3ff.

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

#b4c3ff background color

This paragraph has a background color of #b4c3ff.

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

#b4c3ff border color

This element has a border color of #b4c3ff.

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

CSS codes

.text {color:#b4c3ff;}

.background {background-color:#b4c3ff;}

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000517
```
#000517 rgb(0,5,23)
```
#00092b
```
#00092b rgb(0,9,43)
```
#000c3e
```
#000c3e rgb(0,12,62)
```
#001052
```
#001052 rgb(0,16,82)
```
#001466
```
#001466 rgb(0,20,102)
```
#001879
```
#001879 rgb(0,24,121)
```
#001c8d
```
#001c8d rgb(0,28,141)
```
#0020a0
```
#0020a0 rgb(0,32,160)
```
#0024b4
```
#0024b4 rgb(0,36,180)
```
#0028c8
```
#0028c8 rgb(0,40,200)
```
#002cdb
```
#002cdb rgb(0,44,219)
```
#0030ef
```
#0030ef rgb(0,48,239)
```

Shade Color Variation

#0336ff
```
#0336ff rgb(3,54,255)
```
#1745ff
```
#1745ff rgb(23,69,255)
```
#2b55ff
```
#2b55ff rgb(43,85,255)
```
#3e65ff
```
#3e65ff rgb(62,101,255)
```
#5275ff
```
#5275ff rgb(82,117,255)
```
#6684ff
```
#6684ff rgb(102,132,255)
```
#7994ff
```
#7994ff rgb(121,148,255)
```
#8da4ff
```
#8da4ff rgb(141,164,255)
```
#a0b3ff
```
#a0b3ff rgb(160,179,255)
```
#b4c3ff
```
#b4c3ff rgb(180,195,255)
```
#c8d3ff
```
#c8d3ff rgb(200,211,255)
```
#dbe2ff
```
#dbe2ff rgb(219,226,255)
```
#eff2ff
```
#eff2ff rgb(239,242,255)
```

Tint Color Variation

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

#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#d4d6df
```
#d4d6df rgb(212,214,223)
```
#d1d4e2
```
#d1d4e2 rgb(209,212,226)
```
#ced3e5
```
#ced3e5 rgb(206,211,229)
```
#cbd1e8
```
#cbd1e8 rgb(203,209,232)
```
#c8cfeb
```
#c8cfeb rgb(200,207,235)
```
#c5cdee
```
#c5cdee rgb(197,205,238)
```
#c2ccf1
```
#c2ccf1 rgb(194,204,241)
```
#c0caf3
```
#c0caf3 rgb(192,202,243)
```
#bdc8f6
```
#bdc8f6 rgb(189,200,246)
```
#bac6f9
```
#bac6f9 rgb(186,198,249)
```
#b7c5fc
```
#b7c5fc rgb(183,197,252)
```
#b4c3ff
```
#b4c3ff rgb(180,195,255)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c2c5d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c6fe Protanopia 1% of men
#bbc5ff Deuteranopia 1% of men
#aeccdb Tritanopia 0.001% of the population

Trichromacy

#b6c4fe Protanomaly 1% of men, 0.01% of women
#b8c4ff Deuteranomaly 6% of men, 0.4% of women
#b0c9e8 Tritanomaly 0.01% of the population

#b4c3ff hex color

#b4c3ff Color Information

#b4c3ff Color Conversion

Color Schemes with #b4c3ff

Alternatives to #b4c3ff

#b4c3ff Preview

Shades and Tints of #b4c3ff

Tones of #b4c3ff

Color Blindness Simulator