#6540f2 hex color

In a RGB color space, hex #6540f2 is composed of 39.6% red, 25.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 73.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 252.5 degrees, a saturation of 87.3% and a lightness of 60%. #6540f2 color hex could be obtained by blending #ca80ff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 40
- G 25
- B 95
RGB color chart
- C 58
- M 74
- Y 0
- K 5
CMYK color chart

● #6540f2 color description : Bright blue.

The hexadecimal color #6540f2 has RGB values of R:101, G:64, B:242 and CMYK values of C:0.58, M:0.74, Y:0, K:0.05. Its decimal value is 6635762.

Hex triplet	6540f2	`#6540f2`
RGB Decimal	101, 64, 242	`rgb(101,64,242)`
RGB Percent	39.6, 25.1, 94.9	`rgb(39.6%,25.1%,94.9%)`
CMYK	58, 74, 0, 5
HSL	252.5°, 87.3, 60	`hsl(252.5,87.3%,60%)`
HSV (or HSB)	252.5°, 73.6, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.527, 60.318, -83.431
XYZ	23.224, 12.844, 85.255
xyY	0.191, 0.106, 12.844
CIE-LCH	42.527, 102.951, 305.866
CIE-LUV	42.527, -0.484, -123.424
Hunter-Lab	35.838, 52.958, -115.959
Binary	01100101, 01000000, 11110010

#6540f2
```
#6540f2 rgb(101,64,242)
```
#cdf240
```
#cdf240 rgb(205,242,64)
```

Complementary Color

#4074f2
```
#4074f2 rgb(64,116,242)
```
#6540f2
```
#6540f2 rgb(101,64,242)
```
#be40f2
```
#be40f2 rgb(190,64,242)
```

Analogous Color

#74f240
```
#74f240 rgb(116,242,64)
```
#6540f2
```
#6540f2 rgb(101,64,242)
```
#f2be40
```
#f2be40 rgb(242,190,64)
```

Split Complementary Color

#40f265
```
#40f265 rgb(64,242,101)
```
#6540f2
```
#6540f2 rgb(101,64,242)
```
#f26540
```
#f26540 rgb(242,101,64)
```

Triadic Color

#40cdf2
```
#40cdf2 rgb(64,205,242)
```
#6540f2
```
#6540f2 rgb(101,64,242)
```
#f26540
```
#f26540 rgb(242,101,64)
```
#cdf240
```
#cdf240 rgb(205,242,64)
```

Tetradic Color

#380fd7
```
#380fd7 rgb(56,15,215)
```
#3e10ef
```
#3e10ef rgb(62,16,239)
```
#5228f0
```
#5228f0 rgb(82,40,240)
```
#6540f2
```
#6540f2 rgb(101,64,242)
```
#7858f4
```
#7858f4 rgb(120,88,244)
```
#8c70f5
```
#8c70f5 rgb(140,112,245)
```
#9f88f7
```
#9f88f7 rgb(159,136,247)
```

Monochromatic Color

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

#4048f2
```
#4048f2 rgb(64,72,242)
```
#4740f2
```
#4740f2 rgb(71,64,242)
```
#5640f2
```
#5640f2 rgb(86,64,242)
```
#6540f2
```
#6540f2 rgb(101,64,242)
```
#7440f2
```
#7440f2 rgb(116,64,242)
```
#8340f2
```
#8340f2 rgb(131,64,242)
```
#9240f2
```
#9240f2 rgb(146,64,242)
```

Similar Colors

Text with hexadecimal color #6540f2

This text has a font color of #6540f2.

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

#6540f2 background color

This paragraph has a background color of #6540f2.

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

#6540f2 border color

This element has a border color of #6540f2.

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

CSS codes

.text {color:#6540f2;}

.background {background-color:#6540f2;}

.border {border:1px solid #6540f2;}

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

#03010b
```
#03010b rgb(3,1,11)
```
#08021d
```
#08021d rgb(8,2,29)
```
#0c0330
```
#0c0330 rgb(12,3,48)
```
#110542
```
#110542 rgb(17,5,66)
```
#160654
```
#160654 rgb(22,6,84)
```
#1b0767
```
#1b0767 rgb(27,7,103)
```
#200879
```
#200879 rgb(32,8,121)
```
#250a8c
```
#250a8c rgb(37,10,140)
```
#290b9e
```
#290b9e rgb(41,11,158)
```
#2e0cb0
```
#2e0cb0 rgb(46,12,176)
```
#330dc3
```
#330dc3 rgb(51,13,195)
```
#380fd5
```
#380fd5 rgb(56,15,213)
```
#3d10e7
```
#3d10e7 rgb(61,16,231)
```

Shade Color Variation

#471bf0
```
#471bf0 rgb(71,27,240)
```
#562ef1
```
#562ef1 rgb(86,46,241)
```
#6540f2
```
#6540f2 rgb(101,64,242)
```
#7452f3
```
#7452f3 rgb(116,82,243)
```
#8365f5
```
#8365f5 rgb(131,101,245)
```
#9177f6
```
#9177f6 rgb(145,119,246)
```
#a089f7
```
#a089f7 rgb(160,137,247)
```
#af9cf8
```
#af9cf8 rgb(175,156,248)
```
#beaefa
```
#beaefa rgb(190,174,250)
```
#cdc1fb
```
#cdc1fb rgb(205,193,251)
```
#dbd3fc
```
#dbd3fc rgb(219,211,252)
```
#eae5fd
```
#eae5fd rgb(234,229,253)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#97969c
```
#97969c rgb(151,150,156)
```
#938ea4
```
#938ea4 rgb(147,142,164)
```
#8e87ab
```
#8e87ab rgb(142,135,171)
```
#8a7fb3
```
#8a7fb3 rgb(138,127,179)
```
#8577bb
```
#8577bb rgb(133,119,187)
```
#816fc3
```
#816fc3 rgb(129,111,195)
```
#7c67cb
```
#7c67cb rgb(124,103,203)
```
#775fd3
```
#775fd3 rgb(119,95,211)
```
#7358da
```
#7358da rgb(115,88,218)
```
#6e50e2
```
#6e50e2 rgb(110,80,226)
```
#6a48ea
```
#6a48ea rgb(106,72,234)
```
#6540f2
```
#6540f2 rgb(101,64,242)
```
#6038fa
```
#6038fa rgb(96,56,250)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#60597c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#20767f Tritanopia 0.001% of the population

Trichromacy

#245ada Protanomaly 1% of men, 0.01% of women
#245ec9 Deuteranomaly 6% of men, 0.4% of women
#3962a8 Tritanomaly 0.01% of the population

#6540f2 hex color

#6540f2 Color Information

#6540f2 Color Conversion

Color Schemes with #6540f2

Alternatives to #6540f2

#6540f2 Preview

Shades and Tints of #6540f2

Tones of #6540f2

Color Blindness Simulator