#695fde hex color

In a RGB color space, hex #695fde is composed of 41.2% red, 37.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 57.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 244.7 degrees, a saturation of 65.8% and a lightness of 62.2%. #695fde color hex could be obtained by blending #d2beff with #0000bd. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 37
- B 87
RGB color chart
- C 53
- M 57
- Y 0
- K 13
CMYK color chart

● #695fde color description : Soft blue.

The hexadecimal color #695fde has RGB values of R:105, G:95, B:222 and CMYK values of C:0.53, M:0.57, Y:0, K:0.13. Its decimal value is 6905822.

Hex triplet	695fde	`#695fde`
RGB Decimal	105, 95, 222	`rgb(105,95,222)`
RGB Percent	41.2, 37.3, 87.1	`rgb(41.2%,37.3%,87.1%)`
CMYK	53, 57, 0, 13
HSL	244.7°, 65.8, 62.2	`hsl(244.7,65.8%,62.2%)`
HSV (or HSB)	244.7°, 57.2, 87.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.573, 38.006, -63.874
XYZ	23.1, 16.461, 71.063
xyY	0.209, 0.149, 16.461
CIE-LCH	47.573, 74.326, 300.753
CIE-LUV	47.573, -4.091, -100.029
Hunter-Lab	40.572, 30.63, -75.448
Binary	01101001, 01011111, 11011110

#695fde
```
#695fde rgb(105,95,222)
```
#d4de5f
```
#d4de5f rgb(212,222,95)
```

Complementary Color

#5f95de
```
#5f95de rgb(95,149,222)
```
#695fde
```
#695fde rgb(105,95,222)
```
#a95fde
```
#a95fde rgb(169,95,222)
```

Analogous Color

#95de5f
```
#95de5f rgb(149,222,95)
```
#695fde
```
#695fde rgb(105,95,222)
```
#dea95f
```
#dea95f rgb(222,169,95)
```

Split Complementary Color

#5fde69
```
#5fde69 rgb(95,222,105)
```
#695fde
```
#695fde rgb(105,95,222)
```
#de695f
```
#de695f rgb(222,105,95)
```

Triadic Color

#5fd4de
```
#5fd4de rgb(95,212,222)
```
#695fde
```
#695fde rgb(105,95,222)
```
#de695f
```
#de695f rgb(222,105,95)
```
#d4de5f
```
#d4de5f rgb(212,222,95)
```

Tetradic Color

#3629c7
```
#3629c7 rgb(54,41,199)
```
#4135d5
```
#4135d5 rgb(65,53,213)
```
#554ada
```
#554ada rgb(85,74,218)
```
#695fde
```
#695fde rgb(105,95,222)
```
#7d74e2
```
#7d74e2 rgb(125,116,226)
```
#9189e7
```
#9189e7 rgb(145,137,231)
```
#a49eeb
```
#a49eeb rgb(164,158,235)
```

Monochromatic Color

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

#5f75de
```
#5f75de rgb(95,117,222)
```
#5f6ade
```
#5f6ade rgb(95,106,222)
```
#5f60de
```
#5f60de rgb(95,96,222)
```
#695fde
```
#695fde rgb(105,95,222)
```
#745fde
```
#745fde rgb(116,95,222)
```
#7e5fde
```
#7e5fde rgb(126,95,222)
```
#895fde
```
#895fde rgb(137,95,222)
```

Similar Colors

Text with hexadecimal color #695fde

This text has a font color of #695fde.

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

#695fde background color

This paragraph has a background color of #695fde.

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

#695fde border color

This element has a border color of #695fde.

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

CSS codes

.text {color:#695fde;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050413
```
#050413 rgb(5,4,19)
```
#090723
```
#090723 rgb(9,7,35)
```
#0e0b33
```
#0e0b33 rgb(14,11,51)
```
#120e44
```
#120e44 rgb(18,14,68)
```
#171154
```
#171154 rgb(23,17,84)
```
#1b1564
```
#1b1564 rgb(27,21,100)
```
#1f1874
```
#1f1874 rgb(31,24,116)
```
#241b85
```
#241b85 rgb(36,27,133)
```
#281f95
```
#281f95 rgb(40,31,149)
```
#2c22a5
```
#2c22a5 rgb(44,34,165)
```
#3125b5
```
#3125b5 rgb(49,37,181)
```
#3529c6
```
#3529c6 rgb(53,41,198)
```

Shade Color Variation

#3b2ed4
```
#3b2ed4 rgb(59,46,212)
```
#4b3ed7
```
#4b3ed7 rgb(75,62,215)
```
#5a4fdb
```
#5a4fdb rgb(90,79,219)
```
#695fde
```
#695fde rgb(105,95,222)
```
#786fe1
```
#786fe1 rgb(120,111,225)
```
#8780e5
```
#8780e5 rgb(135,128,229)
```
#9790e8
```
#9790e8 rgb(151,144,232)
```
#a6a0eb
```
#a6a0eb rgb(166,160,235)
```
#b5b0ef
```
#b5b0ef rgb(181,176,239)
```
#c4c1f2
```
#c4c1f2 rgb(196,193,242)
```
#d4d1f5
```
#d4d1f5 rgb(212,209,245)
```
#e3e1f9
```
#e3e1f9 rgb(227,225,249)
```
#f2f1fc
```
#f2f1fc rgb(242,241,252)
```

Tint Color Variation

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

#9b9aa3
```
#9b9aa3 rgb(155,154,163)
```
#9593aa
```
#9593aa rgb(149,147,170)
```
#8f8cb1
```
#8f8cb1 rgb(143,140,177)
```
#8884b9
```
#8884b9 rgb(136,132,185)
```
#827dc0
```
#827dc0 rgb(130,125,192)
```
#7c75c8
```
#7c75c8 rgb(124,117,200)
```
#766ecf
```
#766ecf rgb(118,110,207)
```
#6f66d7
```
#6f66d7 rgb(111,102,215)
```
#695fde
```
#695fde rgb(105,95,222)
```
#6358e5
```
#6358e5 rgb(99,88,229)
```
#5c50ed
```
#5c50ed rgb(92,80,237)
```
#5649f4
```
#5649f4 rgb(86,73,244)
```
#5041fc
```
#5041fc rgb(80,65,252)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6f6d86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007ac9 Deuteranopia 1% of men
#4a8089 Tritanopia 0.001% of the population

Trichromacy

#266ce2 Protanomaly 1% of men, 0.01% of women
#2670d1 Deuteranomaly 6% of men, 0.4% of women
#5574a8 Tritanomaly 0.01% of the population

#695fde hex color

#695fde Color Information

#695fde Color Conversion

Color Schemes with #695fde

Alternatives to #695fde

#695fde Preview

Shades and Tints of #695fde

Tones of #695fde

Color Blindness Simulator