#b4abfe hex color

In a RGB color space, hex #b4abfe is composed of 70.6% red, 67.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 32.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 246.5 degrees, a saturation of 97.6% and a lightness of 83.3%. #b4abfe color hex could be obtained by blending #ffffff with #6957fd. Closest websafe color is: #cc99ff.

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

● #b4abfe color description : Very soft blue.

The hexadecimal color #b4abfe has RGB values of R:180, G:171, B:254 and CMYK values of C:0.29, M:0.33, Y:0, K:0. Its decimal value is 11840510.

Hex triplet	b4abfe	`#b4abfe`
RGB Decimal	180, 171, 254	`rgb(180,171,254)`
RGB Percent	70.6, 67.1, 99.6	`rgb(70.6%,67.1%,99.6%)`
CMYK	29, 33, 0, 0
HSL	246.5°, 97.6, 83.3	`hsl(246.5,97.6%,83.3%)`
HSV (or HSB)	246.5°, 32.7, 99.6
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.535, 21.092, -39.993
XYZ	51.271, 45.984, 99.935
xyY	0.26, 0.233, 45.984
CIE-LCH	73.535, 45.214, 297.806
CIE-LUV	73.535, -0.766, -67.602
Hunter-Lab	67.812, 16.291, -39.908
Binary	10110100, 10101011, 11111110

#b4abfe
```
#b4abfe rgb(180,171,254)
```
#f5feab
```
#f5feab rgb(245,254,171)
```

Complementary Color

#abccfe
```
#abccfe rgb(171,204,254)
```
#b4abfe
```
#b4abfe rgb(180,171,254)
```
#deabfe
```
#deabfe rgb(222,171,254)
```

Analogous Color

#ccfeab
```
#ccfeab rgb(204,254,171)
```
#b4abfe
```
#b4abfe rgb(180,171,254)
```
#fedeab
```
#fedeab rgb(254,222,171)
```

Split Complementary Color

#abfeb4
```
#abfeb4 rgb(171,254,180)
```
#b4abfe
```
#b4abfe rgb(180,171,254)
```
#feb4ab
```
#feb4ab rgb(254,180,171)
```

Triadic Color

#abf5fe
```
#abf5fe rgb(171,245,254)
```
#b4abfe
```
#b4abfe rgb(180,171,254)
```
#feb4ab
```
#feb4ab rgb(254,180,171)
```
#f5feab
```
#f5feab rgb(245,254,171)
```

Tetradic Color

#715ffd
```
#715ffd rgb(113,95,253)
```
#8779fd
```
#8779fd rgb(135,121,253)
```
#9e92fe
```
#9e92fe rgb(158,146,254)
```
#b4abfe
```
#b4abfe rgb(180,171,254)
```
#cbc4fe
```
#cbc4fe rgb(203,196,254)
```
#e1ddff
```
#e1ddff rgb(225,221,255)
```
#f8f7ff
```
#f8f7ff rgb(248,247,255)
```

Monochromatic Color

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

#abb7fe
```
#abb7fe rgb(171,183,254)
```
#abb0fe
```
#abb0fe rgb(171,176,254)
```
#adabfe
```
#adabfe rgb(173,171,254)
```
#b4abfe
```
#b4abfe rgb(180,171,254)
```
#bbabfe
```
#bbabfe rgb(187,171,254)
```
#c2abfe
```
#c2abfe rgb(194,171,254)
```
#c9abfe
```
#c9abfe rgb(201,171,254)
```

Similar Colors

Text with hexadecimal color #b4abfe

This text has a font color of #b4abfe.

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

#b4abfe background color

This paragraph has a background color of #b4abfe.

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

#b4abfe border color

This element has a border color of #b4abfe.

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

CSS codes

.text {color:#b4abfe;}

.background {background-color:#b4abfe;}

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

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, #02000d is the darkest color, while #f9f9ff is the lightest one.

#02000d
```
#02000d rgb(2,0,13)
```
#040020
```
#040020 rgb(4,0,32)
```
#060134
```
#060134 rgb(6,1,52)
```
#080147
```
#080147 rgb(8,1,71)
```
#0b015a
```
#0b015a rgb(11,1,90)
```
#0d016e
```
#0d016e rgb(13,1,110)
```
#0f0281
```
#0f0281 rgb(15,2,129)
```
#120295
```
#120295 rgb(18,2,149)
```
#1402a8
```
#1402a8 rgb(20,2,168)
```
#1602bb
```
#1602bb rgb(22,2,187)
```
#1902cf
```
#1902cf rgb(25,2,207)
```
#1b03e2
```
#1b03e2 rgb(27,3,226)
```
#1d03f6
```
#1d03f6 rgb(29,3,246)
```

Shade Color Variation

#2a10fc
```
#2a10fc rgb(42,16,252)
```
#3b23fc
```
#3b23fc rgb(59,35,252)
```
#4c37fd
```
#4c37fd rgb(76,55,253)
```
#5d4afd
```
#5d4afd rgb(93,74,253)
```
#6f5dfd
```
#6f5dfd rgb(111,93,253)
```
#8071fd
```
#8071fd rgb(128,113,253)
```
#9184fe
```
#9184fe rgb(145,132,254)
```
#a398fe
```
#a398fe rgb(163,152,254)
```
#b4abfe
```
#b4abfe rgb(180,171,254)
```
#c5befe
```
#c5befe rgb(197,190,254)
```
#d7d2fe
```
#d7d2fe rgb(215,210,254)
```
#e8e5ff
```
#e8e5ff rgb(232,229,255)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#d3d2d7
```
#d3d2d7 rgb(211,210,215)
```
#d0cfda
```
#d0cfda rgb(208,207,218)
```
#ceccdd
```
#ceccdd rgb(206,204,221)
```
#cbc8e1
```
#cbc8e1 rgb(203,200,225)
```
#c8c5e4
```
#c8c5e4 rgb(200,197,228)
```
#c6c2e7
```
#c6c2e7 rgb(198,194,231)
```
#c3bfea
```
#c3bfea rgb(195,191,234)
```
#c1bbee
```
#c1bbee rgb(193,187,238)
```
#beb8f1
```
#beb8f1 rgb(190,184,241)
```
#bcb5f4
```
#bcb5f4 rgb(188,181,244)
```
#b9b2f7
```
#b9b2f7 rgb(185,178,247)
```
#b7aefb
```
#b7aefb rgb(183,174,251)
```
#b4abfe
```
#b4abfe rgb(180,171,254)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b6b5c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb6ff Protanopia 1% of men
#9fb6fb Deuteranopia 1% of men
#aabac8 Tritanopia 0.001% of the population

Trichromacy

#a6b2fe Protanomaly 1% of men, 0.01% of women
#a6b2fc Deuteranomaly 6% of men, 0.4% of women
#adb5db Tritanomaly 0.01% of the population

#b4abfe hex color

#b4abfe Color Information

#b4abfe Color Conversion

Color Schemes with #b4abfe

Alternatives to #b4abfe

#b4abfe Preview

Shades and Tints of #b4abfe

Tones of #b4abfe

Color Blindness Simulator