#696aee hex color

In a RGB color space, hex #696aee is composed of 41.2% red, 41.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 55.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 239.5 degrees, a saturation of 79.6% and a lightness of 67.3%. #696aee color hex could be obtained by blending #d2d4ff with #0000dd. Closest websafe color is: #6666ff.

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

● #696aee color description : Soft blue.

The hexadecimal color #696aee has RGB values of R:105, G:106, B:238 and CMYK values of C:0.56, M:0.55, Y:0, K:0.07. Its decimal value is 6908654.

Hex triplet	696aee	`#696aee`
RGB Decimal	105, 106, 238	`rgb(105,106,238)`
RGB Percent	41.2, 41.6, 93.3	`rgb(41.2%,41.6%,93.3%)`
CMYK	56, 55, 0, 7
HSL	239.5°, 79.6, 67.3	`hsl(239.5,79.6%,67.3%)`
HSV (or HSB)	239.5°, 55.9, 93.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.248, 36.407, -66.94
XYZ	26.409, 19.483, 83.253
xyY	0.204, 0.151, 19.483
CIE-LCH	51.248, 76.2, 298.541
CIE-LUV	51.248, -7.992, -106.495
Hunter-Lab	44.14, 29.553, -80.93
Binary	01101001, 01101010, 11101110

#696aee
```
#696aee rgb(105,106,238)
```
#eeed69
```
#eeed69 rgb(238,237,105)
```

Complementary Color

#69adee
```
#69adee rgb(105,173,238)
```
#696aee
```
#696aee rgb(105,106,238)
```
#ab69ee
```
#ab69ee rgb(171,105,238)
```

Analogous Color

#adee69
```
#adee69 rgb(173,238,105)
```
#696aee
```
#696aee rgb(105,106,238)
```
#eeab69
```
#eeab69 rgb(238,171,105)
```

Split Complementary Color

#6aee69
```
#6aee69 rgb(106,238,105)
```
#696aee
```
#696aee rgb(105,106,238)
```
#ee696a
```
#ee696a rgb(238,105,106)
```

Triadic Color

#69eeed
```
#69eeed rgb(105,238,237)
```
#696aee
```
#696aee rgb(105,106,238)
```
#ee696a
```
#ee696a rgb(238,105,106)
```
#eeed69
```
#eeed69 rgb(238,237,105)
```

Tetradic Color

#2426e6
```
#2426e6 rgb(36,38,230)
```
#3b3ce9
```
#3b3ce9 rgb(59,60,233)
```
#5253eb
```
#5253eb rgb(82,83,235)
```
#696aee
```
#696aee rgb(105,106,238)
```
#8081f1
```
#8081f1 rgb(128,129,241)
```
#9798f3
```
#9798f3 rgb(151,152,243)
```
#aeaef6
```
#aeaef6 rgb(174,174,246)
```

Monochromatic Color

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

#698bee
```
#698bee rgb(105,139,238)
```
#6980ee
```
#6980ee rgb(105,128,238)
```
#6975ee
```
#6975ee rgb(105,117,238)
```
#696aee
```
#696aee rgb(105,106,238)
```
#7369ee
```
#7369ee rgb(115,105,238)
```
#7e69ee
```
#7e69ee rgb(126,105,238)
```
#8969ee
```
#8969ee rgb(137,105,238)
```

Similar Colors

Text with hexadecimal color #696aee

This text has a font color of #696aee.

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

#696aee background color

This paragraph has a background color of #696aee.

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

#696aee border color

This element has a border color of #696aee.

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

CSS codes

.text {color:#696aee;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#03031a
```
#03031a rgb(3,3,26)
```
#05052c
```
#05052c rgb(5,5,44)
```
#07073d
```
#07073d rgb(7,7,61)
```
#09094f
```
#09094f rgb(9,9,79)
```
#0b0c61
```
#0b0c61 rgb(11,12,97)
```
#0d0e72
```
#0d0e72 rgb(13,14,114)
```
#0f1084
```
#0f1084 rgb(15,16,132)
```
#111296
```
#111296 rgb(17,18,150)
```
#1314a7
```
#1314a7 rgb(19,20,167)
```
#1516b9
```
#1516b9 rgb(21,22,185)
```
#1718ca
```
#1718ca rgb(23,24,202)
```
#191adc
```
#191adc rgb(25,26,220)
```

Shade Color Variation

#2324e6
```
#2324e6 rgb(35,36,230)
```
#3435e8
```
#3435e8 rgb(52,53,232)
```
#4647ea
```
#4647ea rgb(70,71,234)
```
#5758ec
```
#5758ec rgb(87,88,236)
```
#696aee
```
#696aee rgb(105,106,238)
```
#7b7cf0
```
#7b7cf0 rgb(123,124,240)
```
#8c8df2
```
#8c8df2 rgb(140,141,242)
```
#9e9ff4
```
#9e9ff4 rgb(158,159,244)
```
#afb0f6
```
#afb0f6 rgb(175,176,246)
```
#c1c2f8
```
#c1c2f8 rgb(193,194,248)
```
#d3d3fa
```
#d3d3fa rgb(211,211,250)
```
#e4e5fc
```
#e4e5fc rgb(228,229,252)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#a9a9ae
```
#a9a9ae rgb(169,169,174)
```
#a3a3b4
```
#a3a3b4 rgb(163,163,180)
```
#9c9dbb
```
#9c9dbb rgb(156,157,187)
```
#9696c1
```
#9696c1 rgb(150,150,193)
```
#9090c7
```
#9090c7 rgb(144,144,199)
```
#898ace
```
#898ace rgb(137,138,206)
```
#8383d4
```
#8383d4 rgb(131,131,212)
```
#7c7ddb
```
#7c7ddb rgb(124,125,219)
```
#7677e1
```
#7677e1 rgb(118,119,225)
```
#6f70e8
```
#6f70e8 rgb(111,112,232)
```
#696aee
```
#696aee rgb(105,106,238)
```
#6364f4
```
#6364f4 rgb(99,100,244)
```
#5c5dfb
```
#5c5dfb rgb(92,93,251)
```

Tone Color Variation

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

Dichromacy

#007cf5 Protanopia 1% of men
#0083d8 Deuteranopia 1% of men
#428a95 Tritanopia 0.001% of the population

Trichromacy

#2676f2 Protanomaly 1% of men, 0.01% of women
#267ae0 Deuteranomaly 6% of men, 0.4% of women
#507eb5 Tritanomaly 0.01% of the population

#696aee hex color

#696aee Color Information

#696aee Color Conversion

Color Schemes with #696aee

Alternatives to #696aee

#696aee Preview

Shades and Tints of #696aee

Tones of #696aee

Color Blindness Simulator