colorhexa.com

#696aeb hex color

In a RGB color space, hex #696aeb is composed of 41.2% red, 41.6% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 54.9% magenta, 0% yellow and 7.8% black. It has a hue angle of 239.5 degrees, a saturation of 76.5% and a lightness of 66.7%. #696aeb color hex could be obtained by blending #d2d4ff with #0000d7. Closest websafe color is: #6666ff.

- R 41
- G 42
- B 92
RGB color chart
- C 55
- M 55
- Y 0
- K 8
CMYK color chart

● #696aeb color description : Soft blue.

The hexadecimal color #696aeb has RGB values of R:105, G:106, B:235 and CMYK values of C:0.55, M:0.55, Y:0, K:0.08. Its decimal value is 6908651.

Hex triplet	696aeb	`#696aeb`
RGB Decimal	105, 106, 235	`rgb(105,106,235)`
RGB Percent	41.2, 41.6, 92.2	`rgb(41.2%,41.6%,92.2%)`
CMYK	55, 55, 0, 8
HSL	239.5°, 76.5, 66.7	`hsl(239.5,76.5%,66.7%)`
HSV (or HSB)	239.5°, 55.3, 92.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.046, 35.467, -65.586
XYZ	25.972, 19.308, 80.951
xyY	0.206, 0.153, 19.308
CIE-LCH	51.046, 74.562, 298.403
CIE-LUV	51.046, -7.837, -104.292
Hunter-Lab	43.941, 28.607, -78.468
Binary	01101001, 01101010, 11101011

#696aeb
```
#696aeb rgb(105,106,235)
```
#ebea69
```
#ebea69 rgb(235,234,105)
```

Complementary Color

#69abeb
```
#69abeb rgb(105,171,235)
```
#696aeb
```
#696aeb rgb(105,106,235)
```
#a969eb
```
#a969eb rgb(169,105,235)
```

Analogous Color

#abeb69
```
#abeb69 rgb(171,235,105)
```
#696aeb
```
#696aeb rgb(105,106,235)
```
#eba969
```
#eba969 rgb(235,169,105)
```

Split Complementary Color

#6aeb69
```
#6aeb69 rgb(106,235,105)
```
#696aeb
```
#696aeb rgb(105,106,235)
```
#eb696a
```
#eb696a rgb(235,105,106)
```

Triadic Color

#69ebea
```
#69ebea rgb(105,235,234)
```
#696aeb
```
#696aeb rgb(105,106,235)
```
#eb696a
```
#eb696a rgb(235,105,106)
```
#ebea69
```
#ebea69 rgb(235,234,105)
```

Tetradic Color

#2627e2
```
#2627e2 rgb(38,39,226)
```
#3c3de5
```
#3c3de5 rgb(60,61,229)
```
#5354e8
```
#5354e8 rgb(83,84,232)
```
#696aeb
```
#696aeb rgb(105,106,235)
```
#8080ee
```
#8080ee rgb(128,128,238)
```
#9697f1
```
#9697f1 rgb(150,151,241)
```
#adadf4
```
#adadf4 rgb(173,173,244)
```

Monochromatic Color

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

#698beb
```
#698beb rgb(105,139,235)
```
#6980eb
```
#6980eb rgb(105,128,235)
```
#6975eb
```
#6975eb rgb(105,117,235)
```
#696aeb
```
#696aeb rgb(105,106,235)
```
#7369eb
```
#7369eb rgb(115,105,235)
```
#7e69eb
```
#7e69eb rgb(126,105,235)
```
#8969eb
```
#8969eb rgb(137,105,235)
```

Similar Colors

Text with hexadecimal color #696aeb

This text has a font color of #696aeb.

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

#696aeb background color

This paragraph has a background color of #696aeb.

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

#696aeb border color

This element has a border color of #696aeb.

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

CSS codes

.text {color:#696aeb;}

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

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

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 #f3f4fd is the lightest one.

#010106
```
#010106 rgb(1,1,6)
```
#030317
```
#030317 rgb(3,3,23)
```
#050628
```
#050628 rgb(5,6,40)
```
#08083a
```
#08083a rgb(8,8,58)
```
#0a0b4b
```
#0a0b4b rgb(10,11,75)
```
#0c0d5c
```
#0c0d5c rgb(12,13,92)
```
#0f0f6e
```
#0f0f6e rgb(15,15,110)
```
#11127f
```
#11127f rgb(17,18,127)
```
#131490
```
#131490 rgb(19,20,144)
```
#1617a2
```
#1617a2 rgb(22,23,162)
```
#1819b3
```
#1819b3 rgb(24,25,179)
```
#1a1bc4
```
#1a1bc4 rgb(26,27,196)
```
#1c1ed5
```
#1c1ed5 rgb(28,30,213)
```

Shade Color Variation

#2425e2
```
#2425e2 rgb(36,37,226)
```
#3536e4
```
#3536e4 rgb(53,54,228)
```
#4648e6
```
#4648e6 rgb(70,72,230)
```
#5859e9
```
#5859e9 rgb(88,89,233)
```
#696aeb
```
#696aeb rgb(105,106,235)
```
#7a7bed
```
#7a7bed rgb(122,123,237)
```
#8c8cf0
```
#8c8cf0 rgb(140,140,240)
```
#9d9ef2
```
#9d9ef2 rgb(157,158,242)
```
#aeaff4
```
#aeaff4 rgb(174,175,244)
```
#c0c0f7
```
#c0c0f7 rgb(192,192,247)
```
#d1d1f9
```
#d1d1f9 rgb(209,209,249)
```
#e2e2fb
```
#e2e2fb rgb(226,226,251)
```
#f3f4fd
```
#f3f4fd rgb(243,244,253)
```

Tint Color Variation

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

#a4a4b0
```
#a4a4b0 rgb(164,164,176)
```
#9d9eb7
```
#9d9eb7 rgb(157,158,183)
```
#9797bd
```
#9797bd rgb(151,151,189)
```
#9091c4
```
#9091c4 rgb(144,145,196)
```
#8a8aca
```
#8a8aca rgb(138,138,202)
```
#8384d1
```
#8384d1 rgb(131,132,209)
```
#7d7dd7
```
#7d7dd7 rgb(125,125,215)
```
#7677de
```
#7677de rgb(118,119,222)
```
#7070e4
```
#7070e4 rgb(112,112,228)
```
#696aeb
```
#696aeb rgb(105,106,235)
```
#6264f2
```
#6264f2 rgb(98,100,242)
```
#5c5df8
```
#5c5df8 rgb(92,93,248)
```
#5557ff
```
#5557ff rgb(85,87,255)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#75758f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf4 Protanopia 1% of men
#0083d7 Deuteranopia 1% of men
#448a94 Tritanopia 0.001% of the population

Trichromacy

#2675f1 Protanomaly 1% of men, 0.01% of women
#2679de Deuteranomaly 6% of men, 0.4% of women
#517eb3 Tritanomaly 0.01% of the population