#696aef hex color

In a RGB color space, hex #696aef is composed of 41.2% red, 41.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 55.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 239.6 degrees, a saturation of 80.7% and a lightness of 67.5%. #696aef color hex could be obtained by blending #d2d4ff with #0000df. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 42
- B 94
RGB color chart
- C 56
- M 56
- Y 0
- K 6
CMYK color chart

● #696aef color description : Soft blue.

The hexadecimal color #696aef has RGB values of R:105, G:106, B:239 and CMYK values of C:0.56, M:0.56, Y:0, K:0.06. Its decimal value is 6908655.

Hex triplet	696aef	`#696aef`
RGB Decimal	105, 106, 239	`rgb(105,106,239)`
RGB Percent	41.2, 41.6, 93.7	`rgb(41.2%,41.6%,93.7%)`
CMYK	56, 56, 0, 6
HSL	239.6°, 80.7, 67.5	`hsl(239.6,80.7%,67.5%)`
HSV (or HSB)	239.6°, 56.1, 93.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.316, 36.721, -67.39
XYZ	26.557, 19.542, 84.029
xyY	0.204, 0.15, 19.542
CIE-LCH	51.316, 76.745, 298.586
CIE-LUV	51.316, -8.043, -107.226
Hunter-Lab	44.207, 29.87, -81.756
Binary	01101001, 01101010, 11101111

#696aef
```
#696aef rgb(105,106,239)
```
#efee69
```
#efee69 rgb(239,238,105)
```

Complementary Color

#69adef
```
#69adef rgb(105,173,239)
```
#696aef
```
#696aef rgb(105,106,239)
```
#ab69ef
```
#ab69ef rgb(171,105,239)
```

Analogous Color

#adef69
```
#adef69 rgb(173,239,105)
```
#696aef
```
#696aef rgb(105,106,239)
```
#efab69
```
#efab69 rgb(239,171,105)
```

Split Complementary Color

#6aef69
```
#6aef69 rgb(106,239,105)
```
#696aef
```
#696aef rgb(105,106,239)
```
#ef696a
```
#ef696a rgb(239,105,106)
```

Triadic Color

#69efee
```
#69efee rgb(105,239,238)
```
#696aef
```
#696aef rgb(105,106,239)
```
#ef696a
```
#ef696a rgb(239,105,106)
```
#efee69
```
#efee69 rgb(239,238,105)
```

Tetradic Color

#2425e8
```
#2425e8 rgb(36,37,232)
```
#3b3cea
```
#3b3cea rgb(59,60,234)
```
#5253ed
```
#5253ed rgb(82,83,237)
```
#696aef
```
#696aef rgb(105,106,239)
```
#8081f1
```
#8081f1 rgb(128,129,241)
```
#9798f4
```
#9798f4 rgb(151,152,244)
```
#aeaff6
```
#aeaff6 rgb(174,175,246)
```

Monochromatic Color

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

#698cef
```
#698cef rgb(105,140,239)
```
#6980ef
```
#6980ef rgb(105,128,239)
```
#6975ef
```
#6975ef rgb(105,117,239)
```
#696aef
```
#696aef rgb(105,106,239)
```
#7369ef
```
#7369ef rgb(115,105,239)
```
#7e69ef
```
#7e69ef rgb(126,105,239)
```
#8a69ef
```
#8a69ef rgb(138,105,239)
```

Similar Colors

Text with hexadecimal color #696aef

This text has a font color of #696aef.

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

#696aef background color

This paragraph has a background color of #696aef.

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

#696aef border color

This element has a border color of #696aef.

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

CSS codes

.text {color:#696aef;}

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

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

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, #01010a is the darkest color, while #f7f7fe is the lightest one.

#01010a
```
#01010a rgb(1,1,10)
```
#03031b
```
#03031b rgb(3,3,27)
```
#05052d
```
#05052d rgb(5,5,45)
```
#07073f
```
#07073f rgb(7,7,63)
```
#090950
```
#090950 rgb(9,9,80)
```
#0a0b62
```
#0a0b62 rgb(10,11,98)
```
#0c0d74
```
#0c0d74 rgb(12,13,116)
```
#0e0f86
```
#0e0f86 rgb(14,15,134)
```
#101197
```
#101197 rgb(16,17,151)
```
#1213a9
```
#1213a9 rgb(18,19,169)
```
#1415bb
```
#1415bb rgb(20,21,187)
```
#1617cc
```
#1617cc rgb(22,23,204)
```
#1819de
```
#1819de rgb(24,25,222)
```

Shade Color Variation

#2224e7
```
#2224e7 rgb(34,36,231)
```
#3435e9
```
#3435e9 rgb(52,53,233)
```
#4647eb
```
#4647eb rgb(70,71,235)
```
#5758ed
```
#5758ed rgb(87,88,237)
```
#696aef
```
#696aef rgb(105,106,239)
```
#7b7cf1
```
#7b7cf1 rgb(123,124,241)
```
#8c8df3
```
#8c8df3 rgb(140,141,243)
```
#9e9ff5
```
#9e9ff5 rgb(158,159,245)
```
#b0b0f7
```
#b0b0f7 rgb(176,176,247)
```
#c2c2f8
```
#c2c2f8 rgb(194,194,248)
```
#d3d4fa
```
#d3d4fa rgb(211,212,250)
```
#e5e5fc
```
#e5e5fc rgb(229,229,252)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

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

#a9a9af
```
#a9a9af rgb(169,169,175)
```
#a2a3b6
```
#a2a3b6 rgb(162,163,182)
```
#9c9cbc
```
#9c9cbc rgb(156,156,188)
```
#9696c2
```
#9696c2 rgb(150,150,194)
```
#8f90c9
```
#8f90c9 rgb(143,144,201)
```
#8989cf
```
#8989cf rgb(137,137,207)
```
#8383d5
```
#8383d5 rgb(131,131,213)
```
#7c7ddc
```
#7c7ddc rgb(124,125,220)
```
#7677e2
```
#7677e2 rgb(118,119,226)
```
#6f70e9
```
#6f70e9 rgb(111,112,233)
```
#696aef
```
#696aef rgb(105,106,239)
```
#6364f5
```
#6364f5 rgb(99,100,245)
```
#5c5dfc
```
#5c5dfc rgb(92,93,252)
```

Tone Color Variation

Below, you can see how #696aef 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
#767691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0083d8 Deuteranopia 1% of men
#418b95 Tritanopia 0.001% of the population

Trichromacy

#2676f3 Protanomaly 1% of men, 0.01% of women
#267ae0 Deuteranomaly 6% of men, 0.4% of women
#4f7fb5 Tritanomaly 0.01% of the population

#696aef hex color

#696aef Color Information

#696aef Color Conversion

Color Schemes with #696aef

Alternatives to #696aef

#696aef Preview

Shades and Tints of #696aef

Tones of #696aef

Color Blindness Simulator