#696dec hex color

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

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

● #696dec color description : Soft blue.

The hexadecimal color #696dec has RGB values of R:105, G:109, B:236 and CMYK values of C:0.56, M:0.54, Y:0, K:0.07. Its decimal value is 6909420.

Hex triplet	696dec	`#696dec`
RGB Decimal	105, 109, 236	`rgb(105,109,236)`
RGB Percent	41.2, 42.7, 92.5	`rgb(41.2%,42.7%,92.5%)`
CMYK	56, 54, 0, 7
HSL	238.2°, 77.5, 66.9	`hsl(238.2,77.5%,66.9%)`
HSV (or HSB)	238.2°, 55.5, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.832, 33.981, -64.876
XYZ	26.432, 19.996, 81.819
xyY	0.206, 0.156, 19.996
CIE-LCH	51.832, 73.237, 297.645
CIE-LUV	51.832, -8.723, -103.514
Hunter-Lab	44.716, 27.257, -77.183
Binary	01101001, 01101101, 11101100

#696dec
```
#696dec rgb(105,109,236)
```
#ece869
```
#ece869 rgb(236,232,105)
```

Complementary Color

#69afec
```
#69afec rgb(105,175,236)
```
#696dec
```
#696dec rgb(105,109,236)
```
#a769ec
```
#a769ec rgb(167,105,236)
```

Analogous Color

#afec69
```
#afec69 rgb(175,236,105)
```
#696dec
```
#696dec rgb(105,109,236)
```
#eca769
```
#eca769 rgb(236,167,105)
```

Split Complementary Color

#6dec69
```
#6dec69 rgb(109,236,105)
```
#696dec
```
#696dec rgb(105,109,236)
```
#ec696d
```
#ec696d rgb(236,105,109)
```

Triadic Color

#69ece8
```
#69ece8 rgb(105,236,232)
```
#696dec
```
#696dec rgb(105,109,236)
```
#ec696d
```
#ec696d rgb(236,105,109)
```
#ece869
```
#ece869 rgb(236,232,105)
```

Tetradic Color

#252be3
```
#252be3 rgb(37,43,227)
```
#3c41e6
```
#3c41e6 rgb(60,65,230)
```
#5257e9
```
#5257e9 rgb(82,87,233)
```
#696dec
```
#696dec rgb(105,109,236)
```
#8083ef
```
#8083ef rgb(128,131,239)
```
#9699f2
```
#9699f2 rgb(150,153,242)
```
#adaff5
```
#adaff5 rgb(173,175,245)
```

Monochromatic Color

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

#698eec
```
#698eec rgb(105,142,236)
```
#6983ec
```
#6983ec rgb(105,131,236)
```
#6978ec
```
#6978ec rgb(105,120,236)
```
#696dec
```
#696dec rgb(105,109,236)
```
#7069ec
```
#7069ec rgb(112,105,236)
```
#7b69ec
```
#7b69ec rgb(123,105,236)
```
#8669ec
```
#8669ec rgb(134,105,236)
```

Similar Colors

Text with hexadecimal color #696dec

This text has a font color of #696dec.

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

#696dec background color

This paragraph has a background color of #696dec.

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

#696dec border color

This element has a border color of #696dec.

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

CSS codes

.text {color:#696dec;}

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

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

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)
```
#05062a
```
#05062a rgb(5,6,42)
```
#07093b
```
#07093b rgb(7,9,59)
```
#0a0c4c
```
#0a0c4c rgb(10,12,76)
```
#0c0e5e
```
#0c0e5e rgb(12,14,94)
```
#0e116f
```
#0e116f rgb(14,17,111)
```
#101481
```
#101481 rgb(16,20,129)
```
#121692
```
#121692 rgb(18,22,146)
```
#1519a3
```
#1519a3 rgb(21,25,163)
```
#171cb5
```
#171cb5 rgb(23,28,181)
```
#191ec6
```
#191ec6 rgb(25,30,198)
```
#1b21d8
```
#1b21d8 rgb(27,33,216)
```

Shade Color Variation

#2329e3
```
#2329e3 rgb(35,41,227)
```
#353ae5
```
#353ae5 rgb(53,58,229)
```
#464be8
```
#464be8 rgb(70,75,232)
```
#585cea
```
#585cea rgb(88,92,234)
```
#696dec
```
#696dec rgb(105,109,236)
```
#7a7eee
```
#7a7eee rgb(122,126,238)
```
#8c8ff0
```
#8c8ff0 rgb(140,143,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 #5c61f9 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)
```
#8385d2
```
#8385d2 rgb(131,133,210)
```
#7d7fd9
```
#7d7fd9 rgb(125,127,217)
```
#7679df
```
#7679df rgb(118,121,223)
```
#7073e6
```
#7073e6 rgb(112,115,230)
```
#696dec
```
#696dec rgb(105,109,236)
```
#6367f3
```
#6367f3 rgb(99,103,243)
```
#5c61f9
```
#5c61f9 rgb(92,97,249)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#777791 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1c7ef6 Protanopia 1% of men
#0084db Deuteranopia 1% of men
#448c96 Tritanopia 0.001% of the population

Trichromacy

#3878f2 Protanomaly 1% of men, 0.01% of women
#267ce1 Deuteranomaly 6% of men, 0.4% of women
#5280b5 Tritanomaly 0.01% of the population

#696dec hex color

#696dec Color Information

#696dec Color Conversion

Color Schemes with #696dec

Alternatives to #696dec

#696dec Preview

Shades and Tints of #696dec

Tones of #696dec

Color Blindness Simulator