#695ea1 hex color

In a RGB color space, hex #695ea1 is composed of 41.2% red, 36.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 41.6% magenta, 0% yellow and 36.9% black. It has a hue angle of 249.9 degrees, a saturation of 26.3% and a lightness of 50%. #695ea1 color hex could be obtained by blending #d2bcff with #000043. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 37
- B 63
RGB color chart
- C 35
- M 42
- Y 0
- K 37
CMYK color chart

● #695ea1 color description : Mostly desaturated dark blue.

The hexadecimal color #695ea1 has RGB values of R:105, G:94, B:161 and CMYK values of C:0.35, M:0.42, Y:0, K:0.37. Its decimal value is 6905505.

Hex triplet	695ea1	`#695ea1`
RGB Decimal	105, 94, 161	`rgb(105,94,161)`
RGB Percent	41.2, 36.9, 63.1	`rgb(41.2%,36.9%,63.1%)`
CMYK	35, 42, 0, 37
HSL	249.9°, 26.3, 50	`hsl(249.9,26.3%,50%)`
HSV (or HSB)	249.9°, 41.6, 63.1
Web Safe	666699	`#666699`

CIE-LAB	43.627, 20.553, -34.824
XYZ	16.26, 13.582, 35.481
xyY	0.249, 0.208, 13.582
CIE-LCH	43.627, 40.437, 300.55
CIE-LUV	43.627, 0.8, -53.241
Hunter-Lab	36.853, 14.264, -31.285
Binary	01101001, 01011110, 10100001

#695ea1
```
#695ea1 rgb(105,94,161)
```
#96a15e
```
#96a15e rgb(150,161,94)
```

Complementary Color

#5e75a1
```
#5e75a1 rgb(94,117,161)
```
#695ea1
```
#695ea1 rgb(105,94,161)
```
#8b5ea1
```
#8b5ea1 rgb(139,94,161)
```

Analogous Color

#75a15e
```
#75a15e rgb(117,161,94)
```
#695ea1
```
#695ea1 rgb(105,94,161)
```
#a18b5e
```
#a18b5e rgb(161,139,94)
```

Split Complementary Color

#5ea169
```
#5ea169 rgb(94,161,105)
```
#695ea1
```
#695ea1 rgb(105,94,161)
```
#a1695e
```
#a1695e rgb(161,105,94)
```

Triadic Color

#5e96a1
```
#5e96a1 rgb(94,150,161)
```
#695ea1
```
#695ea1 rgb(105,94,161)
```
#a1695e
```
#a1695e rgb(161,105,94)
```
#96a15e
```
#96a15e rgb(150,161,94)
```

Tetradic Color

#4a4271
```
#4a4271 rgb(74,66,113)
```
#544b81
```
#544b81 rgb(84,75,129)
```
#5f5591
```
#5f5591 rgb(95,85,145)
```
#695ea1
```
#695ea1 rgb(105,94,161)
```
#786eaa
```
#786eaa rgb(120,110,170)
```
#877eb4
```
#877eb4 rgb(135,126,180)
```
#968ebd
```
#968ebd rgb(150,142,189)
```

Monochromatic Color

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

#5e64a1
```
#5e64a1 rgb(94,100,161)
```
#5e5ea1
```
#5e5ea1 rgb(94,94,161)
```
#635ea1
```
#635ea1 rgb(99,94,161)
```
#695ea1
```
#695ea1 rgb(105,94,161)
```
#6f5ea1
```
#6f5ea1 rgb(111,94,161)
```
#745ea1
```
#745ea1 rgb(116,94,161)
```
#7a5ea1
```
#7a5ea1 rgb(122,94,161)
```

Similar Colors

Text with hexadecimal color #695ea1

This text has a font color of #695ea1.

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

#695ea1 background color

This paragraph has a background color of #695ea1.

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

#695ea1 border color

This element has a border color of #695ea1.

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

CSS codes

.text {color:#695ea1;}

.background {background-color:#695ea1;}

.border {border:1px solid #695ea1;}

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

#08070c
```
#08070c rgb(8,7,12)
```
#100e19
```
#100e19 rgb(16,14,25)
```
#181625
```
#181625 rgb(24,22,37)
```
#201d32
```
#201d32 rgb(32,29,50)
```
#28243e
```
#28243e rgb(40,36,62)
```
#302b4a
```
#302b4a rgb(48,43,74)
```
#393357
```
#393357 rgb(57,51,87)
```
#413a63
```
#413a63 rgb(65,58,99)
```
#49416f
```
#49416f rgb(73,65,111)
```
#51487c
```
#51487c rgb(81,72,124)
```
#595088
```
#595088 rgb(89,80,136)
```
#615795
```
#615795 rgb(97,87,149)
```
#695ea1
```
#695ea1 rgb(105,94,161)
```

Shade Color Variation

#756aa8
```
#756aa8 rgb(117,106,168)
```
#8077af
```
#8077af rgb(128,119,175)
```
#8c83b7
```
#8c83b7 rgb(140,131,183)
```
#9790be
```
#9790be rgb(151,144,190)
```
#a39cc5
```
#a39cc5 rgb(163,156,197)
```
#aea8cc
```
#aea8cc rgb(174,168,204)
```
#bab5d4
```
#bab5d4 rgb(186,181,212)
```
#c5c1db
```
#c5c1db rgb(197,193,219)
```
#d1cde2
```
#d1cde2 rgb(209,205,226)
```
#dcdae9
```
#dcdae9 rgb(220,218,233)
```
#e8e6f1
```
#e8e6f1 rgb(232,230,241)
```
#f3f3f8
```
#f3f3f8 rgb(243,243,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d7b84
```
#7d7b84 rgb(125,123,132)
```
#76728d
```
#76728d rgb(118,114,141)
```
#706897
```
#706897 rgb(112,104,151)
```
#695ea1
```
#695ea1 rgb(105,94,161)
```
#6254ab
```
#6254ab rgb(98,84,171)
```
#5c4ab5
```
#5c4ab5 rgb(92,74,181)
```
#5541be
```
#5541be rgb(85,65,190)
```
#4f37c8
```
#4f37c8 rgb(79,55,200)
```
#482dd2
```
#482dd2 rgb(72,45,210)
```
#4123dc
```
#4123dc rgb(65,35,220)
```
#3b19e6
```
#3b19e6 rgb(59,25,230)
```
#3410ef
```
#3410ef rgb(52,16,239)
```
#2e06f9
```
#2e06f9 rgb(46,6,249)
```

Tone Color Variation

Below, you can see how #695ea1 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
#696774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546caa Protanopia 1% of men
#536ea2 Deuteranopia 1% of men
#647078 Tritanopia 0.001% of the population

Trichromacy

#5c67a7 Protanomaly 1% of men, 0.01% of women
#5b68a2 Deuteranomaly 6% of men, 0.4% of women
#666987 Tritanomaly 0.01% of the population

#695ea1 hex color

#695ea1 Color Information

#695ea1 Color Conversion

Color Schemes with #695ea1

Alternatives to #695ea1

#695ea1 Preview

Shades and Tints of #695ea1

Tones of #695ea1

Color Blindness Simulator