#696cec hex color

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

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

● #696cec color description : Soft blue.

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

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

CIE-LAB	51.592, 34.581, -65.265
XYZ	26.326, 19.783, 81.784
xyY	0.206, 0.155, 19.783
CIE-LCH	51.592, 73.861, 297.917
CIE-LUV	51.592, -8.443, -104.025
Hunter-Lab	44.479, 27.811, -77.883
Binary	01101001, 01101100, 11101100

#696cec
```
#696cec rgb(105,108,236)
```
#ece969
```
#ece969 rgb(236,233,105)
```

Complementary Color

#69aeec
```
#69aeec rgb(105,174,236)
```
#696cec
```
#696cec rgb(105,108,236)
```
#a869ec
```
#a869ec rgb(168,105,236)
```

Analogous Color

#aeec69
```
#aeec69 rgb(174,236,105)
```
#696cec
```
#696cec rgb(105,108,236)
```
#eca869
```
#eca869 rgb(236,168,105)
```

Split Complementary Color

#6cec69
```
#6cec69 rgb(108,236,105)
```
#696cec
```
#696cec rgb(105,108,236)
```
#ec696c
```
#ec696c rgb(236,105,108)
```

Triadic Color

#69ece9
```
#69ece9 rgb(105,236,233)
```
#696cec
```
#696cec rgb(105,108,236)
```
#ec696c
```
#ec696c rgb(236,105,108)
```
#ece969
```
#ece969 rgb(236,233,105)
```

Tetradic Color

#2529e3
```
#2529e3 rgb(37,41,227)
```
#3c40e6
```
#3c40e6 rgb(60,64,230)
```
#5256e9
```
#5256e9 rgb(82,86,233)
```
#696cec
```
#696cec rgb(105,108,236)
```
#8082ef
```
#8082ef rgb(128,130,239)
```
#9698f2
```
#9698f2 rgb(150,152,242)
```
#adaff5
```
#adaff5 rgb(173,175,245)
```

Monochromatic Color

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

#698dec
```
#698dec rgb(105,141,236)
```
#6982ec
```
#6982ec rgb(105,130,236)
```
#6977ec
```
#6977ec rgb(105,119,236)
```
#696cec
```
#696cec rgb(105,108,236)
```
#7169ec
```
#7169ec rgb(113,105,236)
```
#7c69ec
```
#7c69ec rgb(124,105,236)
```
#8769ec
```
#8769ec rgb(135,105,236)
```

Similar Colors

Text with hexadecimal color #696cec

This text has a font color of #696cec.

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

#696cec background color

This paragraph has a background color of #696cec.

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

#696cec border color

This element has a border color of #696cec.

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

CSS codes

.text {color:#696cec;}

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

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

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)
```
#030418
```
#030418 rgb(3,4,24)
```
#05062a
```
#05062a rgb(5,6,42)
```
#07093b
```
#07093b rgb(7,9,59)
```
#0a0b4c
```
#0a0b4c rgb(10,11,76)
```
#0c0e5e
```
#0c0e5e rgb(12,14,94)
```
#0e106f
```
#0e106f rgb(14,16,111)
```
#101381
```
#101381 rgb(16,19,129)
```
#121592
```
#121592 rgb(18,21,146)
```
#1518a3
```
#1518a3 rgb(21,24,163)
```
#171bb5
```
#171bb5 rgb(23,27,181)
```
#191dc6
```
#191dc6 rgb(25,29,198)
```
#1b20d8
```
#1b20d8 rgb(27,32,216)
```

Shade Color Variation

#2328e3
```
#2328e3 rgb(35,40,227)
```
#3539e5
```
#3539e5 rgb(53,57,229)
```
#464ae8
```
#464ae8 rgb(70,74,232)
```
#585bea
```
#585bea rgb(88,91,234)
```
#696cec
```
#696cec rgb(105,108,236)
```
#7a7dee
```
#7a7dee rgb(122,125,238)
```
#8c8ef0
```
#8c8ef0 rgb(140,142,240)
```
#9d9ff3
```
#9d9ff3 rgb(157,159,243)
```
#afb0f5
```
#afb0f5 rgb(175,176,245)
```
#c0c1f7
```
#c0c1f7 rgb(192,193,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 #5c60f9 is the most saturated one.

#aaaaab
```
#aaaaab rgb(170,170,171)
```
#a4a4b2
```
#a4a4b2 rgb(164,164,178)
```
#9d9eb8
```
#9d9eb8 rgb(157,158,184)
```
#9797bf
```
#9797bf rgb(151,151,191)
```
#9091c5
```
#9091c5 rgb(144,145,197)
```
#8a8bcc
```
#8a8bcc rgb(138,139,204)
```
#8385d2
```
#8385d2 rgb(131,133,210)
```
#7d7fd9
```
#7d7fd9 rgb(125,127,217)
```
#7678df
```
#7678df rgb(118,120,223)
```
#7072e6
```
#7072e6 rgb(112,114,230)
```
#696cec
```
#696cec rgb(105,108,236)
```
#6366f3
```
#6366f3 rgb(99,102,243)
```
#5c60f9
```
#5c60f9 rgb(92,96,249)
```

Tone Color Variation

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

#117df6 Protanopia 1% of men
#0084da Deuteranopia 1% of men
#448b95 Tritanopia 0.001% of the population

Trichromacy

#3177f2 Protanomaly 1% of men, 0.01% of women
#267be0 Deuteranomaly 6% of men, 0.4% of women
#5180b5 Tritanomaly 0.01% of the population

#696cec hex color

#696cec Color Information

#696cec Color Conversion

Color Schemes with #696cec

Alternatives to #696cec

#696cec Preview

Shades and Tints of #696cec

Tones of #696cec

Color Blindness Simulator