#696388 hex color

In a RGB color space, hex #696388 is composed of 41.2% red, 38.8% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 22.8% cyan, 27.2% magenta, 0% yellow and 46.7% black. It has a hue angle of 249.7 degrees, a saturation of 15.7% and a lightness of 46.1%. #696388 color hex could be obtained by blending #d2c6ff with #000011. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 39
- B 53
RGB color chart
- C 23
- M 27
- Y 0
- K 47
CMYK color chart

● #696388 color description : Mostly desaturated dark blue.

The hexadecimal color #696388 has RGB values of R:105, G:99, B:136 and CMYK values of C:0.23, M:0.27, Y:0, K:0.47. Its decimal value is 6906760.

Hex triplet	696388	`#696388`
RGB Decimal	105, 99, 136	`rgb(105,99,136)`
RGB Percent	41.2, 38.8, 53.3	`rgb(41.2%,38.8%,53.3%)`
CMYK	23, 27, 0, 47
HSL	249.7°, 15.7, 46.1	`hsl(249.7,15.7%,46.1%)`
HSV (or HSB)	249.7°, 27.2, 53.3
Web Safe	666699	`#666699`

CIE-LAB	43.806, 10.79, -19.616
XYZ	14.731, 13.704, 25.16
xyY	0.275, 0.256, 13.704
CIE-LCH	43.806, 22.387, 298.814
CIE-LUV	43.806, 0.782, -29.234
Hunter-Lab	37.019, 6.244, -14.383
Binary	01101001, 01100011, 10001000

#696388
```
#696388 rgb(105,99,136)
```
#828863
```
#828863 rgb(130,136,99)
```

Complementary Color

#637088
```
#637088 rgb(99,112,136)
```
#696388
```
#696388 rgb(105,99,136)
```
#7c6388
```
#7c6388 rgb(124,99,136)
```

Analogous Color

#708863
```
#708863 rgb(112,136,99)
```
#696388
```
#696388 rgb(105,99,136)
```
#887c63
```
#887c63 rgb(136,124,99)
```

Split Complementary Color

#638869
```
#638869 rgb(99,136,105)
```
#696388
```
#696388 rgb(105,99,136)
```
#886963
```
#886963 rgb(136,105,99)
```

Triadic Color

#638288
```
#638288 rgb(99,130,136)
```
#696388
```
#696388 rgb(105,99,136)
```
#886963
```
#886963 rgb(136,105,99)
```
#828863
```
#828863 rgb(130,136,99)
```

Tetradic Color

#47435c
```
#47435c rgb(71,67,92)
```
#524e6a
```
#524e6a rgb(82,78,106)
```
#5e5879
```
#5e5879 rgb(94,88,121)
```
#696388
```
#696388 rgb(105,99,136)
```
#756f96
```
#756f96 rgb(117,111,150)
```
#837da1
```
#837da1 rgb(131,125,161)
```
#918cab
```
#918cab rgb(145,140,171)
```

Monochromatic Color

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

#636688
```
#636688 rgb(99,102,136)
```
#636388
```
#636388 rgb(99,99,136)
```
#666388
```
#666388 rgb(102,99,136)
```
#696388
```
#696388 rgb(105,99,136)
```
#6c6388
```
#6c6388 rgb(108,99,136)
```
#6f6388
```
#6f6388 rgb(111,99,136)
```
#726388
```
#726388 rgb(114,99,136)
```

Similar Colors

Text with hexadecimal color #696388

This text has a font color of #696388.

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

#696388 background color

This paragraph has a background color of #696388.

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

#696388 border color

This element has a border color of #696388.

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

CSS codes

.text {color:#696388;}

.background {background-color:#696388;}

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

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, #09080b is the darkest color, while #ffffff is the lightest one.

#09080b
```
#09080b rgb(9,8,11)
```
#111016
```
#111016 rgb(17,16,22)
```
#1a1922
```
#1a1922 rgb(26,25,34)
```
#23212d
```
#23212d rgb(35,33,45)
```
#2c2939
```
#2c2939 rgb(44,41,57)
```
#343144
```
#343144 rgb(52,49,68)
```
#3d3a4f
```
#3d3a4f rgb(61,58,79)
```
#46425b
```
#46425b rgb(70,66,91)
```
#4f4a66
```
#4f4a66 rgb(79,74,102)
```
#575271
```
#575271 rgb(87,82,113)
```
#605b7d
```
#605b7d rgb(96,91,125)
```
#696388
```
#696388 rgb(105,99,136)
```
#726b93
```
#726b93 rgb(114,107,147)
```

Shade Color Variation

#7d779c
```
#7d779c rgb(125,119,156)
```
#8782a4
```
#8782a4 rgb(135,130,164)
```
#928dac
```
#928dac rgb(146,141,172)
```
#9d99b4
```
#9d99b4 rgb(157,153,180)
```
#a8a4bd
```
#a8a4bd rgb(168,164,189)
```
#b3afc5
```
#b3afc5 rgb(179,175,197)
```
#bebbcd
```
#bebbcd rgb(190,187,205)
```
#c9c6d6
```
#c9c6d6 rgb(201,198,214)
```
#d3d1de
```
#d3d1de rgb(211,209,222)
```
#dedde6
```
#dedde6 rgb(222,221,230)
```
#e9e8ee
```
#e9e8ee rgb(233,232,238)
```
#f4f3f7
```
#f4f3f7 rgb(244,243,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757576
```
#757576 rgb(117,117,118)
```
#6f6c7f
```
#6f6c7f rgb(111,108,127)
```
#696388
```
#696388 rgb(105,99,136)
```
#635a91
```
#635a91 rgb(99,90,145)
```
#5d519a
```
#5d519a rgb(93,81,154)
```
#5748a3
```
#5748a3 rgb(87,72,163)
```
#513fac
```
#513fac rgb(81,63,172)
```
#4a36b5
```
#4a36b5 rgb(74,54,181)
```
#442dbe
```
#442dbe rgb(68,45,190)
```
#3e24c7
```
#3e24c7 rgb(62,36,199)
```
#381bd0
```
#381bd0 rgb(56,27,208)
```
#3212d9
```
#3212d9 rgb(50,18,217)
```
#2c09e2
```
#2c09e2 rgb(44,9,226)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#69686f Atypical Achromatopsia 0.001% of the population

Dichromacy

#656e90 Protanopia 1% of men
#686d8d Deuteranopia 1% of men
#6b6f77 Tritanopia 0.001% of the population

Trichromacy

#666a8d Protanomaly 1% of men, 0.01% of women
#68698b Deuteranomaly 6% of men, 0.4% of women
#6a6b7d Tritanomaly 0.01% of the population

#696388 hex color

#696388 Color Information

#696388 Color Conversion

Color Schemes with #696388

Alternatives to #696388

#696388 Preview

Shades and Tints of #696388

Tones of #696388

Color Blindness Simulator