colorhexa.com

#bdabfd hex color

In a RGB color space, hex #bdabfd is composed of 74.1% red, 67.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 32.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 253.2 degrees, a saturation of 95.3% and a lightness of 83.1%. #bdabfd color hex could be obtained by blending #ffffff with #7b57fb. Closest websafe color is: #cc99ff.

- R 74
- G 67
- B 99
RGB color chart
- C 25
- M 32
- Y 0
- K 1
CMYK color chart

● #bdabfd color description : Very soft blue.

The hexadecimal color #bdabfd has RGB values of R:189, G:171, B:253 and CMYK values of C:0.25, M:0.32, Y:0, K:0.01. Its decimal value is 12430333.

Hex triplet	bdabfd	`#bdabfd`
RGB Decimal	189, 171, 253	`rgb(189,171,253)`
RGB Percent	74.1, 67.1, 99.2	`rgb(74.1%,67.1%,99.2%)`
CMYK	25, 32, 0, 1
HSL	253.2°, 95.3, 83.1	`hsl(253.2,95.3%,83.1%)`
HSV (or HSB)	253.2°, 32.4, 99.2
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.213, 23.407, -38.344
XYZ	53.276, 47.036, 99.195
xyY	0.267, 0.236, 47.036
CIE-LCH	74.213, 44.924, 301.402
CIE-LUV	74.213, 3.748, -65.231
Hunter-Lab	68.583, 18.64, -37.746
Binary	10111101, 10101011, 11111101

#bdabfd
```
#bdabfd rgb(189,171,253)
```
#ebfdab
```
#ebfdab rgb(235,253,171)
```

Complementary Color

#abc2fd
```
#abc2fd rgb(171,194,253)
```
#bdabfd
```
#bdabfd rgb(189,171,253)
```
#e6abfd
```
#e6abfd rgb(230,171,253)
```

Analogous Color

#c2fdab
```
#c2fdab rgb(194,253,171)
```
#bdabfd
```
#bdabfd rgb(189,171,253)
```
#fde6ab
```
#fde6ab rgb(253,230,171)
```

Split Complementary Color

#abfdbd
```
#abfdbd rgb(171,253,189)
```
#bdabfd
```
#bdabfd rgb(189,171,253)
```
#fdbdab
```
#fdbdab rgb(253,189,171)
```

Triadic Color

#abebfd
```
#abebfd rgb(171,235,253)
```
#bdabfd
```
#bdabfd rgb(189,171,253)
```
#fdbdab
```
#fdbdab rgb(253,189,171)
```
#ebfdab
```
#ebfdab rgb(235,253,171)
```

Tetradic Color

#8260fb
```
#8260fb rgb(130,96,251)
```
#9679fc
```
#9679fc rgb(150,121,252)
```
#a992fc
```
#a992fc rgb(169,146,252)
```
#bdabfd
```
#bdabfd rgb(189,171,253)
```
#d1c4fe
```
#d1c4fe rgb(209,196,254)
```
#e4ddfe
```
#e4ddfe rgb(228,221,254)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Monochromatic Color

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

#abaefd
```
#abaefd rgb(171,174,253)
```
#afabfd
```
#afabfd rgb(175,171,253)
```
#b6abfd
```
#b6abfd rgb(182,171,253)
```
#bdabfd
```
#bdabfd rgb(189,171,253)
```
#c4abfd
```
#c4abfd rgb(196,171,253)
```
#cbabfd
```
#cbabfd rgb(203,171,253)
```
#d2abfd
```
#d2abfd rgb(210,171,253)
```

Similar Colors

Text with hexadecimal color #bdabfd

This text has a font color of #bdabfd.

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

#bdabfd background color

This paragraph has a background color of #bdabfd.

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

#bdabfd border color

This element has a border color of #bdabfd.

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

CSS codes

.text {color:#bdabfd;}

.background {background-color:#bdabfd;}

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

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, #03000c is the darkest color, while #f9f8ff is the lightest one.

#03000c
```
#03000c rgb(3,0,12)
```
#07011f
```
#07011f rgb(7,1,31)
```
#0c0132
```
#0c0132 rgb(12,1,50)
```
#100245
```
#100245 rgb(16,2,69)
```
#150258
```
#150258 rgb(21,2,88)
```
#1a036c
```
#1a036c rgb(26,3,108)
```
#1e037f
```
#1e037f rgb(30,3,127)
```
#230392
```
#230392 rgb(35,3,146)
```
#2704a5
```
#2704a5 rgb(39,4,165)
```
#2c04b8
```
#2c04b8 rgb(44,4,184)
```
#3005cb
```
#3005cb rgb(48,5,203)
```
#3505df
```
#3505df rgb(53,5,223)
```
#3a06f2
```
#3a06f2 rgb(58,6,242)
```

Shade Color Variation

#4512f9
```
#4512f9 rgb(69,18,249)
```
#5425fa
```
#5425fa rgb(84,37,250)
```
#6338fa
```
#6338fa rgb(99,56,250)
```
#724bfb
```
#724bfb rgb(114,75,251)
```
#815efb
```
#815efb rgb(129,94,251)
```
#9072fc
```
#9072fc rgb(144,114,252)
```
#9f85fc
```
#9f85fc rgb(159,133,252)
```
#ae98fd
```
#ae98fd rgb(174,152,253)
```
#bdabfd
```
#bdabfd rgb(189,171,253)
```
#ccbefd
```
#ccbefd rgb(204,190,253)
```
#dbd1fe
```
#dbd1fe rgb(219,209,254)
```
#eae4fe
```
#eae4fe rgb(234,228,254)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#d3d3d5
```
#d3d3d5 rgb(211,211,213)
```
#d1cfd9
```
#d1cfd9 rgb(209,207,217)
```
#d0ccdc
```
#d0ccdc rgb(208,204,220)
```
#cec9df
```
#cec9df rgb(206,201,223)
```
#ccc5e3
```
#ccc5e3 rgb(204,197,227)
```
#cac2e6
```
#cac2e6 rgb(202,194,230)
```
#c8bfe9
```
#c8bfe9 rgb(200,191,233)
```
#c6bcec
```
#c6bcec rgb(198,188,236)
```
#c4b8f0
```
#c4b8f0 rgb(196,184,240)
```
#c3b5f3
```
#c3b5f3 rgb(195,181,243)
```
#c1b2f6
```
#c1b2f6 rgb(193,178,246)
```
#bfaefa
```
#bfaefa rgb(191,174,250)
```
#bdabfd
```
#bdabfd rgb(189,171,253)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bbb7c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b7ff Protanopia 1% of men
#a4b8f9 Deuteranopia 1% of men
#b4bac7 Tritanopia 0.001% of the population

Trichromacy

#abb3fe Protanomaly 1% of men, 0.01% of women
#adb3fb Deuteranomaly 6% of men, 0.4% of women
#b7b4db Tritanomaly 0.01% of the population