#695de4 hex color

In a RGB color space, hex #695de4 is composed of 41.2% red, 36.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 59.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 245.3 degrees, a saturation of 71.4% and a lightness of 62.9%. #695de4 color hex could be obtained by blending #d2baff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 36
- B 89
RGB color chart
- C 54
- M 59
- Y 0
- K 11
CMYK color chart

● #695de4 color description : Soft blue.

The hexadecimal color #695de4 has RGB values of R:105, G:93, B:228 and CMYK values of C:0.54, M:0.59, Y:0, K:0.11. Its decimal value is 6905316.

Hex triplet	695de4	`#695de4`
RGB Decimal	105, 93, 228	`rgb(105,93,228)`
RGB Percent	41.2, 36.5, 89.4	`rgb(41.2%,36.5%,89.4%)`
CMYK	54, 59, 0, 11
HSL	245.3°, 71.4, 62.9	`hsl(245.3,71.4%,62.9%)`
HSV (or HSB)	245.3°, 59.2, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.537, 41.022, -67.33
XYZ	23.741, 16.433, 75.315
xyY	0.206, 0.142, 16.433
CIE-LCH	47.537, 78.843, 301.352
CIE-LUV	47.537, -3.985, -105.224
Hunter-Lab	40.537, 33.6, -81.781
Binary	01101001, 01011101, 11100100

#695de4
```
#695de4 rgb(105,93,228)
```
#d8e45d
```
#d8e45d rgb(216,228,93)
```

Complementary Color

#5d95e4
```
#5d95e4 rgb(93,149,228)
```
#695de4
```
#695de4 rgb(105,93,228)
```
#ad5de4
```
#ad5de4 rgb(173,93,228)
```

Analogous Color

#95e45d
```
#95e45d rgb(149,228,93)
```
#695de4
```
#695de4 rgb(105,93,228)
```
#e4ad5d
```
#e4ad5d rgb(228,173,93)
```

Split Complementary Color

#5de469
```
#5de469 rgb(93,228,105)
```
#695de4
```
#695de4 rgb(105,93,228)
```
#e4695d
```
#e4695d rgb(228,105,93)
```

Triadic Color

#5dd8e4
```
#5dd8e4 rgb(93,216,228)
```
#695de4
```
#695de4 rgb(105,93,228)
```
#e4695d
```
#e4695d rgb(228,105,93)
```
#d8e45d
```
#d8e45d rgb(216,228,93)
```

Tetradic Color

#3223d2
```
#3223d2 rgb(50,35,210)
```
#4131dd
```
#4131dd rgb(65,49,221)
```
#5547e0
```
#5547e0 rgb(85,71,224)
```
#695de4
```
#695de4 rgb(105,93,228)
```
#7d73e8
```
#7d73e8 rgb(125,115,232)
```
#9189eb
```
#9189eb rgb(145,137,235)
```
#a69fef
```
#a69fef rgb(166,159,239)
```

Monochromatic Color

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

#5d73e4
```
#5d73e4 rgb(93,115,228)
```
#5d68e4
```
#5d68e4 rgb(93,104,228)
```
#5e5de4
```
#5e5de4 rgb(94,93,228)
```
#695de4
```
#695de4 rgb(105,93,228)
```
#745de4
```
#745de4 rgb(116,93,228)
```
#805de4
```
#805de4 rgb(128,93,228)
```
#8b5de4
```
#8b5de4 rgb(139,93,228)
```

Similar Colors

Text with hexadecimal color #695de4

This text has a font color of #695de4.

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

#695de4 background color

This paragraph has a background color of #695de4.

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

#695de4 border color

This element has a border color of #695de4.

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

CSS codes

.text {color:#695de4;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#060417
```
#060417 rgb(6,4,23)
```
#0a0728
```
#0a0728 rgb(10,7,40)
```
#0e0939
```
#0e0939 rgb(14,9,57)
```
#120c49
```
#120c49 rgb(18,12,73)
```
#160f5a
```
#160f5a rgb(22,15,90)
```
#1a126b
```
#1a126b rgb(26,18,107)
```
#1e157c
```
#1e157c rgb(30,21,124)
```
#22178d
```
#22178d rgb(34,23,141)
```
#261a9d
```
#261a9d rgb(38,26,157)
```
#2a1dae
```
#2a1dae rgb(42,29,174)
```
#2e20bf
```
#2e20bf rgb(46,32,191)
```
#3223d0
```
#3223d0 rgb(50,35,208)
```

Shade Color Variation

#3a2bdc
```
#3a2bdc rgb(58,43,220)
```
#4a3bde
```
#4a3bde rgb(74,59,222)
```
#594ce1
```
#594ce1 rgb(89,76,225)
```
#695de4
```
#695de4 rgb(105,93,228)
```
#796ee7
```
#796ee7 rgb(121,110,231)
```
#887fea
```
#887fea rgb(136,127,234)
```
#988fec
```
#988fec rgb(152,143,236)
```
#a7a0ef
```
#a7a0ef rgb(167,160,239)
```
#b7b1f2
```
#b7b1f2 rgb(183,177,242)
```
#c6c2f5
```
#c6c2f5 rgb(198,194,245)
```
#d6d3f8
```
#d6d3f8 rgb(214,211,248)
```
#e6e4fa
```
#e6e4fa rgb(230,228,250)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

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

#9f9ea3
```
#9f9ea3 rgb(159,158,163)
```
#9997aa
```
#9997aa rgb(153,151,170)
```
#9390b1
```
#9390b1 rgb(147,144,177)
```
#8d89b8
```
#8d89b8 rgb(141,137,184)
```
#8781c0
```
#8781c0 rgb(135,129,192)
```
#817ac7
```
#817ac7 rgb(129,122,199)
```
#7b73ce
```
#7b73ce rgb(123,115,206)
```
#756cd5
```
#756cd5 rgb(117,108,213)
```
#6f64dd
```
#6f64dd rgb(111,100,221)
```
#695de4
```
#695de4 rgb(105,93,228)
```
#6356eb
```
#6356eb rgb(99,86,235)
```
#5d4ef3
```
#5d4ef3 rgb(93,78,243)
```
#5747fa
```
#5747fa rgb(87,71,250)
```

Tone Color Variation

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

Dichromacy

#0074e4 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#468089 Tritanopia 0.001% of the population

Trichromacy

#266be4 Protanomaly 1% of men, 0.01% of women
#266fd2 Deuteranomaly 6% of men, 0.4% of women
#5273aa Tritanomaly 0.01% of the population

#695de4 hex color

#695de4 Color Information

#695de4 Color Conversion

Color Schemes with #695de4

Alternatives to #695de4

#695de4 Preview

Shades and Tints of #695de4

Tones of #695de4

Color Blindness Simulator