#696ceb hex color

In a RGB color space, hex #696ceb is composed of 41.2% red, 42.4% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 54% magenta, 0% yellow and 7.8% black. It has a hue angle of 238.6 degrees, a saturation of 76.5% and a lightness of 66.7%. #696ceb color hex could be obtained by blending #d2d8ff with #0000d7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 42
- B 92
RGB color chart
- C 55
- M 54
- Y 0
- K 8
CMYK color chart

● #696ceb color description : Soft blue.

The hexadecimal color #696ceb has RGB values of R:105, G:108, B:235 and CMYK values of C:0.55, M:0.54, Y:0, K:0.08. Its decimal value is 6909163.

Hex triplet	696ceb	`#696ceb`
RGB Decimal	105, 108, 235	`rgb(105,108,235)`
RGB Percent	41.2, 42.4, 92.2	`rgb(41.2%,42.4%,92.2%)`
CMYK	55, 54, 0, 8
HSL	238.6°, 76.5, 66.7	`hsl(238.6,76.5%,66.7%)`
HSV (or HSB)	238.6°, 55.3, 92.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.525, 34.267, -64.812
XYZ	26.181, 19.726, 81.021
xyY	0.206, 0.155, 19.726
CIE-LCH	51.525, 73.313, 297.866
CIE-LUV	51.525, -8.393, -103.284
Hunter-Lab	44.413, 27.498, -77.07
Binary	01101001, 01101100, 11101011

#696ceb
```
#696ceb rgb(105,108,235)
```
#ebe869
```
#ebe869 rgb(235,232,105)
```

Complementary Color

#69adeb
```
#69adeb rgb(105,173,235)
```
#696ceb
```
#696ceb rgb(105,108,235)
```
#a769eb
```
#a769eb rgb(167,105,235)
```

Analogous Color

#adeb69
```
#adeb69 rgb(173,235,105)
```
#696ceb
```
#696ceb rgb(105,108,235)
```
#eba769
```
#eba769 rgb(235,167,105)
```

Split Complementary Color

#6ceb69
```
#6ceb69 rgb(108,235,105)
```
#696ceb
```
#696ceb rgb(105,108,235)
```
#eb696c
```
#eb696c rgb(235,105,108)
```

Triadic Color

#69ebe8
```
#69ebe8 rgb(105,235,232)
```
#696ceb
```
#696ceb rgb(105,108,235)
```
#eb696c
```
#eb696c rgb(235,105,108)
```
#ebe869
```
#ebe869 rgb(235,232,105)
```

Tetradic Color

#262ae2
```
#262ae2 rgb(38,42,226)
```
#3c40e5
```
#3c40e5 rgb(60,64,229)
```
#5356e8
```
#5356e8 rgb(83,86,232)
```
#696ceb
```
#696ceb rgb(105,108,235)
```
#8082ee
```
#8082ee rgb(128,130,238)
```
#9698f1
```
#9698f1 rgb(150,152,241)
```
#adaef4
```
#adaef4 rgb(173,174,244)
```

Monochromatic Color

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

#698deb
```
#698deb rgb(105,141,235)
```
#6982eb
```
#6982eb rgb(105,130,235)
```
#6977eb
```
#6977eb rgb(105,119,235)
```
#696ceb
```
#696ceb rgb(105,108,235)
```
#7169eb
```
#7169eb rgb(113,105,235)
```
#7c69eb
```
#7c69eb rgb(124,105,235)
```
#8769eb
```
#8769eb rgb(135,105,235)
```

Similar Colors

Text with hexadecimal color #696ceb

This text has a font color of #696ceb.

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

#696ceb background color

This paragraph has a background color of #696ceb.

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

#696ceb border color

This element has a border color of #696ceb.

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

CSS codes

.text {color:#696ceb;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#030417
```
#030417 rgb(3,4,23)
```
#050628
```
#050628 rgb(5,6,40)
```
#08093a
```
#08093a rgb(8,9,58)
```
#0a0c4b
```
#0a0c4b rgb(10,12,75)
```
#0c0e5c
```
#0c0e5c rgb(12,14,92)
```
#0f116e
```
#0f116e rgb(15,17,110)
```
#11137f
```
#11137f rgb(17,19,127)
```
#131690
```
#131690 rgb(19,22,144)
```
#1619a2
```
#1619a2 rgb(22,25,162)
```
#181bb3
```
#181bb3 rgb(24,27,179)
```
#1a1ec4
```
#1a1ec4 rgb(26,30,196)
```
#1c21d5
```
#1c21d5 rgb(28,33,213)
```

Shade Color Variation

#2428e2
```
#2428e2 rgb(36,40,226)
```
#3539e4
```
#3539e4 rgb(53,57,228)
```
#464ae6
```
#464ae6 rgb(70,74,230)
```
#585be9
```
#585be9 rgb(88,91,233)
```
#696ceb
```
#696ceb rgb(105,108,235)
```
#7a7ded
```
#7a7ded rgb(122,125,237)
```
#8c8ef0
```
#8c8ef0 rgb(140,142,240)
```
#9d9ff2
```
#9d9ff2 rgb(157,159,242)
```
#aeb0f4
```
#aeb0f4 rgb(174,176,244)
```
#c0c1f7
```
#c0c1f7 rgb(192,193,247)
```
#d1d2f9
```
#d1d2f9 rgb(209,210,249)
```
#e2e3fb
```
#e2e3fb rgb(226,227,251)
```
#f3f4fd
```
#f3f4fd rgb(243,244,253)
```

Tint Color Variation

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

#a4a4b0
```
#a4a4b0 rgb(164,164,176)
```
#9d9eb7
```
#9d9eb7 rgb(157,158,183)
```
#9798bd
```
#9798bd rgb(151,152,189)
```
#9091c4
```
#9091c4 rgb(144,145,196)
```
#8a8bca
```
#8a8bca rgb(138,139,202)
```
#8385d1
```
#8385d1 rgb(131,133,209)
```
#7d7fd7
```
#7d7fd7 rgb(125,127,215)
```
#7678de
```
#7678de rgb(118,120,222)
```
#7072e4
```
#7072e4 rgb(112,114,228)
```
#696ceb
```
#696ceb rgb(105,108,235)
```
#6266f2
```
#6266f2 rgb(98,102,242)
```
#5c60f8
```
#5c60f8 rgb(92,96,248)
```
#5559ff
```
#5559ff rgb(85,89,255)
```

Tone Color Variation

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

#187df5 Protanopia 1% of men
#0084da Deuteranopia 1% of men
#458b95 Tritanopia 0.001% of the population

Trichromacy

#3577f1 Protanomaly 1% of men, 0.01% of women
#267be0 Deuteranomaly 6% of men, 0.4% of women
#527fb4 Tritanomaly 0.01% of the population

#696ceb hex color

#696ceb Color Information

#696ceb Color Conversion

Color Schemes with #696ceb

Alternatives to #696ceb

#696ceb Preview

Shades and Tints of #696ceb

Tones of #696ceb

Color Blindness Simulator