#6531ff hex color

In a RGB color space, hex #6531ff is composed of 39.6% red, 19.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 80.8% magenta, 0% yellow and 0% black. It has a hue angle of 255.1 degrees, a saturation of 100% and a lightness of 59.6%. #6531ff color hex could be obtained by blending #ca62ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 40
- G 19
- B 100
RGB color chart
- C 60
- M 81
- Y 0
- K 0
CMYK color chart

● #6531ff color description : Vivid violet.

The hexadecimal color #6531ff has RGB values of R:101, G:49, B:255 and CMYK values of C:0.6, M:0.81, Y:0, K:0. Its decimal value is 6631935.

Hex triplet	6531ff	`#6531ff`
RGB Decimal	101, 49, 255	`rgb(101,49,255)`
RGB Percent	39.6, 19.2, 100	`rgb(39.6%,19.2%,100%)`
CMYK	60, 81, 0, 0
HSL	255.1°, 100, 59.6	`hsl(255.1,100%,59.6%)`
HSV (or HSB)	255.1°, 80.8, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.505, 70.395, -92.407
XYZ	24.512, 12.182, 95.662
xyY	0.185, 0.092, 12.182
CIE-LCH	41.505, 116.166, 307.3
CIE-LUV	41.505, 0.292, -132.998
Hunter-Lab	34.903, 64.275, -138.068
Binary	01100101, 00110001, 11111111

#6531ff
```
#6531ff rgb(101,49,255)
```
#cbff31
```
#cbff31 rgb(203,255,49)
```

Complementary Color

#3164ff
```
#3164ff rgb(49,100,255)
```
#6531ff
```
#6531ff rgb(101,49,255)
```
#cc31ff
```
#cc31ff rgb(204,49,255)
```

Analogous Color

#64ff31
```
#64ff31 rgb(100,255,49)
```
#6531ff
```
#6531ff rgb(101,49,255)
```
#ffcc31
```
#ffcc31 rgb(255,204,49)
```

Split Complementary Color

#31ff65
```
#31ff65 rgb(49,255,101)
```
#6531ff
```
#6531ff rgb(101,49,255)
```
#ff6531
```
#ff6531 rgb(255,101,49)
```

Triadic Color

#31cbff
```
#31cbff rgb(49,203,255)
```
#6531ff
```
#6531ff rgb(101,49,255)
```
#ff6531
```
#ff6531 rgb(255,101,49)
```
#cbff31
```
#cbff31 rgb(203,255,49)
```

Tetradic Color

#3900e4
```
#3900e4 rgb(57,0,228)
```
#4000fd
```
#4000fd rgb(64,0,253)
```
#5218ff
```
#5218ff rgb(82,24,255)
```
#6531ff
```
#6531ff rgb(101,49,255)
```
#784bff
```
#784bff rgb(120,75,255)
```
#8b64ff
```
#8b64ff rgb(139,100,255)
```
#9e7eff
```
#9e7eff rgb(158,126,255)
```

Monochromatic Color

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

#3131ff
```
#3131ff rgb(49,49,255)
```
#4331ff
```
#4331ff rgb(67,49,255)
```
#5431ff
```
#5431ff rgb(84,49,255)
```
#6531ff
```
#6531ff rgb(101,49,255)
```
#7631ff
```
#7631ff rgb(118,49,255)
```
#8731ff
```
#8731ff rgb(135,49,255)
```
#9931ff
```
#9931ff rgb(153,49,255)
```

Similar Colors

Text with hexadecimal color #6531ff

This text has a font color of #6531ff.

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

#6531ff background color

This paragraph has a background color of #6531ff.

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

#6531ff border color

This element has a border color of #6531ff.

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

CSS codes

.text {color:#6531ff;}

.background {background-color:#6531ff;}

.border {border:1px solid #6531ff;}

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, #02000a is the darkest color, while #f8f5ff is the lightest one.

#02000a
```
#02000a rgb(2,0,10)
```
#07001d
```
#07001d rgb(7,0,29)
```
#0c0031
```
#0c0031 rgb(12,0,49)
```
#110045
```
#110045 rgb(17,0,69)
```
#160058
```
#160058 rgb(22,0,88)
```
#1b006c
```
#1b006c rgb(27,0,108)
```
#20007f
```
#20007f rgb(32,0,127)
```
#250093
```
#250093 rgb(37,0,147)
```
#2a00a7
```
#2a00a7 rgb(42,0,167)
```
#2f00ba
```
#2f00ba rgb(47,0,186)
```
#3400ce
```
#3400ce rgb(52,0,206)
```
#3900e2
```
#3900e2 rgb(57,0,226)
```
#3e00f5
```
#3e00f5 rgb(62,0,245)
```

Shade Color Variation

#480aff
```
#480aff rgb(72,10,255)
```
#561dff
```
#561dff rgb(86,29,255)
```
#6531ff
```
#6531ff rgb(101,49,255)
```
#7445ff
```
#7445ff rgb(116,69,255)
```
#8258ff
```
#8258ff rgb(130,88,255)
```
#916cff
```
#916cff rgb(145,108,255)
```
#a07fff
```
#a07fff rgb(160,127,255)
```
#ae93ff
```
#ae93ff rgb(174,147,255)
```
#bda7ff
```
#bda7ff rgb(189,167,255)
```
#ccbaff
```
#ccbaff rgb(204,186,255)
```
#daceff
```
#daceff rgb(218,206,255)
```
#e9e2ff
```
#e9e2ff rgb(233,226,255)
```
#f8f5ff
```
#f8f5ff rgb(248,245,255)
```

Tint Color Variation

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

#9490a0
```
#9490a0 rgb(148,144,160)
```
#9088a8
```
#9088a8 rgb(144,136,168)
```
#8c80b0
```
#8c80b0 rgb(140,128,176)
```
#8878b8
```
#8878b8 rgb(136,120,184)
```
#8470c0
```
#8470c0 rgb(132,112,192)
```
#8068c8
```
#8068c8 rgb(128,104,200)
```
#7d61cf
```
#7d61cf rgb(125,97,207)
```
#7959d7
```
#7959d7 rgb(121,89,215)
```
#7551df
```
#7551df rgb(117,81,223)
```
#7149e7
```
#7149e7 rgb(113,73,231)
```
#6d41ef
```
#6d41ef rgb(109,65,239)
```
#6939f7
```
#6939f7 rgb(105,57,247)
```
#6531ff
```
#6531ff rgb(101,49,255)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#5b5079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dad Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#2453dc Protanomaly 1% of men, 0.01% of women
#2457cb Deuteranomaly 6% of men, 0.4% of women
#245bab Tritanomaly 0.01% of the population

#6531ff hex color

#6531ff Color Information

#6531ff Color Conversion

Color Schemes with #6531ff

Alternatives to #6531ff

#6531ff Preview

Shades and Tints of #6531ff

Tones of #6531ff

Color Blindness Simulator