#696eec hex color

In a RGB color space, hex #696eec is composed of 41.2% red, 43.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 53.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 237.7 degrees, a saturation of 77.5% and a lightness of 66.9%. #696eec color hex could be obtained by blending #d2dcff with #0000d9. Closest websafe color is: #6666ff.

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

● #696eec color description : Soft blue.

The hexadecimal color #696eec has RGB values of R:105, G:110, B:236 and CMYK values of C:0.56, M:0.53, Y:0, K:0.07. Its decimal value is 6909676.

Hex triplet	696eec	`#696eec`
RGB Decimal	105, 110, 236	`rgb(105,110,236)`
RGB Percent	41.2, 43.1, 92.5	`rgb(41.2%,43.1%,92.5%)`
CMYK	56, 53, 0, 7
HSL	237.7°, 77.5, 66.9	`hsl(237.7,77.5%,66.9%)`
HSV (or HSB)	237.7°, 55.5, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.074, 33.38, -64.486
XYZ	26.539, 20.21, 81.855
xyY	0.206, 0.157, 20.21
CIE-LCH	52.074, 72.613, 297.367
CIE-LUV	52.074, -9.006, -102.996
Hunter-Lab	44.956, 26.702, -76.485
Binary	01101001, 01101110, 11101100

#696eec
```
#696eec rgb(105,110,236)
```
#ece769
```
#ece769 rgb(236,231,105)
```

Complementary Color

#69b0ec
```
#69b0ec rgb(105,176,236)
```
#696eec
```
#696eec rgb(105,110,236)
```
#a669ec
```
#a669ec rgb(166,105,236)
```

Analogous Color

#b0ec69
```
#b0ec69 rgb(176,236,105)
```
#696eec
```
#696eec rgb(105,110,236)
```
#eca669
```
#eca669 rgb(236,166,105)
```

Split Complementary Color

#6eec69
```
#6eec69 rgb(110,236,105)
```
#696eec
```
#696eec rgb(105,110,236)
```
#ec696e
```
#ec696e rgb(236,105,110)
```

Triadic Color

#69ece7
```
#69ece7 rgb(105,236,231)
```
#696eec
```
#696eec rgb(105,110,236)
```
#ec696e
```
#ec696e rgb(236,105,110)
```
#ece769
```
#ece769 rgb(236,231,105)
```

Tetradic Color

#252ce3
```
#252ce3 rgb(37,44,227)
```
#3c42e6
```
#3c42e6 rgb(60,66,230)
```
#5258e9
```
#5258e9 rgb(82,88,233)
```
#696eec
```
#696eec rgb(105,110,236)
```
#8084ef
```
#8084ef rgb(128,132,239)
```
#969af2
```
#969af2 rgb(150,154,242)
```
#adb0f5
```
#adb0f5 rgb(173,176,245)
```

Monochromatic Color

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

#698fec
```
#698fec rgb(105,143,236)
```
#6984ec
```
#6984ec rgb(105,132,236)
```
#6979ec
```
#6979ec rgb(105,121,236)
```
#696eec
```
#696eec rgb(105,110,236)
```
#6f69ec
```
#6f69ec rgb(111,105,236)
```
#7a69ec
```
#7a69ec rgb(122,105,236)
```
#8569ec
```
#8569ec rgb(133,105,236)
```

Similar Colors

Text with hexadecimal color #696eec

This text has a font color of #696eec.

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

#696eec background color

This paragraph has a background color of #696eec.

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

#696eec border color

This element has a border color of #696eec.

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

CSS codes

.text {color:#696eec;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#030418
```
#030418 rgb(3,4,24)
```
#05072a
```
#05072a rgb(5,7,42)
```
#07093b
```
#07093b rgb(7,9,59)
```
#0a0c4c
```
#0a0c4c rgb(10,12,76)
```
#0c0f5e
```
#0c0f5e rgb(12,15,94)
```
#0e126f
```
#0e126f rgb(14,18,111)
```
#101581
```
#101581 rgb(16,21,129)
```
#121792
```
#121792 rgb(18,23,146)
```
#151aa3
```
#151aa3 rgb(21,26,163)
```
#171db5
```
#171db5 rgb(23,29,181)
```
#1920c6
```
#1920c6 rgb(25,32,198)
```
#1b22d8
```
#1b22d8 rgb(27,34,216)
```

Shade Color Variation

#232be3
```
#232be3 rgb(35,43,227)
```
#353ce5
```
#353ce5 rgb(53,60,229)
```
#464ce8
```
#464ce8 rgb(70,76,232)
```
#585dea
```
#585dea rgb(88,93,234)
```
#696eec
```
#696eec rgb(105,110,236)
```
#7a7fee
```
#7a7fee rgb(122,127,238)
```
#8c90f0
```
#8c90f0 rgb(140,144,240)
```
#9da0f3
```
#9da0f3 rgb(157,160,243)
```
#afb1f5
```
#afb1f5 rgb(175,177,245)
```
#c0c2f7
```
#c0c2f7 rgb(192,194,247)
```
#d1d3f9
```
#d1d3f9 rgb(209,211,249)
```
#e3e4fb
```
#e3e4fb rgb(227,228,251)
```
#f4f5fe
```
#f4f5fe rgb(244,245,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 #5c62f9 is the most saturated one.

#aaaaab
```
#aaaaab rgb(170,170,171)
```
#a4a4b2
```
#a4a4b2 rgb(164,164,178)
```
#9d9eb8
```
#9d9eb8 rgb(157,158,184)
```
#9798bf
```
#9798bf rgb(151,152,191)
```
#9092c5
```
#9092c5 rgb(144,146,197)
```
#8a8ccc
```
#8a8ccc rgb(138,140,204)
```
#8386d2
```
#8386d2 rgb(131,134,210)
```
#7d80d9
```
#7d80d9 rgb(125,128,217)
```
#767adf
```
#767adf rgb(118,122,223)
```
#7074e6
```
#7074e6 rgb(112,116,230)
```
#696eec
```
#696eec rgb(105,110,236)
```
#6368f3
```
#6368f3 rgb(99,104,243)
```
#5c62f9
```
#5c62f9 rgb(92,98,249)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#777892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#237ef5 Protanopia 1% of men
#0085dc Deuteranopia 1% of men
#458c97 Tritanopia 0.001% of the population

Trichromacy

#3d78f2 Protanomaly 1% of men, 0.01% of women
#267ce2 Deuteranomaly 6% of men, 0.4% of women
#5281b6 Tritanomaly 0.01% of the population

#696eec hex color

#696eec Color Information

#696eec Color Conversion

Color Schemes with #696eec

Alternatives to #696eec

#696eec Preview

Shades and Tints of #696eec

Tones of #696eec

Color Blindness Simulator