#696be8 hex color

In a RGB color space, hex #696be8 is composed of 41.2% red, 42% green and 91% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 53.9% magenta, 0% yellow and 9% black. It has a hue angle of 239.1 degrees, a saturation of 73.4% and a lightness of 66.1%. #696be8 color hex could be obtained by blending #d2d6ff with #0000d1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 42
- B 91
RGB color chart
- C 55
- M 54
- Y 0
- K 9
CMYK color chart

● #696be8 color description : Soft blue.

The hexadecimal color #696be8 has RGB values of R:105, G:107, B:232 and CMYK values of C:0.55, M:0.54, Y:0, K:0.09. Its decimal value is 6908904.

Hex triplet	696be8	`#696be8`
RGB Decimal	105, 107, 232	`rgb(105,107,232)`
RGB Percent	41.2, 42, 91	`rgb(41.2%,42%,91%)`
CMYK	55, 54, 0, 9
HSL	239.1°, 73.4, 66.1	`hsl(239.1,73.4%,66.1%)`
HSV (or HSB)	239.1°, 54.7, 91
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.087, 33.927, -63.837
XYZ	25.646, 19.344, 78.722
xyY	0.207, 0.156, 19.344
CIE-LCH	51.087, 72.292, 297.989
CIE-LUV	51.087, -7.962, -101.566
Hunter-Lab	43.982, 27.117, -75.335
Binary	01101001, 01101011, 11101000

#696be8
```
#696be8 rgb(105,107,232)
```
#e8e669
```
#e8e669 rgb(232,230,105)
```

Complementary Color

#69abe8
```
#69abe8 rgb(105,171,232)
```
#696be8
```
#696be8 rgb(105,107,232)
```
#a769e8
```
#a769e8 rgb(167,105,232)
```

Analogous Color

#abe869
```
#abe869 rgb(171,232,105)
```
#696be8
```
#696be8 rgb(105,107,232)
```
#e8a769
```
#e8a769 rgb(232,167,105)
```

Split Complementary Color

#6be869
```
#6be869 rgb(107,232,105)
```
#696be8
```
#696be8 rgb(105,107,232)
```
#e8696b
```
#e8696b rgb(232,105,107)
```

Triadic Color

#69e8e6
```
#69e8e6 rgb(105,232,230)
```
#696be8
```
#696be8 rgb(105,107,232)
```
#e8696b
```
#e8696b rgb(232,105,107)
```
#e8e669
```
#e8e669 rgb(232,230,105)
```

Tetradic Color

#272ade
```
#272ade rgb(39,42,222)
```
#3d3fe1
```
#3d3fe1 rgb(61,63,225)
```
#5355e5
```
#5355e5 rgb(83,85,229)
```
#696be8
```
#696be8 rgb(105,107,232)
```
#7f81eb
```
#7f81eb rgb(127,129,235)
```
#9597ef
```
#9597ef rgb(149,151,239)
```
#abacf2
```
#abacf2 rgb(171,172,242)
```

Monochromatic Color

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

#698be8
```
#698be8 rgb(105,139,232)
```
#6980e8
```
#6980e8 rgb(105,128,232)
```
#6976e8
```
#6976e8 rgb(105,118,232)
```
#696be8
```
#696be8 rgb(105,107,232)
```
#7269e8
```
#7269e8 rgb(114,105,232)
```
#7c69e8
```
#7c69e8 rgb(124,105,232)
```
#8769e8
```
#8769e8 rgb(135,105,232)
```

Similar Colors

Text with hexadecimal color #696be8

This text has a font color of #696be8.

<span style="color:#696be8;">Text here</span>

#696be8 background color

This paragraph has a background color of #696be8.

<p style="background-color:#696be8;">Content here</p>

#696be8 border color

This element has a border color of #696be8.

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

CSS codes

.text {color:#696be8;}

.background {background-color:#696be8;}

.border {border:1px solid #696be8;}

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

#000103
```
#000103 rgb(0,1,3)
```
#030314
```
#030314 rgb(3,3,20)
```
#060625
```
#060625 rgb(6,6,37)
```
#080936
```
#080936 rgb(8,9,54)
```
#0b0c47
```
#0b0c47 rgb(11,12,71)
```
#0e0f58
```
#0e0f58 rgb(14,15,88)
```
#101269
```
#101269 rgb(16,18,105)
```
#13147a
```
#13147a rgb(19,20,122)
```
#15178b
```
#15178b rgb(21,23,139)
```
#181a9c
```
#181a9c rgb(24,26,156)
```
#1b1dad
```
#1b1dad rgb(27,29,173)
```
#1d20be
```
#1d20be rgb(29,32,190)
```
#2023cf
```
#2023cf rgb(32,35,207)
```

Shade Color Variation

#2528de
```
#2528de rgb(37,40,222)
```
#3639e0
```
#3639e0 rgb(54,57,224)
```
#4749e3
```
#4749e3 rgb(71,73,227)
```
#585ae5
```
#585ae5 rgb(88,90,229)
```
#696be8
```
#696be8 rgb(105,107,232)
```
#7a7ceb
```
#7a7ceb rgb(122,124,235)
```
#8b8ded
```
#8b8ded rgb(139,141,237)
```
#9c9df0
```
#9c9df0 rgb(156,157,240)
```
#adaef2
```
#adaef2 rgb(173,174,242)
```
#bebff5
```
#bebff5 rgb(190,191,245)
```
#cfd0f8
```
#cfd0f8 rgb(207,208,248)
```
#e0e0fa
```
#e0e0fa rgb(224,224,250)
```
#f1f1fd
```
#f1f1fd rgb(241,241,253)
```

Tint Color Variation

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

#a5a5ac
```
#a5a5ac rgb(165,165,172)
```
#9e9fb3
```
#9e9fb3 rgb(158,159,179)
```
#9898b9
```
#9898b9 rgb(152,152,185)
```
#9192c0
```
#9192c0 rgb(145,146,192)
```
#8a8bc7
```
#8a8bc7 rgb(138,139,199)
```
#8485cd
```
#8485cd rgb(132,133,205)
```
#7d7ed4
```
#7d7ed4 rgb(125,126,212)
```
#7678db
```
#7678db rgb(118,120,219)
```
#7071e1
```
#7071e1 rgb(112,113,225)
```
#696be8
```
#696be8 rgb(105,107,232)
```
#6265ef
```
#6265ef rgb(98,101,239)
```
#5c5ef5
```
#5c5ef5 rgb(92,94,245)
```
#5558fc
```
#5558fc rgb(85,88,252)
```

Tone Color Variation

Below, you can see how #696be8 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

#797979 Achromatopsia 0.005% of the population
#76768f Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d7cf2 Protanopia 1% of men
#0083d8 Deuteranopia 1% of men
#478994 Tritanopia 0.001% of the population

Trichromacy

#3976ee Protanomaly 1% of men, 0.01% of women
#267ade Deuteranomaly 6% of men, 0.4% of women
#537eb2 Tritanomaly 0.01% of the population

#696be8 hex color

#696be8 Color Information

#696be8 Color Conversion

Color Schemes with #696be8

Alternatives to #696be8

#696be8 Preview

Shades and Tints of #696be8

Tones of #696be8

Color Blindness Simulator