#696495 hex color

In a RGB color space, hex #696495 is composed of 41.2% red, 39.2% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 29.5% cyan, 32.9% magenta, 0% yellow and 41.6% black. It has a hue angle of 246.1 degrees, a saturation of 19.7% and a lightness of 48.8%. #696495 color hex could be obtained by blending #d2c8ff with #00002b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 39
- B 58
RGB color chart
- C 30
- M 33
- Y 0
- K 42
CMYK color chart

● #696495 color description : Mostly desaturated dark blue.

The hexadecimal color #696495 has RGB values of R:105, G:100, B:149 and CMYK values of C:0.3, M:0.33, Y:0, K:0.42. Its decimal value is 6907029.

Hex triplet	696495	`#696495`
RGB Decimal	105, 100, 149	`rgb(105,100,149)`
RGB Percent	41.2, 39.2, 58.4	`rgb(41.2%,39.2%,58.4%)`
CMYK	30, 33, 0, 42
HSL	246.1°, 19.7, 48.8	`hsl(246.1,19.7%,48.8%)`
HSV (or HSB)	246.1°, 32.9, 58.4
Web Safe	666699	`#666699`

CIE-LAB	44.642, 13.572, -26.101
XYZ	15.807, 14.287, 30.357
xyY	0.261, 0.236, 14.287
CIE-LCH	44.642, 29.418, 297.474
CIE-LUV	44.642, -0.573, -39.459
Hunter-Lab	37.799, 8.498, -21.158
Binary	01101001, 01100100, 10010101

#696495
```
#696495 rgb(105,100,149)
```
#909564
```
#909564 rgb(144,149,100)
```

Complementary Color

#647895
```
#647895 rgb(100,120,149)
```
#696495
```
#696495 rgb(105,100,149)
```
#826495
```
#826495 rgb(130,100,149)
```

Analogous Color

#789564
```
#789564 rgb(120,149,100)
```
#696495
```
#696495 rgb(105,100,149)
```
#958264
```
#958264 rgb(149,130,100)
```

Split Complementary Color

#649569
```
#649569 rgb(100,149,105)
```
#696495
```
#696495 rgb(105,100,149)
```
#956964
```
#956964 rgb(149,105,100)
```

Triadic Color

#649095
```
#649095 rgb(100,144,149)
```
#696495
```
#696495 rgb(105,100,149)
```
#956964
```
#956964 rgb(149,105,100)
```
#909564
```
#909564 rgb(144,149,100)
```

Tetradic Color

#494567
```
#494567 rgb(73,69,103)
```
#535076
```
#535076 rgb(83,80,118)
```
#5e5a86
```
#5e5a86 rgb(94,90,134)
```
#696495
```
#696495 rgb(105,100,149)
```
#7772a0
```
#7772a0 rgb(119,114,160)
```
#8681ab
```
#8681ab rgb(134,129,171)
```
#9491b5
```
#9491b5 rgb(148,145,181)
```

Monochromatic Color

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

#646b95
```
#646b95 rgb(100,107,149)
```
#646795
```
#646795 rgb(100,103,149)
```
#656495
```
#656495 rgb(101,100,149)
```
#696495
```
#696495 rgb(105,100,149)
```
#6d6495
```
#6d6495 rgb(109,100,149)
```
#716495
```
#716495 rgb(113,100,149)
```
#756495
```
#756495 rgb(117,100,149)
```

Similar Colors

Text with hexadecimal color #696495

This text has a font color of #696495.

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

#696495 background color

This paragraph has a background color of #696495.

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

#696495 border color

This element has a border color of #696495.

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

CSS codes

.text {color:#696495;}

.background {background-color:#696495;}

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

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

#060508
```
#060508 rgb(6,5,8)
```
#0e0d14
```
#0e0d14 rgb(14,13,20)
```
#161520
```
#161520 rgb(22,21,32)
```
#1f1d2b
```
#1f1d2b rgb(31,29,43)
```
#272537
```
#272537 rgb(39,37,55)
```
#2f2d43
```
#2f2d43 rgb(47,45,67)
```
#37354f
```
#37354f rgb(55,53,79)
```
#403d5a
```
#403d5a rgb(64,61,90)
```
#484466
```
#484466 rgb(72,68,102)
```
#504c72
```
#504c72 rgb(80,76,114)
```
#58547e
```
#58547e rgb(88,84,126)
```
#615c89
```
#615c89 rgb(97,92,137)
```
#696495
```
#696495 rgb(105,100,149)
```

Shade Color Variation

#736f9e
```
#736f9e rgb(115,111,158)
```
#7f7aa6
```
#7f7aa6 rgb(127,122,166)
```
#8a86ae
```
#8a86ae rgb(138,134,174)
```
#9592b6
```
#9592b6 rgb(149,146,182)
```
#a19ebe
```
#a19ebe rgb(161,158,190)
```
#aca9c5
```
#aca9c5 rgb(172,169,197)
```
#b7b5cd
```
#b7b5cd rgb(183,181,205)
```
#c3c1d5
```
#c3c1d5 rgb(195,193,213)
```
#ceccdd
```
#ceccdd rgb(206,204,221)
```
#d9d8e5
```
#d9d8e5 rgb(217,216,229)
```
#e5e4ed
```
#e5e4ed rgb(229,228,237)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#787782
```
#787782 rgb(120,119,130)
```
#716e8b
```
#716e8b rgb(113,110,139)
```
#696495
```
#696495 rgb(105,100,149)
```
#615a9f
```
#615a9f rgb(97,90,159)
```
#5a51a8
```
#5a51a8 rgb(90,81,168)
```
#5247b2
```
#5247b2 rgb(82,71,178)
```
#4b3ebb
```
#4b3ebb rgb(75,62,187)
```
#4334c5
```
#4334c5 rgb(67,52,197)
```
#3b2bce
```
#3b2bce rgb(59,43,206)
```
#3421d8
```
#3421d8 rgb(52,33,216)
```
#2c17e2
```
#2c17e2 rgb(44,23,226)
```
#240eeb
```
#240eeb rgb(36,14,235)
```
#1d04f5
```
#1d04f5 rgb(29,4,245)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6b6a73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616f9d Protanopia 1% of men
#637099 Deuteranopia 1% of men
#69727a Tritanopia 0.001% of the population

Trichromacy

#646b9a Protanomaly 1% of men, 0.01% of women
#656b97 Deuteranomaly 6% of men, 0.4% of women
#696d84 Tritanomaly 0.01% of the population

#696495 hex color

#696495 Color Information

#696495 Color Conversion

Color Schemes with #696495

Alternatives to #696495

#696495 Preview

Shades and Tints of #696495

Tones of #696495

Color Blindness Simulator