#695fdd hex color

In a RGB color space, hex #695fdd is composed of 41.2% red, 37.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 57% magenta, 0% yellow and 13.3% black. It has a hue angle of 244.8 degrees, a saturation of 64.9% and a lightness of 62%. #695fdd color hex could be obtained by blending #d2beff with #0000bb. Closest websafe color is: #6666cc.

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

● #695fdd color description : Soft blue.

The hexadecimal color #695fdd has RGB values of R:105, G:95, B:221 and CMYK values of C:0.52, M:0.57, Y:0, K:0.13. Its decimal value is 6905821.

Hex triplet	695fdd	`#695fdd`
RGB Decimal	105, 95, 221	`rgb(105,95,221)`
RGB Percent	41.2, 37.3, 86.7	`rgb(41.2%,37.3%,86.7%)`
CMYK	52, 57, 0, 13
HSL	244.8°, 64.9, 62	`hsl(244.8,64.9%,62%)`
HSV (or HSB)	244.8°, 57, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.505, 37.7, -63.418
XYZ	22.967, 16.407, 70.359
xyY	0.209, 0.15, 16.407
CIE-LCH	47.505, 73.778, 300.73
CIE-LUV	47.505, -4.023, -99.302
Hunter-Lab	40.506, 30.322, -74.633
Binary	01101001, 01011111, 11011101

#695fdd
```
#695fdd rgb(105,95,221)
```
#d3dd5f
```
#d3dd5f rgb(211,221,95)
```

Complementary Color

#5f94dd
```
#5f94dd rgb(95,148,221)
```
#695fdd
```
#695fdd rgb(105,95,221)
```
#a85fdd
```
#a85fdd rgb(168,95,221)
```

Analogous Color

#94dd5f
```
#94dd5f rgb(148,221,95)
```
#695fdd
```
#695fdd rgb(105,95,221)
```
#dda85f
```
#dda85f rgb(221,168,95)
```

Split Complementary Color

#5fdd69
```
#5fdd69 rgb(95,221,105)
```
#695fdd
```
#695fdd rgb(105,95,221)
```
#dd695f
```
#dd695f rgb(221,105,95)
```

Triadic Color

#5fd3dd
```
#5fd3dd rgb(95,211,221)
```
#695fdd
```
#695fdd rgb(105,95,221)
```
#dd695f
```
#dd695f rgb(221,105,95)
```
#d3dd5f
```
#d3dd5f rgb(211,221,95)
```

Tetradic Color

#362ac6
```
#362ac6 rgb(54,42,198)
```
#4235d4
```
#4235d4 rgb(66,53,212)
```
#554ad9
```
#554ad9 rgb(85,74,217)
```
#695fdd
```
#695fdd rgb(105,95,221)
```
#7d74e1
```
#7d74e1 rgb(125,116,225)
```
#9089e6
```
#9089e6 rgb(144,137,230)
```
#a49eea
```
#a49eea rgb(164,158,234)
```

Monochromatic Color

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

#5f75dd
```
#5f75dd rgb(95,117,221)
```
#5f6add
```
#5f6add rgb(95,106,221)
```
#5f60dd
```
#5f60dd rgb(95,96,221)
```
#695fdd
```
#695fdd rgb(105,95,221)
```
#745fdd
```
#745fdd rgb(116,95,221)
```
#7e5fdd
```
#7e5fdd rgb(126,95,221)
```
#895fdd
```
#895fdd rgb(137,95,221)
```

Similar Colors

Text with hexadecimal color #695fdd

This text has a font color of #695fdd.

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

#695fdd background color

This paragraph has a background color of #695fdd.

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

#695fdd border color

This element has a border color of #695fdd.

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

CSS codes

.text {color:#695fdd;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#050412
```
#050412 rgb(5,4,18)
```
#090722
```
#090722 rgb(9,7,34)
```
#0e0b32
```
#0e0b32 rgb(14,11,50)
```
#120e42
```
#120e42 rgb(18,14,66)
```
#171253
```
#171253 rgb(23,18,83)
```
#1b1563
```
#1b1563 rgb(27,21,99)
```
#201873
```
#201873 rgb(32,24,115)
```
#241c83
```
#241c83 rgb(36,28,131)
```
#291f93
```
#291f93 rgb(41,31,147)
```
#2d23a4
```
#2d23a4 rgb(45,35,164)
```
#3126b4
```
#3126b4 rgb(49,38,180)
```
#362ac4
```
#362ac4 rgb(54,42,196)
```

Shade Color Variation

#3c2ed3
```
#3c2ed3 rgb(60,46,211)
```
#4b3fd6
```
#4b3fd6 rgb(75,63,214)
```
#5a4fda
```
#5a4fda rgb(90,79,218)
```
#695fdd
```
#695fdd rgb(105,95,221)
```
#786fe0
```
#786fe0 rgb(120,111,224)
```
#877fe4
```
#877fe4 rgb(135,127,228)
```
#9690e7
```
#9690e7 rgb(150,144,231)
```
#a6a0eb
```
#a6a0eb rgb(166,160,235)
```
#b5b0ee
```
#b5b0ee rgb(181,176,238)
```
#c4c0f2
```
#c4c0f2 rgb(196,192,242)
```
#d3d0f5
```
#d3d0f5 rgb(211,208,245)
```
#e2e0f9
```
#e2e0f9 rgb(226,224,249)
```
#f1f1fc
```
#f1f1fc rgb(241,241,252)
```

Tint Color Variation

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

#9b9ba1
```
#9b9ba1 rgb(155,155,161)
```
#9593a9
```
#9593a9 rgb(149,147,169)
```
#8f8cb0
```
#8f8cb0 rgb(143,140,176)
```
#8884b8
```
#8884b8 rgb(136,132,184)
```
#827dbf
```
#827dbf rgb(130,125,191)
```
#7c75c7
```
#7c75c7 rgb(124,117,199)
```
#766ece
```
#766ece rgb(118,110,206)
```
#6f66d6
```
#6f66d6 rgb(111,102,214)
```
#695fdd
```
#695fdd rgb(105,95,221)
```
#6358e4
```
#6358e4 rgb(99,88,228)
```
#5c50ec
```
#5c50ec rgb(92,80,236)
```
#5649f3
```
#5649f3 rgb(86,73,243)
```
#5041fb
```
#5041fb rgb(80,65,251)
```

Tone Color Variation

Below, you can see how #695fdd 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
#4b7f89 Tritanopia 0.001% of the population

Trichromacy

#266ce1 Protanomaly 1% of men, 0.01% of women
#2670d0 Deuteranomaly 6% of men, 0.4% of women
#5673a7 Tritanomaly 0.01% of the population

#695fdd hex color

#695fdd Color Information

#695fdd Color Conversion

Color Schemes with #695fdd

Alternatives to #695fdd

#695fdd Preview

Shades and Tints of #695fdd

Tones of #695fdd

Color Blindness Simulator