#b475f4 hex color

In a RGB color space, hex #b475f4 is composed of 70.6% red, 45.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 52% magenta, 0% yellow and 4.3% black. It has a hue angle of 269.8 degrees, a saturation of 85.2% and a lightness of 70.8%. #b475f4 color hex could be obtained by blending #ffeaff with #6900e9. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 71
- G 46
- B 96
RGB color chart
- C 26
- M 52
- Y 0
- K 4
CMYK color chart

● #b475f4 color description : Soft violet.

The hexadecimal color #b475f4 has RGB values of R:180, G:117, B:244 and CMYK values of C:0.26, M:0.52, Y:0, K:0.04. Its decimal value is 11826676.

Hex triplet	b475f4	`#b475f4`
RGB Decimal	180, 117, 244	`rgb(180,117,244)`
RGB Percent	70.6, 45.9, 95.7	`rgb(70.6%,45.9%,95.7%)`
CMYK	26, 52, 0, 4
HSL	269.8°, 85.2, 70.8	`hsl(269.8,85.2%,70.8%)`
HSV (or HSB)	269.8°, 52, 95.7
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	60.745, 48.556, -54.671
XYZ	41.51, 28.958, 88.986
xyY	0.26, 0.182, 28.958
CIE-LCH	60.745, 73.121, 311.61
CIE-LUV	60.745, 20.281, -92.779
Hunter-Lab	53.813, 43.52, -60.374
Binary	10110100, 01110101, 11110100

#b475f4
```
#b475f4 rgb(180,117,244)
```
#b5f475
```
#b5f475 rgb(181,244,117)
```

Complementary Color

#7576f4
```
#7576f4 rgb(117,118,244)
```
#b475f4
```
#b475f4 rgb(180,117,244)
```
#f475f4
```
#f475f4 rgb(244,117,244)
```

Analogous Color

#76f475
```
#76f475 rgb(118,244,117)
```
#b475f4
```
#b475f4 rgb(180,117,244)
```
#f4f475
```
#f4f475 rgb(244,244,117)
```

Split Complementary Color

#75f4b4
```
#75f4b4 rgb(117,244,180)
```
#b475f4
```
#b475f4 rgb(180,117,244)
```
#f4b475
```
#f4b475 rgb(244,180,117)
```

Triadic Color

#75b5f4
```
#75b5f4 rgb(117,181,244)
```
#b475f4
```
#b475f4 rgb(180,117,244)
```
#f4b475
```
#f4b475 rgb(244,180,117)
```
#b5f475
```
#b5f475 rgb(181,244,117)
```

Tetradic Color

#8d2eee
```
#8d2eee rgb(141,46,238)
```
#9a46f0
```
#9a46f0 rgb(154,70,240)
```
#a75df2
```
#a75df2 rgb(167,93,242)
```
#b475f4
```
#b475f4 rgb(180,117,244)
```
#c18df6
```
#c18df6 rgb(193,141,246)
```
#cea4f8
```
#cea4f8 rgb(206,164,248)
```
#dbbcfa
```
#dbbcfa rgb(219,188,250)
```

Monochromatic Color

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

#9475f4
```
#9475f4 rgb(148,117,244)
```
#9f75f4
```
#9f75f4 rgb(159,117,244)
```
#a975f4
```
#a975f4 rgb(169,117,244)
```
#b475f4
```
#b475f4 rgb(180,117,244)
```
#bf75f4
```
#bf75f4 rgb(191,117,244)
```
#c975f4
```
#c975f4 rgb(201,117,244)
```
#d475f4
```
#d475f4 rgb(212,117,244)
```

Similar Colors

Text with hexadecimal color #b475f4

This text has a font color of #b475f4.

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

#b475f4 background color

This paragraph has a background color of #b475f4.

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

#b475f4 border color

This element has a border color of #b475f4.

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

CSS codes

.text {color:#b475f4;}

.background {background-color:#b475f4;}

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

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

#040107
```
#040107 rgb(4,1,7)
```
#0e021a
```
#0e021a rgb(14,2,26)
```
#17032c
```
#17032c rgb(23,3,44)
```
#21053e
```
#21053e rgb(33,5,62)
```
#2b0650
```
#2b0650 rgb(43,6,80)
```
#350862
```
#350862 rgb(53,8,98)
```
#3e0974
```
#3e0974 rgb(62,9,116)
```
#480b87
```
#480b87 rgb(72,11,135)
```
#520c99
```
#520c99 rgb(82,12,153)
```
#5c0eab
```
#5c0eab rgb(92,14,171)
```
#650fbd
```
#650fbd rgb(101,15,189)
```
#6f11cf
```
#6f11cf rgb(111,17,207)
```
#7912e1
```
#7912e1 rgb(121,18,225)
```

Shade Color Variation

#831aed
```
#831aed rgb(131,26,237)
```
#8d2cee
```
#8d2cee rgb(141,44,238)
```
#963ef0
```
#963ef0 rgb(150,62,240)
```
#a051f1
```
#a051f1 rgb(160,81,241)
```
#aa63f3
```
#aa63f3 rgb(170,99,243)
```
#b475f4
```
#b475f4 rgb(180,117,244)
```
#be87f5
```
#be87f5 rgb(190,135,245)
```
#c899f7
```
#c899f7 rgb(200,153,247)
```
#d2acf8
```
#d2acf8 rgb(210,172,248)
```
#dbbefa
```
#dbbefa rgb(219,190,250)
```
#e5d0fb
```
#e5d0fb rgb(229,208,251)
```
#efe2fd
```
#efe2fd rgb(239,226,253)
```
#f9f4fe
```
#f9f4fe rgb(249,244,254)
```

Tint Color Variation

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

#b4b4b5
```
#b4b4b5 rgb(180,180,181)
```
#b4aebb
```
#b4aebb rgb(180,174,187)
```
#b4a9c0
```
#b4a9c0 rgb(180,169,192)
```
#b4a3c6
```
#b4a3c6 rgb(180,163,198)
```
#b49dcc
```
#b49dcc rgb(180,157,204)
```
#b497d2
```
#b497d2 rgb(180,151,210)
```
#b492d7
```
#b492d7 rgb(180,146,215)
```
#b48cdd
```
#b48cdd rgb(180,140,221)
```
#b486e3
```
#b486e3 rgb(180,134,227)
```
#b480e9
```
#b480e9 rgb(180,128,233)
```
#b47bee
```
#b47bee rgb(180,123,238)
```
#b475f4
```
#b475f4 rgb(180,117,244)
```
#b46ffa
```
#b46ffa rgb(180,111,250)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9c8fa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6194ff Protanopia 1% of men
#6298ea Deuteranopia 1% of men
#a5939d Tritanopia 0.001% of the population

Trichromacy

#7f89fb Protanomaly 1% of men, 0.01% of women
#808bed Deuteranomaly 6% of men, 0.4% of women
#aa88bd Tritanomaly 0.01% of the population

#b475f4 hex color

#b475f4 Color Information

#b475f4 Color Conversion

Color Schemes with #b475f4

Alternatives to #b475f4

#b475f4 Preview

Shades and Tints of #b475f4

Tones of #b475f4

Color Blindness Simulator