#b4defe hex color

In a RGB color space, hex #b4defe is composed of 70.6% red, 87.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 12.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 205.9 degrees, a saturation of 97.4% and a lightness of 85.1%. #b4defe color hex could be obtained by blending #ffffff with #69bdfd. Closest websafe color is: #ccccff.

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

● #b4defe color description : Very soft blue.

The hexadecimal color #b4defe has RGB values of R:180, G:222, B:254 and CMYK values of C:0.29, M:0.13, Y:0, K:0. Its decimal value is 11853566.

Hex triplet	b4defe	`#b4defe`
RGB Decimal	180, 222, 254	`rgb(180,222,254)`
RGB Percent	70.6, 87.1, 99.6	`rgb(70.6%,87.1%,99.6%)`
CMYK	29, 13, 0, 0
HSL	205.9°, 97.4, 85.1	`hsl(205.9,97.4%,85.1%)`
HSV (or HSB)	205.9°, 29.1, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.553, -6.484, -20.014
XYZ	62.829, 69.1, 103.788
xyY	0.267, 0.293, 69.1
CIE-LCH	86.553, 21.038, 252.048
CIE-LUV	86.553, -22.153, -30.931
Hunter-Lab	83.126, -10.556, -15.838
Binary	10110100, 11011110, 11111110

#b4defe
```
#b4defe rgb(180,222,254)
```
#fed4b4
```
#fed4b4 rgb(254,212,180)
```

Complementary Color

#b4fef9
```
#b4fef9 rgb(180,254,249)
```
#b4defe
```
#b4defe rgb(180,222,254)
```
#b4b9fe
```
#b4b9fe rgb(180,185,254)
```

Analogous Color

#fef9b4
```
#fef9b4 rgb(254,249,180)
```
#b4defe
```
#b4defe rgb(180,222,254)
```
#feb4b9
```
#feb4b9 rgb(254,180,185)
```

Split Complementary Color

#defeb4
```
#defeb4 rgb(222,254,180)
```
#b4defe
```
#b4defe rgb(180,222,254)
```
#feb4de
```
#feb4de rgb(254,180,222)
```

Triadic Color

#b4fed4
```
#b4fed4 rgb(180,254,212)
```
#b4defe
```
#b4defe rgb(180,222,254)
```
#feb4de
```
#feb4de rgb(254,180,222)
```
#fed4b4
```
#fed4b4 rgb(254,212,180)
```

Tetradic Color

#69bdfd
```
#69bdfd rgb(105,189,253)
```
#82c8fd
```
#82c8fd rgb(130,200,253)
```
#9bd3fe
```
#9bd3fe rgb(155,211,254)
```
#b4defe
```
#b4defe rgb(180,222,254)
```
#cde9fe
```
#cde9fe rgb(205,233,254)
```
#e6f4ff
```
#e6f4ff rgb(230,244,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4f1fe
```
#b4f1fe rgb(180,241,254)
```
#b4eafe
```
#b4eafe rgb(180,234,254)
```
#b4e4fe
```
#b4e4fe rgb(180,228,254)
```
#b4defe
```
#b4defe rgb(180,222,254)
```
#b4d8fe
```
#b4d8fe rgb(180,216,254)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```
#b4ccfe
```
#b4ccfe rgb(180,204,254)
```

Similar Colors

Text with hexadecimal color #b4defe

This text has a font color of #b4defe.

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

#b4defe background color

This paragraph has a background color of #b4defe.

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

#b4defe border color

This element has a border color of #b4defe.

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

CSS codes

.text {color:#b4defe;}

.background {background-color:#b4defe;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000c16
```
#000c16 rgb(0,12,22)
```
#011829
```
#011829 rgb(1,24,41)
```
#01233d
```
#01233d rgb(1,35,61)
```
#012e50
```
#012e50 rgb(1,46,80)
```
#013963
```
#013963 rgb(1,57,99)
```
#024477
```
#024477 rgb(2,68,119)
```
#024f8a
```
#024f8a rgb(2,79,138)
```
#025a9d
```
#025a9d rgb(2,90,157)
```
#0265b1
```
#0265b1 rgb(2,101,177)
```
#0370c4
```
#0370c4 rgb(3,112,196)
```
#037bd7
```
#037bd7 rgb(3,123,215)
```
#0387eb
```
#0387eb rgb(3,135,235)
```

Shade Color Variation

#0691fc
```
#0691fc rgb(6,145,252)
```
#199afc
```
#199afc rgb(25,154,252)
```
#2ca2fc
```
#2ca2fc rgb(44,162,252)
```
#40abfc
```
#40abfc rgb(64,171,252)
```
#53b3fd
```
#53b3fd rgb(83,179,253)
```
#67bcfd
```
#67bcfd rgb(103,188,253)
```
#7ac4fd
```
#7ac4fd rgb(122,196,253)
```
#8dcdfd
```
#8dcdfd rgb(141,205,253)
```
#a1d5fe
```
#a1d5fe rgb(161,213,254)
```
#b4defe
```
#b4defe rgb(180,222,254)
```
#c7e7fe
```
#c7e7fe rgb(199,231,254)
```
#dbefff
```
#dbefff rgb(219,239,255)
```
#eef8ff
```
#eef8ff rgb(238,248,255)
```

Tint Color Variation

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

#d7d9db
```
#d7d9db rgb(215,217,219)
```
#d4dade
```
#d4dade rgb(212,218,222)
```
#d1dae1
```
#d1dae1 rgb(209,218,225)
```
#cedae4
```
#cedae4 rgb(206,218,228)
```
#cbdbe7
```
#cbdbe7 rgb(203,219,231)
```
#c8dbea
```
#c8dbea rgb(200,219,234)
```
#c6dcec
```
#c6dcec rgb(198,220,236)
```
#c3dcef
```
#c3dcef rgb(195,220,239)
```
#c0dcf2
```
#c0dcf2 rgb(192,220,242)
```
#bdddf5
```
#bdddf5 rgb(189,221,245)
```
#baddf8
```
#baddf8 rgb(186,221,248)
```
#b7defb
```
#b7defb rgb(183,222,251)
```
#b4defe
```
#b4defe rgb(180,222,254)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#ced7dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d8f9 Protanopia 1% of men
#dad6ff Deuteranopia 1% of men
#b4e1f2 Tritanopia 0.001% of the population

Trichromacy

#c8dafb Protanomaly 1% of men, 0.01% of women
#ccd9fe Deuteranomaly 6% of men, 0.4% of women
#b4e0f6 Tritanomaly 0.01% of the population

#b4defe hex color

#b4defe Color Information

#b4defe Color Conversion

Color Schemes with #b4defe

Alternatives to #b4defe

#b4defe Preview

Shades and Tints of #b4defe

Tones of #b4defe

Color Blindness Simulator