#b497f5 hex color

In a RGB color space, hex #b497f5 is composed of 70.6% red, 59.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 38.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 258.5 degrees, a saturation of 82.5% and a lightness of 77.6%. #b497f5 color hex could be obtained by blending #ffffff with #692feb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 71
- G 59
- B 96
RGB color chart
- C 27
- M 38
- Y 0
- K 4
CMYK color chart

● #b497f5 color description : Very soft violet.

The hexadecimal color #b497f5 has RGB values of R:180, G:151, B:245 and CMYK values of C:0.27, M:0.38, Y:0, K:0.04. Its decimal value is 11835381.

Hex triplet	b497f5	`#b497f5`
RGB Decimal	180, 151, 245	`rgb(180,151,245)`
RGB Percent	70.6, 59.2, 96.1	`rgb(70.6%,59.2%,96.1%)`
CMYK	27, 38, 0, 4
HSL	258.5°, 82.5, 77.6	`hsl(258.5,82.5%,77.6%)`
HSV (or HSB)	258.5°, 38.4, 96.1
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.336, 30.091, -43.229
XYZ	46.368, 38.429, 91.356
xyY	0.263, 0.218, 38.429
CIE-LCH	68.336, 52.67, 304.841
CIE-LUV	68.336, 7.957, -73.472
Hunter-Lab	61.991, 25.028, -43.981
Binary	10110100, 10010111, 11110101

#b497f5
```
#b497f5 rgb(180,151,245)
```
#d8f597
```
#d8f597 rgb(216,245,151)
```

Complementary Color

#97a9f5
```
#97a9f5 rgb(151,169,245)
```
#b497f5
```
#b497f5 rgb(180,151,245)
```
#e397f5
```
#e397f5 rgb(227,151,245)
```

Analogous Color

#a9f597
```
#a9f597 rgb(169,245,151)
```
#b497f5
```
#b497f5 rgb(180,151,245)
```
#f5e397
```
#f5e397 rgb(245,227,151)
```

Split Complementary Color

#97f5b4
```
#97f5b4 rgb(151,245,180)
```
#b497f5
```
#b497f5 rgb(180,151,245)
```
#f5b497
```
#f5b497 rgb(245,180,151)
```

Triadic Color

#97d8f5
```
#97d8f5 rgb(151,216,245)
```
#b497f5
```
#b497f5 rgb(180,151,245)
```
#f5b497
```
#f5b497 rgb(245,180,151)
```
#d8f597
```
#d8f597 rgb(216,245,151)
```

Tetradic Color

#8251ee
```
#8251ee rgb(130,81,238)
```
#9268f1
```
#9268f1 rgb(146,104,241)
```
#a380f3
```
#a380f3 rgb(163,128,243)
```
#b497f5
```
#b497f5 rgb(180,151,245)
```
#c5aef7
```
#c5aef7 rgb(197,174,247)
```
#d6c6f9
```
#d6c6f9 rgb(214,198,249)
```
#e6ddfc
```
#e6ddfc rgb(230,221,252)
```

Monochromatic Color

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

#9d97f5
```
#9d97f5 rgb(157,151,245)
```
#a497f5
```
#a497f5 rgb(164,151,245)
```
#ac97f5
```
#ac97f5 rgb(172,151,245)
```
#b497f5
```
#b497f5 rgb(180,151,245)
```
#bc97f5
```
#bc97f5 rgb(188,151,245)
```
#c497f5
```
#c497f5 rgb(196,151,245)
```
#cc97f5
```
#cc97f5 rgb(204,151,245)
```

Similar Colors

Text with hexadecimal color #b497f5

This text has a font color of #b497f5.

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

#b497f5 background color

This paragraph has a background color of #b497f5.

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

#b497f5 border color

This element has a border color of #b497f5.

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

CSS codes

.text {color:#b497f5;}

.background {background-color:#b497f5;}

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

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

#010003
```
#010003 rgb(1,0,3)
```
#080215
```
#080215 rgb(8,2,21)
```
#0f0427
```
#0f0427 rgb(15,4,39)
```
#150539
```
#150539 rgb(21,5,57)
```
#1c074b
```
#1c074b rgb(28,7,75)
```
#23095d
```
#23095d rgb(35,9,93)
```
#2a0b6f
```
#2a0b6f rgb(42,11,111)
```
#300c81
```
#300c81 rgb(48,12,129)
```
#370e93
```
#370e93 rgb(55,14,147)
```
#3e10a4
```
#3e10a4 rgb(62,16,164)
```
#4412b6
```
#4412b6 rgb(68,18,182)
```
#4b13c8
```
#4b13c8 rgb(75,19,200)
```
#5215da
```
#5215da rgb(82,21,218)
```

Shade Color Variation

#5a1ae9
```
#5a1ae9 rgb(90,26,233)
```
#672ceb
```
#672ceb rgb(103,44,235)
```
#733eec
```
#733eec rgb(115,62,236)
```
#804fee
```
#804fee rgb(128,79,238)
```
#8d61f0
```
#8d61f0 rgb(141,97,240)
```
#9a73f2
```
#9a73f2 rgb(154,115,242)
```
#a785f3
```
#a785f3 rgb(167,133,243)
```
#b497f5
```
#b497f5 rgb(180,151,245)
```
#c1a9f7
```
#c1a9f7 rgb(193,169,247)
```
#cebbf8
```
#cebbf8 rgb(206,187,248)
```
#dbcdfa
```
#dbcdfa rgb(219,205,250)
```
#e8dffc
```
#e8dffc rgb(232,223,252)
```
#f5f0fe
```
#f5f0fe rgb(245,240,254)
```

Tint Color Variation

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

#c5c3c9
```
#c5c3c9 rgb(197,195,201)
```
#c3bece
```
#c3bece rgb(195,190,206)
```
#c1bad2
```
#c1bad2 rgb(193,186,210)
```
#c0b6d6
```
#c0b6d6 rgb(192,182,214)
```
#beb1db
```
#beb1db rgb(190,177,219)
```
#bcaddf
```
#bcaddf rgb(188,173,223)
```
#bba9e3
```
#bba9e3 rgb(187,169,227)
```
#b9a4e8
```
#b9a4e8 rgb(185,164,232)
```
#b7a0ec
```
#b7a0ec rgb(183,160,236)
```
#b69bf1
```
#b69bf1 rgb(182,155,241)
```
#b497f5
```
#b497f5 rgb(180,151,245)
```
#b293f9
```
#b293f9 rgb(178,147,249)
```
#b18efe
```
#b18efe rgb(177,142,254)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#aca6b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a8fe Protanopia 1% of men
#8caaf0 Deuteranopia 1% of men
#a9aab6 Tritanopia 0.001% of the population

Trichromacy

#98a2fa Protanomaly 1% of men, 0.01% of women
#9aa3f2 Deuteranomaly 6% of men, 0.4% of women
#ada3cd Tritanomaly 0.01% of the population

#b497f5 hex color

#b497f5 Color Information

#b497f5 Color Conversion

Color Schemes with #b497f5

Alternatives to #b497f5

#b497f5 Preview

Shades and Tints of #b497f5

Tones of #b497f5

Color Blindness Simulator