#693bb5 hex color

In a RGB color space, hex #693bb5 is composed of 41.2% red, 23.1% green and 71% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 67.4% magenta, 0% yellow and 29% black. It has a hue angle of 262.6 degrees, a saturation of 50.8% and a lightness of 47.1%. #693bb5 color hex could be obtained by blending #d276ff with #00006b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 23
- B 71
RGB color chart
- C 42
- M 67
- Y 0
- K 29
CMYK color chart

● #693bb5 color description : Moderate violet.

The hexadecimal color #693bb5 has RGB values of R:105, G:59, B:181 and CMYK values of C:0.42, M:0.67, Y:0, K:0.29. Its decimal value is 6896565.

Hex triplet	693bb5	`#693bb5`
RGB Decimal	105, 59, 181	`rgb(105,59,181)`
RGB Percent	41.2, 23.1, 71	`rgb(41.2%,23.1%,71%)`
CMYK	42, 67, 0, 29
HSL	262.6°, 50.8, 47.1	`hsl(262.6,50.8%,47.1%)`
HSV (or HSB)	262.6°, 67.4, 71
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.869, 46.625, -57.504
XYZ	15.729, 9.467, 44.712
xyY	0.225, 0.135, 9.467
CIE-LCH	36.869, 74.031, 309.036
CIE-LUV	36.869, 8.49, -84.553
Hunter-Lab	30.769, 37.401, -64.619
Binary	01101001, 00111011, 10110101

#693bb5
```
#693bb5 rgb(105,59,181)
```
#87b53b
```
#87b53b rgb(135,181,59)
```

Complementary Color

#3b4ab5
```
#3b4ab5 rgb(59,74,181)
```
#693bb5
```
#693bb5 rgb(105,59,181)
```
#a63bb5
```
#a63bb5 rgb(166,59,181)
```

Analogous Color

#4ab53b
```
#4ab53b rgb(74,181,59)
```
#693bb5
```
#693bb5 rgb(105,59,181)
```
#b5a63b
```
#b5a63b rgb(181,166,59)
```

Split Complementary Color

#3bb569
```
#3bb569 rgb(59,181,105)
```
#693bb5
```
#693bb5 rgb(105,59,181)
```
#b5693b
```
#b5693b rgb(181,105,59)
```

Triadic Color

#3b87b5
```
#3b87b5 rgb(59,135,181)
```
#693bb5
```
#693bb5 rgb(105,59,181)
```
#b5693b
```
#b5693b rgb(181,105,59)
```
#87b53b
```
#87b53b rgb(135,181,59)
```

Tetradic Color

#48287b
```
#48287b rgb(72,40,123)
```
#532e8f
```
#532e8f rgb(83,46,143)
```
#5e35a2
```
#5e35a2 rgb(94,53,162)
```
#693bb5
```
#693bb5 rgb(105,59,181)
```
#7547c3
```
#7547c3 rgb(117,71,195)
```
#845ac9
```
#845ac9 rgb(132,90,201)
```
#926dcf
```
#926dcf rgb(146,109,207)
```

Monochromatic Color

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

#4b3bb5
```
#4b3bb5 rgb(75,59,181)
```
#553bb5
```
#553bb5 rgb(85,59,181)
```
#5f3bb5
```
#5f3bb5 rgb(95,59,181)
```
#693bb5
```
#693bb5 rgb(105,59,181)
```
#733bb5
```
#733bb5 rgb(115,59,181)
```
#7d3bb5
```
#7d3bb5 rgb(125,59,181)
```
#883bb5
```
#883bb5 rgb(136,59,181)
```

Similar Colors

Text with hexadecimal color #693bb5

This text has a font color of #693bb5.

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

#693bb5 background color

This paragraph has a background color of #693bb5.

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

#693bb5 border color

This element has a border color of #693bb5.

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

CSS codes

.text {color:#693bb5;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0b0612
```
#0b0612 rgb(11,6,18)
```
#130b21
```
#130b21 rgb(19,11,33)
```
#1c1030
```
#1c1030 rgb(28,16,48)
```
#24143f
```
#24143f rgb(36,20,63)
```
#2d194d
```
#2d194d rgb(45,25,77)
```
#361e5c
```
#361e5c rgb(54,30,92)
```
#3e236b
```
#3e236b rgb(62,35,107)
```
#47287a
```
#47287a rgb(71,40,122)
```
#4f2d89
```
#4f2d89 rgb(79,45,137)
```
#583197
```
#583197 rgb(88,49,151)
```
#6036a6
```
#6036a6 rgb(96,54,166)
```
#693bb5
```
#693bb5 rgb(105,59,181)
```

Shade Color Variation

#7242c1
```
#7242c1 rgb(114,66,193)
```
#7d51c6
```
#7d51c6 rgb(125,81,198)
```
#8860cb
```
#8860cb rgb(136,96,203)
```
#936fd0
```
#936fd0 rgb(147,111,208)
```
#9e7dd5
```
#9e7dd5 rgb(158,125,213)
```
#a98cda
```
#a98cda rgb(169,140,218)
```
#b49bde
```
#b49bde rgb(180,155,222)
```
#bfaae3
```
#bfaae3 rgb(191,170,227)
```
#cab9e8
```
#cab9e8 rgb(202,185,232)
```
#d5c7ed
```
#d5c7ed rgb(213,199,237)
```
#e0d6f2
```
#e0d6f2 rgb(224,214,242)
```
#ece5f6
```
#ece5f6 rgb(236,229,246)
```
#f7f4fb
```
#f7f4fb rgb(247,244,251)
```

Tint Color Variation

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

#77727e
```
#77727e rgb(119,114,126)
```
#746987
```
#746987 rgb(116,105,135)
```
#726090
```
#726090 rgb(114,96,144)
```
#705799
```
#705799 rgb(112,87,153)
```
#6e4da3
```
#6e4da3 rgb(110,77,163)
```
#6b44ac
```
#6b44ac rgb(107,68,172)
```
#693bb5
```
#693bb5 rgb(105,59,181)
```
#6732be
```
#6732be rgb(103,50,190)
```
#6429c7
```
#6429c7 rgb(100,41,199)
```
#621fd1
```
#621fd1 rgb(98,31,209)
```
#6016da
```
#6016da rgb(96,22,218)
```
#5e0de3
```
#5e0de3 rgb(94,13,227)
```
#5b04ec
```
#5b04ec rgb(91,4,236)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#5b516a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb5 Protanopia 1% of men
#00619f Deuteranopia 1% of men
#596067 Tritanopia 0.001% of the population

Trichromacy

#2650b5 Protanomaly 1% of men, 0.01% of women
#2653a7 Deuteranomaly 6% of men, 0.4% of women
#5e5283 Tritanomaly 0.01% of the population

#693bb5 hex color

#693bb5 Color Information

#693bb5 Color Conversion

Color Schemes with #693bb5

Alternatives to #693bb5

#693bb5 Preview

Shades and Tints of #693bb5

Tones of #693bb5

Color Blindness Simulator