colorhexa.com

#6a63ec hex color

In a RGB color space, hex #6a63ec is composed of 41.6% red, 38.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 58.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 243.1 degrees, a saturation of 78.3% and a lightness of 65.7%. #6a63ec color hex could be obtained by blending #d4c6ff with #0000d9. Closest websafe color is: #6666ff.

- R 42
- G 39
- B 93
RGB color chart
- C 55
- M 58
- Y 0
- K 7
CMYK color chart

● #6a63ec color description : Soft blue.

The hexadecimal color #6a63ec has RGB values of R:106, G:99, B:236 and CMYK values of C:0.55, M:0.58, Y:0, K:0.07. Its decimal value is 6972396.

Hex triplet	6a63ec	`#6a63ec`
RGB Decimal	106, 99, 236	`rgb(106,99,236)`
RGB Percent	41.6, 38.8, 92.5	`rgb(41.6%,38.8%,92.5%)`
CMYK	55, 58, 0, 7
HSL	243.1°, 78.3, 65.7	`hsl(243.1,78.3%,65.7%)`
HSV (or HSB)	243.1°, 58.1, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.548, 40.127, -68.569
XYZ	25.543, 18.043, 81.489
xyY	0.204, 0.144, 18.043
CIE-LCH	49.548, 79.447, 300.336
CIE-LUV	49.548, -5.708, -108.203
Hunter-Lab	42.477, 33.004, -84.009
Binary	01101010, 01100011, 11101100

#6a63ec
```
#6a63ec rgb(106,99,236)
```
#e5ec63
```
#e5ec63 rgb(229,236,99)
```

Complementary Color

#63a1ec
```
#63a1ec rgb(99,161,236)
```
#6a63ec
```
#6a63ec rgb(106,99,236)
```
#af63ec
```
#af63ec rgb(175,99,236)
```

Analogous Color

#a1ec63
```
#a1ec63 rgb(161,236,99)
```
#6a63ec
```
#6a63ec rgb(106,99,236)
```
#ecaf63
```
#ecaf63 rgb(236,175,99)
```

Split Complementary Color

#63ec6a
```
#63ec6a rgb(99,236,106)
```
#6a63ec
```
#6a63ec rgb(106,99,236)
```
#ec6a63
```
#ec6a63 rgb(236,106,99)
```

Triadic Color

#63e5ec
```
#63e5ec rgb(99,229,236)
```
#6a63ec
```
#6a63ec rgb(106,99,236)
```
#ec6a63
```
#ec6a63 rgb(236,106,99)
```
#e5ec63
```
#e5ec63 rgb(229,236,99)
```

Tetradic Color

#291fe4
```
#291fe4 rgb(41,31,228)
```
#3f36e6
```
#3f36e6 rgb(63,54,230)
```
#544ce9
```
#544ce9 rgb(84,76,233)
```
#6a63ec
```
#6a63ec rgb(106,99,236)
```
#807aef
```
#807aef rgb(128,122,239)
```
#9590f2
```
#9590f2 rgb(149,144,242)
```
#aba7f4
```
#aba7f4 rgb(171,167,244)
```

Monochromatic Color

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

#637eec
```
#637eec rgb(99,126,236)
```
#6373ec
```
#6373ec rgb(99,115,236)
```
#6367ec
```
#6367ec rgb(99,103,236)
```
#6a63ec
```
#6a63ec rgb(106,99,236)
```
#7563ec
```
#7563ec rgb(117,99,236)
```
#8163ec
```
#8163ec rgb(129,99,236)
```
#8c63ec
```
#8c63ec rgb(140,99,236)
```

Similar Colors

Text with hexadecimal color #6a63ec

This text has a font color of #6a63ec.

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

#6a63ec background color

This paragraph has a background color of #6a63ec.

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

#6a63ec border color

This element has a border color of #6a63ec.

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

CSS codes

.text {color:#6a63ec;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030213
```
#030213 rgb(3,2,19)
```
#060424
```
#060424 rgb(6,4,36)
```
#090736
```
#090736 rgb(9,7,54)
```
#0c0947
```
#0c0947 rgb(12,9,71)
```
#0f0b59
```
#0f0b59 rgb(15,11,89)
```
#120d6a
```
#120d6a rgb(18,13,106)
```
#150f7c
```
#150f7c rgb(21,15,124)
```
#18118d
```
#18118d rgb(24,17,141)
```
#1a139f
```
#1a139f rgb(26,19,159)
```
#1d15b0
```
#1d15b0 rgb(29,21,176)
```
#2018c2
```
#2018c2 rgb(32,24,194)
```
#231ad3
```
#231ad3 rgb(35,26,211)
```

Shade Color Variation

#271de3
```
#271de3 rgb(39,29,227)
```
#382fe6
```
#382fe6 rgb(56,47,230)
```
#4940e8
```
#4940e8 rgb(73,64,232)
```
#5952ea
```
#5952ea rgb(89,82,234)
```
#6a63ec
```
#6a63ec rgb(106,99,236)
```
#7b74ee
```
#7b74ee rgb(123,116,238)
```
#8b86f0
```
#8b86f0 rgb(139,134,240)
```
#9c97f2
```
#9c97f2 rgb(156,151,242)
```
#ada9f5
```
#ada9f5 rgb(173,169,245)
```
#bebaf7
```
#bebaf7 rgb(190,186,247)
```
#ceccf9
```
#ceccf9 rgb(206,204,249)
```
#dfddfb
```
#dfddfb rgb(223,221,251)
```
#f0effd
```
#f0effd rgb(240,239,253)
```

Tint Color Variation

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

#a6a6a9
```
#a6a6a9 rgb(166,166,169)
```
#a0a0af
```
#a0a0af rgb(160,160,175)
```
#9a99b6
```
#9a99b6 rgb(154,153,182)
```
#9492bd
```
#9492bd rgb(148,146,189)
```
#8e8bc4
```
#8e8bc4 rgb(142,139,196)
```
#8885ca
```
#8885ca rgb(136,133,202)
```
#827ed1
```
#827ed1 rgb(130,126,209)
```
#7c77d8
```
#7c77d8 rgb(124,119,216)
```
#7670df
```
#7670df rgb(118,112,223)
```
#706ae5
```
#706ae5 rgb(112,106,229)
```
#6a63ec
```
#6a63ec rgb(106,99,236)
```
#645cf3
```
#645cf3 rgb(100,92,243)
```
#5e56f9
```
#5e56f9 rgb(94,86,249)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#73718d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#438690 Tritanopia 0.001% of the population

Trichromacy

#2671ec Protanomaly 1% of men, 0.01% of women
#2675da Deuteranomaly 6% of men, 0.4% of women
#5179b1 Tritanomaly 0.01% of the population