#693396 hex color

In a RGB color space, hex #693396 is composed of 41.2% red, 20% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 66% magenta, 0% yellow and 41.2% black. It has a hue angle of 272.7 degrees, a saturation of 49.3% and a lightness of 39.4%. #693396 color hex could be obtained by blending #d266ff with #00002d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 20
- B 59
RGB color chart
- C 30
- M 66
- Y 0
- K 41
CMYK color chart

● #693396 color description : Dark moderate violet.

The hexadecimal color #693396 has RGB values of R:105, G:51, B:150 and CMYK values of C:0.3, M:0.66, Y:0, K:0.41. Its decimal value is 6894486.

Hex triplet	693396	`#693396`
RGB Decimal	105, 51, 150	`rgb(105,51,150)`
RGB Percent	41.2, 20, 58.8	`rgb(41.2%,20%,58.8%)`
CMYK	30, 66, 0, 41
HSL	272.7°, 49.3, 39.4	`hsl(272.7,49.3%,39.4%)`
HSV (or HSB)	272.7°, 66, 58.8
Web Safe	663399	`#663399`

CIE-LAB	33.078, 42.821, -45.025
XYZ	12.514, 7.573, 29.655
xyY	0.252, 0.152, 7.573
CIE-LCH	33.078, 62.136, 313.563
CIE-LUV	33.078, 15.004, -65.118
Hunter-Lab	27.519, 33.01, -44.628
Binary	01101001, 00110011, 10010110

#693396
```
#693396 rgb(105,51,150)
```
#609633
```
#609633 rgb(96,150,51)
```

Complementary Color

#383396
```
#383396 rgb(56,51,150)
```
#693396
```
#693396 rgb(105,51,150)
```
#963392
```
#963392 rgb(150,51,146)
```

Analogous Color

#339638
```
#339638 rgb(51,150,56)
```
#693396
```
#693396 rgb(105,51,150)
```
#929633
```
#929633 rgb(146,150,51)
```

Split Complementary Color

#339669
```
#339669 rgb(51,150,105)
```
#693396
```
#693396 rgb(105,51,150)
```
#966933
```
#966933 rgb(150,105,51)
```

Triadic Color

#336096
```
#336096 rgb(51,96,150)
```
#693396
```
#693396 rgb(105,51,150)
```
#966933
```
#966933 rgb(150,105,51)
```
#609633
```
#609633 rgb(96,150,51)
```

Tetradic Color

#41205d
```
#41205d rgb(65,32,93)
```
#4e2670
```
#4e2670 rgb(78,38,112)
```
#5c2d83
```
#5c2d83 rgb(92,45,131)
```
#693396
```
#693396 rgb(105,51,150)
```
#7639a9
```
#7639a9 rgb(118,57,169)
```
#8440bc
```
#8440bc rgb(132,64,188)
```
#9051c4
```
#9051c4 rgb(144,81,196)
```

Monochromatic Color

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

#503396
```
#503396 rgb(80,51,150)
```
#593396
```
#593396 rgb(89,51,150)
```
#613396
```
#613396 rgb(97,51,150)
```
#693396
```
#693396 rgb(105,51,150)
```
#713396
```
#713396 rgb(113,51,150)
```
#7a3396
```
#7a3396 rgb(122,51,150)
```
#823396
```
#823396 rgb(130,51,150)
```

Similar Colors

Text with hexadecimal color #693396

This text has a font color of #693396.

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

#693396 background color

This paragraph has a background color of #693396.

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

#693396 border color

This element has a border color of #693396.

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

CSS codes

.text {color:#693396;}

.background {background-color:#693396;}

.border {border:1px solid #693396;}

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

#030104
```
#030104 rgb(3,1,4)
```
#0d0612
```
#0d0612 rgb(13,6,18)
```
#170b21
```
#170b21 rgb(23,11,33)
```
#211030
```
#211030 rgb(33,16,48)
```
#2c153e
```
#2c153e rgb(44,21,62)
```
#361a4d
```
#361a4d rgb(54,26,77)
```
#401f5b
```
#401f5b rgb(64,31,91)
```
#4a246a
```
#4a246a rgb(74,36,106)
```
#552979
```
#552979 rgb(85,41,121)
```
#5f2e87
```
#5f2e87 rgb(95,46,135)
```
#693396
```
#693396 rgb(105,51,150)
```
#7338a5
```
#7338a5 rgb(115,56,165)
```
#7d3db3
```
#7d3db3 rgb(125,61,179)
```

Shade Color Variation

#8844c0
```
#8844c0 rgb(136,68,192)
```
#9153c5
```
#9153c5 rgb(145,83,197)
```
#9a62c9
```
#9a62c9 rgb(154,98,201)
```
#a470ce
```
#a470ce rgb(164,112,206)
```
#ad7fd3
```
#ad7fd3 rgb(173,127,211)
```
#b68ed8
```
#b68ed8 rgb(182,142,216)
```
#c09cdd
```
#c09cdd rgb(192,156,221)
```
#c9abe2
```
#c9abe2 rgb(201,171,226)
```
#d2b9e7
```
#d2b9e7 rgb(210,185,231)
```
#dcc8ec
```
#dcc8ec rgb(220,200,236)
```
#e5d7f1
```
#e5d7f1 rgb(229,215,241)
```
#efe5f6
```
#efe5f6 rgb(239,229,246)
```
#f8f4fb
```
#f8f4fb rgb(248,244,251)
```

Tint Color Variation

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

#656168
```
#656168 rgb(101,97,104)
```
#655a6f
```
#655a6f rgb(101,90,111)
```
#665277
```
#665277 rgb(102,82,119)
```
#674a7f
```
#674a7f rgb(103,74,127)
```
#684287
```
#684287 rgb(104,66,135)
```
#683b8e
```
#683b8e rgb(104,59,142)
```
#693396
```
#693396 rgb(105,51,150)
```
#6a2b9e
```
#6a2b9e rgb(106,43,158)
```
#6a24a5
```
#6a24a5 rgb(106,36,165)
```
#6b1cad
```
#6b1cad rgb(107,28,173)
```
#6c14b5
```
#6c14b5 rgb(108,20,181)
```
#6d0cbd
```
#6d0cbd rgb(109,12,189)
```
#6d05c4
```
#6d05c4 rgb(109,5,196)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#53495c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#165892 Deuteranopia 1% of men
#625358 Tritanopia 0.001% of the population

Trichromacy

#26489f Protanomaly 1% of men, 0.01% of women
#344a93 Deuteranomaly 6% of men, 0.4% of women
#64476f Tritanomaly 0.01% of the population

#693396 hex color

#693396 Color Information

#693396 Color Conversion

Color Schemes with #693396

Alternatives to #693396

#693396 Preview

Shades and Tints of #693396

Tones of #693396

Color Blindness Simulator