colorhexa.com

#b4abda hex color

In a RGB color space, hex #b4abda is composed of 70.6% red, 67.1% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 21.6% magenta, 0% yellow and 14.5% black. It has a hue angle of 251.5 degrees, a saturation of 38.8% and a lightness of 76.3%. #b4abda color hex could be obtained by blending #ffffff with #6957b5. Closest websafe color is: #cc99cc.

- R 71
- G 67
- B 85
RGB color chart
- C 17
- M 22
- Y 0
- K 15
CMYK color chart

● #b4abda color description : Very soft blue.

The hexadecimal color #b4abda has RGB values of R:180, G:171, B:218 and CMYK values of C:0.17, M:0.22, Y:0, K:0.15. Its decimal value is 11840474.

Hex triplet	b4abda	`#b4abda`
RGB Decimal	180, 171, 218	`rgb(180,171,218)`
RGB Percent	70.6, 67.1, 85.5	`rgb(70.6%,67.1%,85.5%)`
CMYK	17, 22, 0, 15
HSL	251.5°, 38.8, 76.3	`hsl(251.5,38.8%,76.3%)`
HSV (or HSB)	251.5°, 21.6, 85.5
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.156, 12.691, -22.55
XYZ	46.038, 43.891, 72.372
xyY	0.284, 0.27, 43.891
CIE-LCH	72.156, 25.876, 299.37
CIE-LUV	72.156, 1.872, -37.217
Hunter-Lab	66.25, 8.103, -18.394
Binary	10110100, 10101011, 11011010

#b4abda
```
#b4abda rgb(180,171,218)
```
#d1daab
```
#d1daab rgb(209,218,171)
```

Complementary Color

#abbada
```
#abbada rgb(171,186,218)
```
#b4abda
```
#b4abda rgb(180,171,218)
```
#ccabda
```
#ccabda rgb(204,171,218)
```

Analogous Color

#badaab
```
#badaab rgb(186,218,171)
```
#b4abda
```
#b4abda rgb(180,171,218)
```
#daccab
```
#daccab rgb(218,204,171)
```

Split Complementary Color

#abdab4
```
#abdab4 rgb(171,218,180)
```
#b4abda
```
#b4abda rgb(180,171,218)
```
#dab4ab
```
#dab4ab rgb(218,180,171)
```

Triadic Color

#abd1da
```
#abd1da rgb(171,209,218)
```
#b4abda
```
#b4abda rgb(180,171,218)
```
#dab4ab
```
#dab4ab rgb(218,180,171)
```
#d1daab
```
#d1daab rgb(209,218,171)
```

Tetradic Color

#8576c3
```
#8576c3 rgb(133,118,195)
```
#9488ca
```
#9488ca rgb(148,136,202)
```
#a499d2
```
#a499d2 rgb(164,153,210)
```
#b4abda
```
#b4abda rgb(180,171,218)
```
#c4bde2
```
#c4bde2 rgb(196,189,226)
```
#d4ceea
```
#d4ceea rgb(212,206,234)
```
#e3e0f1
```
#e3e0f1 rgb(227,224,241)
```

Monochromatic Color

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

#abaeda
```
#abaeda rgb(171,174,218)
```
#acabda
```
#acabda rgb(172,171,218)
```
#b0abda
```
#b0abda rgb(176,171,218)
```
#b4abda
```
#b4abda rgb(180,171,218)
```
#b8abda
```
#b8abda rgb(184,171,218)
```
#bcabda
```
#bcabda rgb(188,171,218)
```
#c0abda
```
#c0abda rgb(192,171,218)
```

Similar Colors

Text with hexadecimal color #b4abda

This text has a font color of #b4abda.

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

#b4abda background color

This paragraph has a background color of #b4abda.

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

#b4abda border color

This element has a border color of #b4abda.

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

CSS codes

.text {color:#b4abda;}

.background {background-color:#b4abda;}

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

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, #06050b is the darkest color, while #fdfdfe is the lightest one.

#06050b
```
#06050b rgb(6,5,11)
```
#0e0b19
```
#0e0b19 rgb(14,11,25)
```
#151127
```
#151127 rgb(21,17,39)
```
#1d1734
```
#1d1734 rgb(29,23,52)
```
#241d42
```
#241d42 rgb(36,29,66)
```
#2b234f
```
#2b234f rgb(43,35,79)
```
#33295d
```
#33295d rgb(51,41,93)
```
#3a2f6b
```
#3a2f6b rgb(58,47,107)
```
#423578
```
#423578 rgb(66,53,120)
```
#493b86
```
#493b86 rgb(73,59,134)
```
#514193
```
#514193 rgb(81,65,147)
```
#5847a1
```
#5847a1 rgb(88,71,161)
```
#604daf
```
#604daf rgb(96,77,175)
```

Shade Color Variation

#6b59b6
```
#6b59b6 rgb(107,89,182)
```
#7767bc
```
#7767bc rgb(119,103,188)
```
#8375c2
```
#8375c2 rgb(131,117,194)
```
#9082c8
```
#9082c8 rgb(144,130,200)
```
#9c90ce
```
#9c90ce rgb(156,144,206)
```
#a89dd4
```
#a89dd4 rgb(168,157,212)
```
#b4abda
```
#b4abda rgb(180,171,218)
```
#c0b9e0
```
#c0b9e0 rgb(192,185,224)
```
#ccc6e6
```
#ccc6e6 rgb(204,198,230)
```
#d8d4ec
```
#d8d4ec rgb(216,212,236)
```
#e5e1f2
```
#e5e1f2 rgb(229,225,242)
```
#f1eff8
```
#f1eff8 rgb(241,239,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#c2c2c3
```
#c2c2c3 rgb(194,194,195)
```
#bfbec7
```
#bfbec7 rgb(191,190,199)
```
#bdb9cc
```
#bdb9cc rgb(189,185,204)
```
#bab4d1
```
#bab4d1 rgb(186,180,209)
```
#b7b0d5
```
#b7b0d5 rgb(183,176,213)
```
#b4abda
```
#b4abda rgb(180,171,218)
```
#b1a6df
```
#b1a6df rgb(177,166,223)
```
#aea2e3
```
#aea2e3 rgb(174,162,227)
```
#ab9de8
```
#ab9de8 rgb(171,157,232)
```
#a998ed
```
#a998ed rgb(169,152,237)
```
#a694f1
```
#a694f1 rgb(166,148,241)
```
#a38ff6
```
#a38ff6 rgb(163,143,246)
```
#a08afb
```
#a08afb rgb(160,138,251)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b3b1bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b3de Protanopia 1% of men
#b1b1db Deuteranopia 1% of men
#b2b4c1 Tritanopia 0.001% of the population

Trichromacy

#adb0dc Protanomaly 1% of men, 0.01% of women
#b2afda Deuteranomaly 6% of men, 0.4% of women
#b2b0ca Tritanomaly 0.01% of the population