#696aec hex color

In a RGB color space, hex #696aec is composed of 41.2% red, 41.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 55.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 239.5 degrees, a saturation of 77.5% and a lightness of 66.9%. #696aec color hex could be obtained by blending #d2d4ff with #0000d9. 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

● #696aec color description : Soft blue.

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

Hex triplet	696aec	`#696aec`
RGB Decimal	105, 106, 236	`rgb(105,106,236)`
RGB Percent	41.2, 41.6, 92.5	`rgb(41.2%,41.6%,92.5%)`
CMYK	56, 55, 0, 7
HSL	239.5°, 77.5, 66.9	`hsl(239.5,77.5%,66.9%)`
HSV (or HSB)	239.5°, 55.5, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.113, 35.78, -66.038
XYZ	26.117, 19.366, 81.714
xyY	0.205, 0.152, 19.366
CIE-LCH	51.113, 75.108, 298.449
CIE-LUV	51.113, -7.889, -105.028
Hunter-Lab	44.007, 28.922, -79.286
Binary	01101001, 01101010, 11101100

#696aec
```
#696aec rgb(105,106,236)
```
#eceb69
```
#eceb69 rgb(236,235,105)
```

Complementary Color

#69acec
```
#69acec rgb(105,172,236)
```
#696aec
```
#696aec rgb(105,106,236)
```
#aa69ec
```
#aa69ec rgb(170,105,236)
```

Analogous Color

#acec69
```
#acec69 rgb(172,236,105)
```
#696aec
```
#696aec rgb(105,106,236)
```
#ecaa69
```
#ecaa69 rgb(236,170,105)
```

Split Complementary Color

#6aec69
```
#6aec69 rgb(106,236,105)
```
#696aec
```
#696aec rgb(105,106,236)
```
#ec696a
```
#ec696a rgb(236,105,106)
```

Triadic Color

#69eceb
```
#69eceb rgb(105,236,235)
```
#696aec
```
#696aec rgb(105,106,236)
```
#ec696a
```
#ec696a rgb(236,105,106)
```
#eceb69
```
#eceb69 rgb(236,235,105)
```

Tetradic Color

#2527e3
```
#2527e3 rgb(37,39,227)
```
#3c3de6
```
#3c3de6 rgb(60,61,230)
```
#5254e9
```
#5254e9 rgb(82,84,233)
```
#696aec
```
#696aec rgb(105,106,236)
```
#8080ef
```
#8080ef rgb(128,128,239)
```
#9697f2
```
#9697f2 rgb(150,151,242)
```
#adadf5
```
#adadf5 rgb(173,173,245)
```

Monochromatic Color

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

#698bec
```
#698bec rgb(105,139,236)
```
#6980ec
```
#6980ec rgb(105,128,236)
```
#6975ec
```
#6975ec rgb(105,117,236)
```
#696aec
```
#696aec rgb(105,106,236)
```
#7369ec
```
#7369ec rgb(115,105,236)
```
#7e69ec
```
#7e69ec rgb(126,105,236)
```
#8969ec
```
#8969ec rgb(137,105,236)
```

Similar Colors

Text with hexadecimal color #696aec

This text has a font color of #696aec.

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

#696aec background color

This paragraph has a background color of #696aec.

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

#696aec border color

This element has a border color of #696aec.

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

CSS codes

.text {color:#696aec;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#030318
```
#030318 rgb(3,3,24)
```
#05062a
```
#05062a rgb(5,6,42)
```
#07083b
```
#07083b rgb(7,8,59)
```
#0a0a4c
```
#0a0a4c rgb(10,10,76)
```
#0c0c5e
```
#0c0c5e rgb(12,12,94)
```
#0e0f6f
```
#0e0f6f rgb(14,15,111)
```
#101181
```
#101181 rgb(16,17,129)
```
#121392
```
#121392 rgb(18,19,146)
```
#1516a3
```
#1516a3 rgb(21,22,163)
```
#1718b5
```
#1718b5 rgb(23,24,181)
```
#191ac6
```
#191ac6 rgb(25,26,198)
```
#1b1dd8
```
#1b1dd8 rgb(27,29,216)
```

Shade Color Variation

#2325e3
```
#2325e3 rgb(35,37,227)
```
#3536e5
```
#3536e5 rgb(53,54,229)
```
#4647e8
```
#4647e8 rgb(70,71,232)
```
#5859ea
```
#5859ea rgb(88,89,234)
```
#696aec
```
#696aec rgb(105,106,236)
```
#7a7bee
```
#7a7bee rgb(122,123,238)
```
#8c8df0
```
#8c8df0 rgb(140,141,240)
```
#9d9ef3
```
#9d9ef3 rgb(157,158,243)
```
#afaff5
```
#afaff5 rgb(175,175,245)
```
#c0c0f7
```
#c0c0f7 rgb(192,192,247)
```
#d1d2f9
```
#d1d2f9 rgb(209,210,249)
```
#e3e3fb
```
#e3e3fb rgb(227,227,251)
```
#f4f4fe
```
#f4f4fe rgb(244,244,254)
```

Tint Color Variation

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

#aaaaab
```
#aaaaab rgb(170,170,171)
```
#a4a4b2
```
#a4a4b2 rgb(164,164,178)
```
#9d9db8
```
#9d9db8 rgb(157,157,184)
```
#9797bf
```
#9797bf rgb(151,151,191)
```
#9090c5
```
#9090c5 rgb(144,144,197)
```
#8a8acc
```
#8a8acc rgb(138,138,204)
```
#8384d2
```
#8384d2 rgb(131,132,210)
```
#7d7dd9
```
#7d7dd9 rgb(125,125,217)
```
#7677df
```
#7677df rgb(118,119,223)
```
#7070e6
```
#7070e6 rgb(112,112,230)
```
#696aec
```
#696aec rgb(105,106,236)
```
#6364f3
```
#6364f3 rgb(99,100,243)
```
#5c5df9
```
#5c5df9 rgb(92,93,249)
```

Tone Color Variation

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

#007cf4 Protanopia 1% of men
#0083d8 Deuteranopia 1% of men
#438a94 Tritanopia 0.001% of the population

Trichromacy

#2675f1 Protanomaly 1% of men, 0.01% of women
#267adf Deuteranomaly 6% of men, 0.4% of women
#517eb4 Tritanomaly 0.01% of the population

#696aec hex color

#696aec Color Information

#696aec Color Conversion

Color Schemes with #696aec

Alternatives to #696aec

#696aec Preview

Shades and Tints of #696aec

Tones of #696aec

Color Blindness Simulator