#6a36ff hex color

In a RGB color space, hex #6a36ff is composed of 41.6% red, 21.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 78.8% magenta, 0% yellow and 0% black. It has a hue angle of 255.5 degrees, a saturation of 100% and a lightness of 60.6%. #6a36ff color hex could be obtained by blending #d46cff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 42
- G 21
- B 100
RGB color chart
- C 58
- M 79
- Y 0
- K 0
CMYK color chart

● #6a36ff color description : Light violet.

The hexadecimal color #6a36ff has RGB values of R:106, G:54, B:255 and CMYK values of C:0.58, M:0.79, Y:0, K:0. Its decimal value is 6960895.

Hex triplet	6a36ff	`#6a36ff`
RGB Decimal	106, 54, 255	`rgb(106,54,255)`
RGB Percent	41.6, 21.2, 100	`rgb(41.6%,21.2%,100%)`
CMYK	58, 79, 0, 0
HSL	255.5°, 100, 60.6	`hsl(255.5,100%,60.6%)`
HSV (or HSB)	255.5°, 78.8, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.645, 68.896, -90.508
XYZ	25.31, 12.922, 95.763
xyY	0.189, 0.096, 12.922
CIE-LCH	42.645, 113.747, 307.279
CIE-LUV	42.645, 1.147, -132.329
Hunter-Lab	35.947, 62.773, -132.787
Binary	01101010, 00110110, 11111111

#6a36ff
```
#6a36ff rgb(106,54,255)
```
#cbff36
```
#cbff36 rgb(203,255,54)
```

Complementary Color

#3667ff
```
#3667ff rgb(54,103,255)
```
#6a36ff
```
#6a36ff rgb(106,54,255)
```
#cf36ff
```
#cf36ff rgb(207,54,255)
```

Analogous Color

#67ff36
```
#67ff36 rgb(103,255,54)
```
#6a36ff
```
#6a36ff rgb(106,54,255)
```
#ffcf36
```
#ffcf36 rgb(255,207,54)
```

Split Complementary Color

#36ff6a
```
#36ff6a rgb(54,255,106)
```
#6a36ff
```
#6a36ff rgb(106,54,255)
```
#ff6a36
```
#ff6a36 rgb(255,106,54)
```

Triadic Color

#36cbff
```
#36cbff rgb(54,203,255)
```
#6a36ff
```
#6a36ff rgb(106,54,255)
```
#ff6a36
```
#ff6a36 rgb(255,106,54)
```
#cbff36
```
#cbff36 rgb(203,255,54)
```

Tetradic Color

#3c00e9
```
#3c00e9 rgb(60,0,233)
```
#4403ff
```
#4403ff rgb(68,3,255)
```
#571dff
```
#571dff rgb(87,29,255)
```
#6a36ff
```
#6a36ff rgb(106,54,255)
```
#7d50ff
```
#7d50ff rgb(125,80,255)
```
#9069ff
```
#9069ff rgb(144,105,255)
```
#a383ff
```
#a383ff rgb(163,131,255)
```

Monochromatic Color

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

#3836ff
```
#3836ff rgb(56,54,255)
```
#4936ff
```
#4936ff rgb(73,54,255)
```
#5936ff
```
#5936ff rgb(89,54,255)
```
#6a36ff
```
#6a36ff rgb(106,54,255)
```
#7b36ff
```
#7b36ff rgb(123,54,255)
```
#8c36ff
```
#8c36ff rgb(140,54,255)
```
#9c36ff
```
#9c36ff rgb(156,54,255)
```

Similar Colors

Text with hexadecimal color #6a36ff

This text has a font color of #6a36ff.

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

#6a36ff background color

This paragraph has a background color of #6a36ff.

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

#6a36ff border color

This element has a border color of #6a36ff.

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

CSS codes

.text {color:#6a36ff;}

.background {background-color:#6a36ff;}

.border {border:1px solid #6a36ff;}

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, #04000f is the darkest color, while #fbfaff is the lightest one.

#04000f
```
#04000f rgb(4,0,15)
```
#090022
```
#090022 rgb(9,0,34)
```
#0e0036
```
#0e0036 rgb(14,0,54)
```
#13004a
```
#13004a rgb(19,0,74)
```
#18005d
```
#18005d rgb(24,0,93)
```
#1d0071
```
#1d0071 rgb(29,0,113)
```
#220084
```
#220084 rgb(34,0,132)
```
#270098
```
#270098 rgb(39,0,152)
```
#2c00ac
```
#2c00ac rgb(44,0,172)
```
#3100bf
```
#3100bf rgb(49,0,191)
```
#3700d3
```
#3700d3 rgb(55,0,211)
```
#3c00e7
```
#3c00e7 rgb(60,0,231)
```
#4100fa
```
#4100fa rgb(65,0,250)
```

Shade Color Variation

#4d0fff
```
#4d0fff rgb(77,15,255)
```
#5b22ff
```
#5b22ff rgb(91,34,255)
```
#6a36ff
```
#6a36ff rgb(106,54,255)
```
#794aff
```
#794aff rgb(121,74,255)
```
#875dff
```
#875dff rgb(135,93,255)
```
#9671ff
```
#9671ff rgb(150,113,255)
```
#a484ff
```
#a484ff rgb(164,132,255)
```
#b398ff
```
#b398ff rgb(179,152,255)
```
#c1acff
```
#c1acff rgb(193,172,255)
```
#d0bfff
```
#d0bfff rgb(208,191,255)
```
#ded3ff
```
#ded3ff rgb(222,211,255)
```
#ede7ff
```
#ede7ff rgb(237,231,255)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

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

#9793a2
```
#9793a2 rgb(151,147,162)
```
#938baa
```
#938baa rgb(147,139,170)
```
#8f83b2
```
#8f83b2 rgb(143,131,178)
```
#8c7cb9
```
#8c7cb9 rgb(140,124,185)
```
#8874c1
```
#8874c1 rgb(136,116,193)
```
#846cc9
```
#846cc9 rgb(132,108,201)
```
#8064d1
```
#8064d1 rgb(128,100,209)
```
#7d5dd8
```
#7d5dd8 rgb(125,93,216)
```
#7955e0
```
#7955e0 rgb(121,85,224)
```
#754de8
```
#754de8 rgb(117,77,232)
```
#7145f0
```
#7145f0 rgb(113,69,240)
```
#6e3ef7
```
#6e3ef7 rgb(110,62,247)
```
#6a36ff
```
#6a36ff rgb(106,54,255)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5f547d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#12777f Tritanopia 0.001% of the population

Trichromacy

#2656df Protanomaly 1% of men, 0.01% of women
#265ace Deuteranomaly 6% of men, 0.4% of women
#325fae Tritanomaly 0.01% of the population

#6a36ff hex color

#6a36ff Color Information

#6a36ff Color Conversion

Color Schemes with #6a36ff

Alternatives to #6a36ff

#6a36ff Preview

Shades and Tints of #6a36ff

Tones of #6a36ff

Color Blindness Simulator