colorhexa.com

#693cd2 hex color

In a RGB color space, hex #693cd2 is composed of 41.2% red, 23.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 71.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 258 degrees, a saturation of 62.5% and a lightness of 52.9%. #693cd2 color hex could be obtained by blending #d278ff with #0000a5. Closest websafe color is: #6633cc.

- R 41
- G 24
- B 82
RGB color chart
- C 50
- M 71
- Y 0
- K 18
CMYK color chart

● #693cd2 color description : Moderate violet.

The hexadecimal color #693cd2 has RGB values of R:105, G:60, B:210 and CMYK values of C:0.5, M:0.71, Y:0, K:0.18. Its decimal value is 6896850.

Hex triplet	693cd2	`#693cd2`
RGB Decimal	105, 60, 210	`rgb(105,60,210)`
RGB Percent	41.2, 23.5, 82.4	`rgb(41.2%,23.5%,82.4%)`
CMYK	50, 71, 0, 18
HSL	258°, 62.5, 52.9	`hsl(258,62.5%,52.9%)`
HSV (or HSB)	258°, 71.4, 82.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.391, 53.971, -70.328
XYZ	19.072, 10.888, 62.066
xyY	0.207, 0.118, 10.888
CIE-LCH	39.391, 88.65, 307.503
CIE-LUV	39.391, 4.679, -103.688
Hunter-Lab	32.997, 45.43, -88.425
Binary	01101001, 00111100, 11010010

#693cd2
```
#693cd2 rgb(105,60,210)
```
#a5d23c
```
#a5d23c rgb(165,210,60)
```

Complementary Color

#3c5ad2
```
#3c5ad2 rgb(60,90,210)
```
#693cd2
```
#693cd2 rgb(105,60,210)
```
#b43cd2
```
#b43cd2 rgb(180,60,210)
```

Analogous Color

#5ad23c
```
#5ad23c rgb(90,210,60)
```
#693cd2
```
#693cd2 rgb(105,60,210)
```
#d2b43c
```
#d2b43c rgb(210,180,60)
```

Split Complementary Color

#3cd269
```
#3cd269 rgb(60,210,105)
```
#693cd2
```
#693cd2 rgb(105,60,210)
```
#d2693c
```
#d2693c rgb(210,105,60)
```

Triadic Color

#3ca5d2
```
#3ca5d2 rgb(60,165,210)
```
#693cd2
```
#693cd2 rgb(105,60,210)
```
#d2693c
```
#d2693c rgb(210,105,60)
```
#a5d23c
```
#a5d23c rgb(165,210,60)
```

Tetradic Color

#49249d
```
#49249d rgb(73,36,157)
```
#5229b2
```
#5229b2 rgb(82,41,178)
```
#5c2ec7
```
#5c2ec7 rgb(92,46,199)
```
#693cd2
```
#693cd2 rgb(105,60,210)
```
#7951d7
```
#7951d7 rgb(121,81,215)
```
#8965dc
```
#8965dc rgb(137,101,220)
```
#997ae0
```
#997ae0 rgb(153,122,224)
```

Monochromatic Color

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

#433cd2
```
#433cd2 rgb(67,60,210)
```
#503cd2
```
#503cd2 rgb(80,60,210)
```
#5c3cd2
```
#5c3cd2 rgb(92,60,210)
```
#693cd2
```
#693cd2 rgb(105,60,210)
```
#763cd2
```
#763cd2 rgb(118,60,210)
```
#823cd2
```
#823cd2 rgb(130,60,210)
```
#8f3cd2
```
#8f3cd2 rgb(143,60,210)
```

Similar Colors

Text with hexadecimal color #693cd2

This text has a font color of #693cd2.

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

#693cd2 background color

This paragraph has a background color of #693cd2.

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

#693cd2 border color

This element has a border color of #693cd2.

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

CSS codes

.text {color:#693cd2;}

.background {background-color:#693cd2;}

.border {border:1px solid #693cd2;}

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, #06030c is the darkest color, while #fcfbfe is the lightest one.

#06030c
```
#06030c rgb(6,3,12)
```
#0d061c
```
#0d061c rgb(13,6,28)
```
#140a2c
```
#140a2c rgb(20,10,44)
```
#1c0e3c
```
#1c0e3c rgb(28,14,60)
```
#23124c
```
#23124c rgb(35,18,76)
```
#2a155c
```
#2a155c rgb(42,21,92)
```
#32196c
```
#32196c rgb(50,25,108)
```
#391d7c
```
#391d7c rgb(57,29,124)
```
#40208c
```
#40208c rgb(64,32,140)
```
#48249c
```
#48249c rgb(72,36,156)
```
#4f28ac
```
#4f28ac rgb(79,40,172)
```
#572bbc
```
#572bbc rgb(87,43,188)
```
#5e2fcb
```
#5e2fcb rgb(94,47,203)
```

Shade Color Variation

#693cd2
```
#693cd2 rgb(105,60,210)
```
#754cd6
```
#754cd6 rgb(117,76,214)
```
#825cd9
```
#825cd9 rgb(130,92,217)
```
#8e6cdd
```
#8e6cdd rgb(142,108,221)
```
#9a7ce1
```
#9a7ce1 rgb(154,124,225)
```
#a68ce4
```
#a68ce4 rgb(166,140,228)
```
#b39ce8
```
#b39ce8 rgb(179,156,232)
```
#bfacec
```
#bfacec rgb(191,172,236)
```
#cbbcef
```
#cbbcef rgb(203,188,239)
```
#d7cbf3
```
#d7cbf3 rgb(215,203,243)
```
#e4dbf7
```
#e4dbf7 rgb(228,219,247)
```
#f0ebfa
```
#f0ebfa rgb(240,235,250)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#878688
```
#878688 rgb(135,134,136)
```
#837d91
```
#837d91 rgb(131,125,145)
```
#7f739b
```
#7f739b rgb(127,115,155)
```
#7b6aa4
```
#7b6aa4 rgb(123,106,164)
```
#7861ad
```
#7861ad rgb(120,97,173)
```
#7458b6
```
#7458b6 rgb(116,88,182)
```
#704ec0
```
#704ec0 rgb(112,78,192)
```
#6d45c9
```
#6d45c9 rgb(109,69,201)
```
#693cd2
```
#693cd2 rgb(105,60,210)
```
#6533db
```
#6533db rgb(101,51,219)
```
#622ae4
```
#622ae4 rgb(98,42,228)
```
#5e20ee
```
#5e20ee rgb(94,32,238)
```
#5a17f7
```
#5a17f7 rgb(90,23,247)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5e5573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0067a7 Deuteranopia 1% of men
#4b6a71 Tritanopia 0.001% of the population

Trichromacy

#2654c6 Protanomaly 1% of men, 0.01% of women
#2657b7 Deuteranomaly 6% of men, 0.4% of women
#565994 Tritanomaly 0.01% of the population