#696beb hex color

In a RGB color space, hex #696beb is composed of 41.2% red, 42% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 54.5% magenta, 0% yellow and 7.8% black. It has a hue angle of 239.1 degrees, a saturation of 76.5% and a lightness of 66.7%. #696beb color hex could be obtained by blending #d2d6ff 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

● #696beb color description : Soft blue.

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

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

CIE-LAB	51.285, 34.867, -65.2
XYZ	26.076, 19.516, 80.986
xyY	0.206, 0.154, 19.516
CIE-LCH	51.285, 73.937, 298.137
CIE-LUV	51.285, -8.114, -103.792
Hunter-Lab	44.177, 28.053, -77.768
Binary	01101001, 01101011, 11101011

#696beb
```
#696beb rgb(105,107,235)
```
#ebe969
```
#ebe969 rgb(235,233,105)
```

Complementary Color

#69aceb
```
#69aceb rgb(105,172,235)
```
#696beb
```
#696beb rgb(105,107,235)
```
#a869eb
```
#a869eb rgb(168,105,235)
```

Analogous Color

#aceb69
```
#aceb69 rgb(172,235,105)
```
#696beb
```
#696beb rgb(105,107,235)
```
#eba869
```
#eba869 rgb(235,168,105)
```

Split Complementary Color

#6beb69
```
#6beb69 rgb(107,235,105)
```
#696beb
```
#696beb rgb(105,107,235)
```
#eb696b
```
#eb696b rgb(235,105,107)
```

Triadic Color

#69ebe9
```
#69ebe9 rgb(105,235,233)
```
#696beb
```
#696beb rgb(105,107,235)
```
#eb696b
```
#eb696b rgb(235,105,107)
```
#ebe969
```
#ebe969 rgb(235,233,105)
```

Tetradic Color

#2628e2
```
#2628e2 rgb(38,40,226)
```
#3c3fe5
```
#3c3fe5 rgb(60,63,229)
```
#5355e8
```
#5355e8 rgb(83,85,232)
```
#696beb
```
#696beb rgb(105,107,235)
```
#8081ee
```
#8081ee rgb(128,129,238)
```
#9697f1
```
#9697f1 rgb(150,151,241)
```
#adaef4
```
#adaef4 rgb(173,174,244)
```

Monochromatic Color

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

#698ceb
```
#698ceb rgb(105,140,235)
```
#6981eb
```
#6981eb rgb(105,129,235)
```
#6976eb
```
#6976eb rgb(105,118,235)
```
#696beb
```
#696beb rgb(105,107,235)
```
#7269eb
```
#7269eb rgb(114,105,235)
```
#7d69eb
```
#7d69eb rgb(125,105,235)
```
#8869eb
```
#8869eb rgb(136,105,235)
```

Similar Colors

Text with hexadecimal color #696beb

This text has a font color of #696beb.

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

#696beb background color

This paragraph has a background color of #696beb.

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

#696beb border color

This element has a border color of #696beb.

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

CSS codes

.text {color:#696beb;}

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

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

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)
```
#030317
```
#030317 rgb(3,3,23)
```
#050628
```
#050628 rgb(5,6,40)
```
#08083a
```
#08083a rgb(8,8,58)
```
#0a0b4b
```
#0a0b4b rgb(10,11,75)
```
#0c0e5c
```
#0c0e5c rgb(12,14,92)
```
#0f106e
```
#0f106e rgb(15,16,110)
```
#11137f
```
#11137f rgb(17,19,127)
```
#131590
```
#131590 rgb(19,21,144)
```
#1618a2
```
#1618a2 rgb(22,24,162)
```
#181ab3
```
#181ab3 rgb(24,26,179)
```
#1a1dc4
```
#1a1dc4 rgb(26,29,196)
```
#1c1fd5
```
#1c1fd5 rgb(28,31,213)
```

Shade Color Variation

#2427e2
```
#2427e2 rgb(36,39,226)
```
#3538e4
```
#3538e4 rgb(53,56,228)
```
#4649e6
```
#4649e6 rgb(70,73,230)
```
#585ae9
```
#585ae9 rgb(88,90,233)
```
#696beb
```
#696beb rgb(105,107,235)
```
#7a7ced
```
#7a7ced rgb(122,124,237)
```
#8c8df0
```
#8c8df0 rgb(140,141,240)
```
#9d9ef2
```
#9d9ef2 rgb(157,158,242)
```
#aeaff4
```
#aeaff4 rgb(174,175,244)
```
#c0c0f7
```
#c0c0f7 rgb(192,192,247)
```
#d1d1f9
```
#d1d1f9 rgb(209,209,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 #5558ff is the most saturated one.

#a4a4b0
```
#a4a4b0 rgb(164,164,176)
```
#9d9eb7
```
#9d9eb7 rgb(157,158,183)
```
#9797bd
```
#9797bd rgb(151,151,189)
```
#9091c4
```
#9091c4 rgb(144,145,196)
```
#8a8bca
```
#8a8bca rgb(138,139,202)
```
#8384d1
```
#8384d1 rgb(131,132,209)
```
#7d7ed7
```
#7d7ed7 rgb(125,126,215)
```
#7678de
```
#7678de rgb(118,120,222)
```
#7071e4
```
#7071e4 rgb(112,113,228)
```
#696beb
```
#696beb rgb(105,107,235)
```
#6265f2
```
#6265f2 rgb(98,101,242)
```
#5c5ef8
```
#5c5ef8 rgb(92,94,248)
```
#5558ff
```
#5558ff rgb(85,88,255)
```

Tone Color Variation

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

#027cf5 Protanopia 1% of men
#0083d9 Deuteranopia 1% of men
#458a94 Tritanopia 0.001% of the population

Trichromacy

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

#696beb hex color

#696beb Color Information

#696beb Color Conversion

Color Schemes with #696beb

Alternatives to #696beb

#696beb Preview

Shades and Tints of #696beb

Tones of #696beb

Color Blindness Simulator