colorhexa.com

#695be4 hex color

In a RGB color space, hex #695be4 is composed of 41.2% red, 35.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 60.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 246.1 degrees, a saturation of 71.7% and a lightness of 62.5%. #695be4 color hex could be obtained by blending #d2b6ff with #0000c9. Closest websafe color is: #6666cc.

- R 41
- G 36
- B 89
RGB color chart
- C 54
- M 60
- Y 0
- K 11
CMYK color chart

● #695be4 color description : Soft blue.

The hexadecimal color #695be4 has RGB values of R:105, G:91, B:228 and CMYK values of C:0.54, M:0.6, Y:0, K:0.11. Its decimal value is 6904804.

Hex triplet	695be4	`#695be4`
RGB Decimal	105, 91, 228	`rgb(105,91,228)`
RGB Percent	41.2, 35.7, 89.4	`rgb(41.2%,35.7%,89.4%)`
CMYK	54, 60, 0, 11
HSL	246.1°, 71.7, 62.5	`hsl(246.1,71.7%,62.5%)`
HSV (or HSB)	246.1°, 60.1, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.087, 42.193, -68.061
XYZ	23.568, 16.086, 75.258
xyY	0.205, 0.14, 16.086
CIE-LCH	47.087, 80.078, 301.796
CIE-LUV	47.087, -3.488, -106.057
Hunter-Lab	40.107, 34.701, -83.176
Binary	01101001, 01011011, 11100100

#695be4
```
#695be4 rgb(105,91,228)
```
#d6e45b
```
#d6e45b rgb(214,228,91)
```

Complementary Color

#5b92e4
```
#5b92e4 rgb(91,146,228)
```
#695be4
```
#695be4 rgb(105,91,228)
```
#ae5be4
```
#ae5be4 rgb(174,91,228)
```

Analogous Color

#92e45b
```
#92e45b rgb(146,228,91)
```
#695be4
```
#695be4 rgb(105,91,228)
```
#e4ae5b
```
#e4ae5b rgb(228,174,91)
```

Split Complementary Color

#5be469
```
#5be469 rgb(91,228,105)
```
#695be4
```
#695be4 rgb(105,91,228)
```
#e4695b
```
#e4695b rgb(228,105,91)
```

Triadic Color

#5bd6e4
```
#5bd6e4 rgb(91,214,228)
```
#695be4
```
#695be4 rgb(105,91,228)
```
#e4695b
```
#e4695b rgb(228,105,91)
```
#d6e45b
```
#d6e45b rgb(214,228,91)
```

Tetradic Color

#3422d0
```
#3422d0 rgb(52,34,208)
```
#412fdd
```
#412fdd rgb(65,47,221)
```
#5545e0
```
#5545e0 rgb(85,69,224)
```
#695be4
```
#695be4 rgb(105,91,228)
```
#7d71e8
```
#7d71e8 rgb(125,113,232)
```
#9187eb
```
#9187eb rgb(145,135,235)
```
#a59def
```
#a59def rgb(165,157,239)
```

Monochromatic Color

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

#5b6fe4
```
#5b6fe4 rgb(91,111,228)
```
#5b64e4
```
#5b64e4 rgb(91,100,228)
```
#5e5be4
```
#5e5be4 rgb(94,91,228)
```
#695be4
```
#695be4 rgb(105,91,228)
```
#745be4
```
#745be4 rgb(116,91,228)
```
#805be4
```
#805be4 rgb(128,91,228)
```
#8b5be4
```
#8b5be4 rgb(139,91,228)
```

Similar Colors

Text with hexadecimal color #695be4

This text has a font color of #695be4.

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

#695be4 background color

This paragraph has a background color of #695be4.

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

#695be4 border color

This element has a border color of #695be4.

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

CSS codes

.text {color:#695be4;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#050415
```
#050415 rgb(5,4,21)
```
#0a0626
```
#0a0626 rgb(10,6,38)
```
#0e0937
```
#0e0937 rgb(14,9,55)
```
#120c48
```
#120c48 rgb(18,12,72)
```
#160f59
```
#160f59 rgb(22,15,89)
```
#1a1169
```
#1a1169 rgb(26,17,105)
```
#1f147a
```
#1f147a rgb(31,20,122)
```
#23178b
```
#23178b rgb(35,23,139)
```
#271a9c
```
#271a9c rgb(39,26,156)
```
#2b1cad
```
#2b1cad rgb(43,28,173)
```
#2f1fbe
```
#2f1fbe rgb(47,31,190)
```
#3422cf
```
#3422cf rgb(52,34,207)
```

Shade Color Variation

#3b28dc
```
#3b28dc rgb(59,40,220)
```
#4a39de
```
#4a39de rgb(74,57,222)
```
#5a4ae1
```
#5a4ae1 rgb(90,74,225)
```
#695be4
```
#695be4 rgb(105,91,228)
```
#786ce7
```
#786ce7 rgb(120,108,231)
```
#887dea
```
#887dea rgb(136,125,234)
```
#978eec
```
#978eec rgb(151,142,236)
```
#a79eef
```
#a79eef rgb(167,158,239)
```
#b6aff2
```
#b6aff2 rgb(182,175,242)
```
#c5c0f5
```
#c5c0f5 rgb(197,192,245)
```
#d5d1f7
```
#d5d1f7 rgb(213,209,247)
```
#e4e2fa
```
#e4e2fa rgb(228,226,250)
```
#f4f3fd
```
#f4f3fd rgb(244,243,253)
```

Tint Color Variation

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

#9e9da2
```
#9e9da2 rgb(158,157,162)
```
#9896a9
```
#9896a9 rgb(152,150,169)
```
#928eb1
```
#928eb1 rgb(146,142,177)
```
#8c87b8
```
#8c87b8 rgb(140,135,184)
```
#8680bf
```
#8680bf rgb(134,128,191)
```
#8078c7
```
#8078c7 rgb(128,120,199)
```
#7b71ce
```
#7b71ce rgb(123,113,206)
```
#756ad5
```
#756ad5 rgb(117,106,213)
```
#6f62dd
```
#6f62dd rgb(111,98,221)
```
#695be4
```
#695be4 rgb(105,91,228)
```
#6354eb
```
#6354eb rgb(99,84,235)
```
#5d4cf3
```
#5d4cf3 rgb(93,76,243)
```
#5745fa
```
#5745fa rgb(87,69,250)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6e6b86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#457f88 Tritanopia 0.001% of the population

Trichromacy

#266ae2 Protanomaly 1% of men, 0.01% of women
#266ed1 Deuteranomaly 6% of men, 0.4% of women
#5272a9 Tritanomaly 0.01% of the population