#b4cef9 hex color

In a RGB color space, hex #b4cef9 is composed of 70.6% red, 80.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 17.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 217.4 degrees, a saturation of 85.2% and a lightness of 84.1%. #b4cef9 color hex could be obtained by blending #ffffff with #699df3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 81
- B 98
RGB color chart
- C 28
- M 17
- Y 0
- K 2
CMYK color chart

● #b4cef9 color description : Very soft blue.

The hexadecimal color #b4cef9 has RGB values of R:180, G:206, B:249 and CMYK values of C:0.28, M:0.17, Y:0, K:0.02. Its decimal value is 11849465.

Hex triplet	b4cef9	`#b4cef9`
RGB Decimal	180, 206, 249	`rgb(180,206,249)`
RGB Percent	70.6, 80.8, 97.6	`rgb(70.6%,80.8%,97.6%)`
CMYK	28, 17, 0, 2
HSL	217.4°, 85.2, 84.1	`hsl(217.4,85.2%,84.1%)`
HSV (or HSB)	217.4°, 27.7, 97.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.209, 0.758, -23.957
XYZ	57.989, 60.684, 98.275
xyY	0.267, 0.28, 60.684
CIE-LCH	82.209, 23.969, 271.813
CIE-LUV	82.209, -15.172, -38.403
Hunter-Lab	77.9, -3.449, -20.268
Binary	10110100, 11001110, 11111001

#b4cef9
```
#b4cef9 rgb(180,206,249)
```
#f9dfb4
```
#f9dfb4 rgb(249,223,180)
```

Complementary Color

#b4f1f9
```
#b4f1f9 rgb(180,241,249)
```
#b4cef9
```
#b4cef9 rgb(180,206,249)
```
#bdb4f9
```
#bdb4f9 rgb(189,180,249)
```

Analogous Color

#f1f9b4
```
#f1f9b4 rgb(241,249,180)
```
#b4cef9
```
#b4cef9 rgb(180,206,249)
```
#f9bdb4
```
#f9bdb4 rgb(249,189,180)
```

Split Complementary Color

#cef9b4
```
#cef9b4 rgb(206,249,180)
```
#b4cef9
```
#b4cef9 rgb(180,206,249)
```
#f9b4ce
```
#f9b4ce rgb(249,180,206)
```

Triadic Color

#b4f9df
```
#b4f9df rgb(180,249,223)
```
#b4cef9
```
#b4cef9 rgb(180,206,249)
```
#f9b4ce
```
#f9b4ce rgb(249,180,206)
```
#f9dfb4
```
#f9dfb4 rgb(249,223,180)
```

Tetradic Color

#6da0f3
```
#6da0f3 rgb(109,160,243)
```
#85aff5
```
#85aff5 rgb(133,175,245)
```
#9cbff7
```
#9cbff7 rgb(156,191,247)
```
#b4cef9
```
#b4cef9 rgb(180,206,249)
```
#ccddfb
```
#ccddfb rgb(204,221,251)
```
#e3edfd
```
#e3edfd rgb(227,237,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Monochromatic Color

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

#b4dff9
```
#b4dff9 rgb(180,223,249)
```
#b4daf9
```
#b4daf9 rgb(180,218,249)
```
#b4d4f9
```
#b4d4f9 rgb(180,212,249)
```
#b4cef9
```
#b4cef9 rgb(180,206,249)
```
#b4c8f9
```
#b4c8f9 rgb(180,200,249)
```
#b4c3f9
```
#b4c3f9 rgb(180,195,249)
```
#b4bdf9
```
#b4bdf9 rgb(180,189,249)
```

Similar Colors

Text with hexadecimal color #b4cef9

This text has a font color of #b4cef9.

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

#b4cef9 background color

This paragraph has a background color of #b4cef9.

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

#b4cef9 border color

This element has a border color of #b4cef9.

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

CSS codes

.text {color:#b4cef9;}

.background {background-color:#b4cef9;}

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

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

#010710
```
#010710 rgb(1,7,16)
```
#030e22
```
#030e22 rgb(3,14,34)
```
#041634
```
#041634 rgb(4,22,52)
```
#061e46
```
#061e46 rgb(6,30,70)
```
#072658
```
#072658 rgb(7,38,88)
```
#092d6b
```
#092d6b rgb(9,45,107)
```
#0a357d
```
#0a357d rgb(10,53,125)
```
#0b3d8f
```
#0b3d8f rgb(11,61,143)
```
#0d45a1
```
#0d45a1 rgb(13,69,161)
```
#0e4cb3
```
#0e4cb3 rgb(14,76,179)
```
#1054c5
```
#1054c5 rgb(16,84,197)
```
#115cd8
```
#115cd8 rgb(17,92,216)
```
#1364ea
```
#1364ea rgb(19,100,234)
```

Shade Color Variation

#236fed
```
#236fed rgb(35,111,237)
```
#357bef
```
#357bef rgb(53,123,239)
```
#4787f0
```
#4787f0 rgb(71,135,240)
```
#5993f2
```
#5993f2 rgb(89,147,242)
```
#6b9ff3
```
#6b9ff3 rgb(107,159,243)
```
#7eaaf5
```
#7eaaf5 rgb(126,170,245)
```
#90b6f6
```
#90b6f6 rgb(144,182,246)
```
#a2c2f8
```
#a2c2f8 rgb(162,194,248)
```
#b4cef9
```
#b4cef9 rgb(180,206,249)
```
#c6dafa
```
#c6dafa rgb(198,218,250)
```
#d8e6fc
```
#d8e6fc rgb(216,230,252)
```
#eaf2fd
```
#eaf2fd rgb(234,242,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#d6d6d7
```
#d6d6d7 rgb(214,214,215)
```
#d3d6da
```
#d3d6da rgb(211,214,218)
```
#d0d5dd
```
#d0d5dd rgb(208,213,221)
```
#cdd4e0
```
#cdd4e0 rgb(205,212,224)
```
#cad3e3
```
#cad3e3 rgb(202,211,227)
```
#c7d3e6
```
#c7d3e6 rgb(199,211,230)
```
#c4d2e9
```
#c4d2e9 rgb(196,210,233)
```
#c0d1ed
```
#c0d1ed rgb(192,209,237)
```
#bdd0f0
```
#bdd0f0 rgb(189,208,240)
```
#bad0f3
```
#bad0f3 rgb(186,208,243)
```
#b7cff6
```
#b7cff6 rgb(183,207,246)
```
#b4cef9
```
#b4cef9 rgb(180,206,249)
```
#b1cdfc
```
#b1cdfc rgb(177,205,252)
```

Tone Color Variation

Below, you can see how #b4cef9 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
#c6ccd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cdf7 Protanopia 1% of men
#cacbfb Deuteranopia 1% of men
#b2d4e3 Tritanopia 0.001% of the population

Trichromacy

#becdf7 Protanomaly 1% of men, 0.01% of women
#c2ccfa Deuteranomaly 6% of men, 0.4% of women
#b2d2eb Tritanomaly 0.01% of the population

#b4cef9 hex color

#b4cef9 Color Information

#b4cef9 Color Conversion

Color Schemes with #b4cef9

Alternatives to #b4cef9

#b4cef9 Preview

Shades and Tints of #b4cef9

Tones of #b4cef9

Color Blindness Simulator