#b497f4 hex color

In a RGB color space, hex #b497f4 is composed of 70.6% red, 59.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 38.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 258.7 degrees, a saturation of 80.9% and a lightness of 77.5%. #b497f4 color hex could be obtained by blending #ffffff with #692fe9. Closest websafe color is: #cc99ff.

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

● #b497f4 color description : Very soft violet.

The hexadecimal color #b497f4 has RGB values of R:180, G:151, B:244 and CMYK values of C:0.26, M:0.38, Y:0, K:0.04. Its decimal value is 11835380.

Hex triplet	b497f4	`#b497f4`
RGB Decimal	180, 151, 244	`rgb(180,151,244)`
RGB Percent	70.6, 59.2, 95.7	`rgb(70.6%,59.2%,95.7%)`
CMYK	26, 38, 0, 4
HSL	258.7°, 80.9, 77.5	`hsl(258.7,80.9%,77.5%)`
HSV (or HSB)	258.7°, 38.1, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.291, 29.851, -42.752
XYZ	46.215, 38.368, 90.554
xyY	0.264, 0.219, 38.368
CIE-LCH	68.291, 52.142, 304.925
CIE-LUV	68.291, 8.06, -72.639
Hunter-Lab	61.942, 24.781, -43.318
Binary	10110100, 10010111, 11110100

#b497f4
```
#b497f4 rgb(180,151,244)
```
#d7f497
```
#d7f497 rgb(215,244,151)
```

Complementary Color

#97a9f4
```
#97a9f4 rgb(151,169,244)
```
#b497f4
```
#b497f4 rgb(180,151,244)
```
#e397f4
```
#e397f4 rgb(227,151,244)
```

Analogous Color

#a9f497
```
#a9f497 rgb(169,244,151)
```
#b497f4
```
#b497f4 rgb(180,151,244)
```
#f4e397
```
#f4e397 rgb(244,227,151)
```

Split Complementary Color

#97f4b4
```
#97f4b4 rgb(151,244,180)
```
#b497f4
```
#b497f4 rgb(180,151,244)
```
#f4b497
```
#f4b497 rgb(244,180,151)
```

Triadic Color

#97d7f4
```
#97d7f4 rgb(151,215,244)
```
#b497f4
```
#b497f4 rgb(180,151,244)
```
#f4b497
```
#f4b497 rgb(244,180,151)
```
#d7f497
```
#d7f497 rgb(215,244,151)
```

Tetradic Color

#8252ed
```
#8252ed rgb(130,82,237)
```
#9369ef
```
#9369ef rgb(147,105,239)
```
#a380f2
```
#a380f2 rgb(163,128,242)
```
#b497f4
```
#b497f4 rgb(180,151,244)
```
#c5aef6
```
#c5aef6 rgb(197,174,246)
```
#d5c5f9
```
#d5c5f9 rgb(213,197,249)
```
#e6dcfb
```
#e6dcfb rgb(230,220,251)
```

Monochromatic Color

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

#9d97f4
```
#9d97f4 rgb(157,151,244)
```
#a597f4
```
#a597f4 rgb(165,151,244)
```
#ac97f4
```
#ac97f4 rgb(172,151,244)
```
#b497f4
```
#b497f4 rgb(180,151,244)
```
#bc97f4
```
#bc97f4 rgb(188,151,244)
```
#c497f4
```
#c497f4 rgb(196,151,244)
```
#cb97f4
```
#cb97f4 rgb(203,151,244)
```

Similar Colors

Text with hexadecimal color #b497f4

This text has a font color of #b497f4.

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

#b497f4 background color

This paragraph has a background color of #b497f4.

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

#b497f4 border color

This element has a border color of #b497f4.

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

CSS codes

.text {color:#b497f4;}

.background {background-color:#b497f4;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#080214
```
#080214 rgb(8,2,20)
```
#0f0426
```
#0f0426 rgb(15,4,38)
```
#150638
```
#150638 rgb(21,6,56)
```
#1c0849
```
#1c0849 rgb(28,8,73)
```
#230a5b
```
#230a5b rgb(35,10,91)
```
#2a0c6d
```
#2a0c6d rgb(42,12,109)
```
#310d7f
```
#310d7f rgb(49,13,127)
```
#380f90
```
#380f90 rgb(56,15,144)
```
#3e11a2
```
#3e11a2 rgb(62,17,162)
```
#4513b4
```
#4513b4 rgb(69,19,180)
```
#4c15c6
```
#4c15c6 rgb(76,21,198)
```
#5317d7
```
#5317d7 rgb(83,23,215)
```

Shade Color Variation

#5a1be7
```
#5a1be7 rgb(90,27,231)
```
#672de9
```
#672de9 rgb(103,45,233)
```
#743eeb
```
#743eeb rgb(116,62,235)
```
#8150ec
```
#8150ec rgb(129,80,236)
```
#8e62ee
```
#8e62ee rgb(142,98,238)
```
#9a74f0
```
#9a74f0 rgb(154,116,240)
```
#a785f2
```
#a785f2 rgb(167,133,242)
```
#b497f4
```
#b497f4 rgb(180,151,244)
```
#c1a9f6
```
#c1a9f6 rgb(193,169,246)
```
#cebaf8
```
#cebaf8 rgb(206,186,248)
```
#daccfa
```
#daccfa rgb(218,204,250)
```
#e7defc
```
#e7defc rgb(231,222,252)
```
#f4f0fd
```
#f4f0fd rgb(244,240,253)
```

Tint Color Variation

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

#c5c3c8
```
#c5c3c8 rgb(197,195,200)
```
#c3bfcc
```
#c3bfcc rgb(195,191,204)
```
#c1bad1
```
#c1bad1 rgb(193,186,209)
```
#c0b6d5
```
#c0b6d5 rgb(192,182,213)
```
#beb2d9
```
#beb2d9 rgb(190,178,217)
```
#bcadde
```
#bcadde rgb(188,173,222)
```
#bba9e2
```
#bba9e2 rgb(187,169,226)
```
#b9a4e7
```
#b9a4e7 rgb(185,164,231)
```
#b7a0eb
```
#b7a0eb rgb(183,160,235)
```
#b69bf0
```
#b69bf0 rgb(182,155,240)
```
#b497f4
```
#b497f4 rgb(180,151,244)
```
#b293f8
```
#b293f8 rgb(178,147,248)
```
#b18efd
```
#b18efd rgb(177,142,253)
```

Tone Color Variation

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

#89a8fd Protanopia 1% of men
#8da9ef Deuteranopia 1% of men
#a9aab6 Tritanopia 0.001% of the population

Trichromacy

#99a2f9 Protanomaly 1% of men, 0.01% of women
#9ba3f1 Deuteranomaly 6% of men, 0.4% of women
#ada3cc Tritanomaly 0.01% of the population

#b497f4 hex color

#b497f4 Color Information

#b497f4 Color Conversion

Color Schemes with #b497f4

Alternatives to #b497f4

#b497f4 Preview

Shades and Tints of #b497f4

Tones of #b497f4

Color Blindness Simulator