#695fb4 hex color

In a RGB color space, hex #695fb4 is composed of 41.2% red, 37.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 47.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 247.1 degrees, a saturation of 36.2% and a lightness of 53.9%. #695fb4 color hex could be obtained by blending #d2beff with #000069. Closest websafe color is: #6666cc.

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

● #695fb4 color description : Slightly desaturated blue.

The hexadecimal color #695fb4 has RGB values of R:105, G:95, B:180 and CMYK values of C:0.42, M:0.47, Y:0, K:0.29. Its decimal value is 6905780.

Hex triplet	695fb4	`#695fb4`
RGB Decimal	105, 95, 180	`rgb(105,95,180)`
RGB Percent	41.2, 37.3, 70.6	`rgb(41.2%,37.3%,70.6%)`
CMYK	42, 47, 0, 29
HSL	247.1°, 36.2, 53.9	`hsl(247.1,36.2%,53.9%)`
HSV (or HSB)	247.1°, 47.2, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.917, 25.377, -43.964
XYZ	18.155, 14.483, 45.016
xyY	0.234, 0.187, 14.483
CIE-LCH	44.917, 50.762, 299.995
CIE-LUV	44.917, -1.056, -68.014
Hunter-Lab	38.056, 18.555, -43.495
Binary	01101001, 01011111, 10110100

#695fb4
```
#695fb4 rgb(105,95,180)
```
#aab45f
```
#aab45f rgb(170,180,95)
```

Complementary Color

#5f80b4
```
#5f80b4 rgb(95,128,180)
```
#695fb4
```
#695fb4 rgb(105,95,180)
```
#945fb4
```
#945fb4 rgb(148,95,180)
```

Analogous Color

#80b45f
```
#80b45f rgb(128,180,95)
```
#695fb4
```
#695fb4 rgb(105,95,180)
```
#b4945f
```
#b4945f rgb(180,148,95)
```

Split Complementary Color

#5fb469
```
#5fb469 rgb(95,180,105)
```
#695fb4
```
#695fb4 rgb(105,95,180)
```
#b4695f
```
#b4695f rgb(180,105,95)
```

Triadic Color

#5faab4
```
#5faab4 rgb(95,170,180)
```
#695fb4
```
#695fb4 rgb(105,95,180)
```
#b4695f
```
#b4695f rgb(180,105,95)
```
#aab45f
```
#aab45f rgb(170,180,95)
```

Tetradic Color

#483f87
```
#483f87 rgb(72,63,135)
```
#514799
```
#514799 rgb(81,71,153)
```
#5a50aa
```
#5a50aa rgb(90,80,170)
```
#695fb4
```
#695fb4 rgb(105,95,180)
```
#7970bc
```
#7970bc rgb(121,112,188)
```
#8a82c4
```
#8a82c4 rgb(138,130,196)
```
#9a93cc
```
#9a93cc rgb(154,147,204)
```

Monochromatic Color

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

#5f6ab4
```
#5f6ab4 rgb(95,106,180)
```
#5f63b4
```
#5f63b4 rgb(95,99,180)
```
#625fb4
```
#625fb4 rgb(98,95,180)
```
#695fb4
```
#695fb4 rgb(105,95,180)
```
#705fb4
```
#705fb4 rgb(112,95,180)
```
#775fb4
```
#775fb4 rgb(119,95,180)
```
#7e5fb4
```
#7e5fb4 rgb(126,95,180)
```

Similar Colors

Text with hexadecimal color #695fb4

This text has a font color of #695fb4.

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

#695fb4 background color

This paragraph has a background color of #695fb4.

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

#695fb4 border color

This element has a border color of #695fb4.

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

CSS codes

.text {color:#695fb4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#07060e
```
#07060e rgb(7,6,14)
```
#0e0d1b
```
#0e0d1b rgb(14,13,27)
```
#151328
```
#151328 rgb(21,19,40)
```
#1d1936
```
#1d1936 rgb(29,25,54)
```
#241f43
```
#241f43 rgb(36,31,67)
```
#2b2650
```
#2b2650 rgb(43,38,80)
```
#322c5e
```
#322c5e rgb(50,44,94)
```
#39326b
```
#39326b rgb(57,50,107)
```
#403878
```
#403878 rgb(64,56,120)
```
#473f86
```
#473f86 rgb(71,63,134)
```
#4e4593
```
#4e4593 rgb(78,69,147)
```
#554ba1
```
#554ba1 rgb(85,75,161)
```

Shade Color Variation

#5c52ae
```
#5c52ae rgb(92,82,174)
```
#695fb4
```
#695fb4 rgb(105,95,180)
```
#766cba
```
#766cba rgb(118,108,186)
```
#827ac1
```
#827ac1 rgb(130,122,193)
```
#8f87c7
```
#8f87c7 rgb(143,135,199)
```
#9b94cd
```
#9b94cd rgb(155,148,205)
```
#a8a2d3
```
#a8a2d3 rgb(168,162,211)
```
#b4afda
```
#b4afda rgb(180,175,218)
```
#c1bce0
```
#c1bce0 rgb(193,188,224)
```
#cdcae6
```
#cdcae6 rgb(205,202,230)
```
#dad7ec
```
#dad7ec rgb(218,215,236)
```
#e6e5f3
```
#e6e5f3 rgb(230,229,243)
```
#f3f2f9
```
#f3f2f9 rgb(243,242,249)
```

Tint Color Variation

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

#858390
```
#858390 rgb(133,131,144)
```
#7e7a99
```
#7e7a99 rgb(126,122,153)
```
#7771a2
```
#7771a2 rgb(119,113,162)
```
#7068ab
```
#7068ab rgb(112,104,171)
```
#695fb4
```
#695fb4 rgb(105,95,180)
```
#6256bd
```
#6256bd rgb(98,86,189)
```
#5b4dc6
```
#5b4dc6 rgb(91,77,198)
```
#5444cf
```
#5444cf rgb(84,68,207)
```
#4d3bd8
```
#4d3bd8 rgb(77,59,216)
```
#4632e1
```
#4632e1 rgb(70,50,225)
```
#4029ea
```
#4029ea rgb(64,41,234)
```
#3920f3
```
#3920f3 rgb(57,32,243)
```
#3217fc
```
#3217fc rgb(50,23,252)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#6b697a Atypical Achromatopsia 0.001% of the population

Dichromacy

#496fbe Protanopia 1% of men
#4372b3 Deuteranopia 1% of men
#5e757e Tritanopia 0.001% of the population

Trichromacy

#5569ba Protanomaly 1% of men, 0.01% of women
#506bb3 Deuteranomaly 6% of men, 0.4% of women
#626d91 Tritanomaly 0.01% of the population

#695fb4 hex color

#695fb4 Color Information

#695fb4 Color Conversion

Color Schemes with #695fb4

Alternatives to #695fb4

#695fb4 Preview

Shades and Tints of #695fb4

Tones of #695fb4

Color Blindness Simulator