#696ce6 hex color

In a RGB color space, hex #696ce6 is composed of 41.2% red, 42.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 53% magenta, 0% yellow and 9.8% black. It has a hue angle of 238.6 degrees, a saturation of 71.4% and a lightness of 65.7%. #696ce6 color hex could be obtained by blending #d2d8ff with #0000cd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 42
- B 90
RGB color chart
- C 54
- M 53
- Y 0
- K 10
CMYK color chart

● #696ce6 color description : Soft blue.

The hexadecimal color #696ce6 has RGB values of R:105, G:108, B:230 and CMYK values of C:0.54, M:0.53, Y:0, K:0.1. Its decimal value is 6909158.

Hex triplet	696ce6	`#696ce6`
RGB Decimal	105, 108, 230	`rgb(105,108,230)`
RGB Percent	41.2, 42.4, 90.2	`rgb(41.2%,42.4%,90.2%)`
CMYK	54, 53, 0, 10
HSL	238.6°, 71.4, 65.7	`hsl(238.6,71.4%,65.7%)`
HSV (or HSB)	238.6°, 54.3, 90.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.199, 32.698, -62.533
XYZ	25.468, 19.441, 77.269
xyY	0.208, 0.159, 19.441
CIE-LCH	51.199, 70.566, 297.604
CIE-LUV	51.199, -8.146, -99.552
Hunter-Lab	44.091, 25.946, -73.04
Binary	01101001, 01101100, 11100110

#696ce6
```
#696ce6 rgb(105,108,230)
```
#e6e369
```
#e6e369 rgb(230,227,105)
```

Complementary Color

#69abe6
```
#69abe6 rgb(105,171,230)
```
#696ce6
```
#696ce6 rgb(105,108,230)
```
#a569e6
```
#a569e6 rgb(165,105,230)
```

Analogous Color

#abe669
```
#abe669 rgb(171,230,105)
```
#696ce6
```
#696ce6 rgb(105,108,230)
```
#e6a569
```
#e6a569 rgb(230,165,105)
```

Split Complementary Color

#6ce669
```
#6ce669 rgb(108,230,105)
```
#696ce6
```
#696ce6 rgb(105,108,230)
```
#e6696c
```
#e6696c rgb(230,105,108)
```

Triadic Color

#69e6e3
```
#69e6e3 rgb(105,230,227)
```
#696ce6
```
#696ce6 rgb(105,108,230)
```
#e6696c
```
#e6696c rgb(230,105,108)
```
#e6e369
```
#e6e369 rgb(230,227,105)
```

Tetradic Color

#272cdb
```
#272cdb rgb(39,44,219)
```
#3d41df
```
#3d41df rgb(61,65,223)
```
#5357e2
```
#5357e2 rgb(83,87,226)
```
#696ce6
```
#696ce6 rgb(105,108,230)
```
#7f81ea
```
#7f81ea rgb(127,129,234)
```
#9597ed
```
#9597ed rgb(149,151,237)
```
#abacf1
```
#abacf1 rgb(171,172,241)
```

Monochromatic Color

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

#698be6
```
#698be6 rgb(105,139,230)
```
#6981e6
```
#6981e6 rgb(105,129,230)
```
#6976e6
```
#6976e6 rgb(105,118,230)
```
#696ce6
```
#696ce6 rgb(105,108,230)
```
#7069e6
```
#7069e6 rgb(112,105,230)
```
#7b69e6
```
#7b69e6 rgb(123,105,230)
```
#8569e6
```
#8569e6 rgb(133,105,230)
```

Similar Colors

Text with hexadecimal color #696ce6

This text has a font color of #696ce6.

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

#696ce6 background color

This paragraph has a background color of #696ce6.

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

#696ce6 border color

This element has a border color of #696ce6.

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

CSS codes

.text {color:#696ce6;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030312
```
#030312 rgb(3,3,18)
```
#060723
```
#060723 rgb(6,7,35)
```
#090a34
```
#090a34 rgb(9,10,52)
```
#0b0d45
```
#0b0d45 rgb(11,13,69)
```
#0e1055
```
#0e1055 rgb(14,16,85)
```
#111366
```
#111366 rgb(17,19,102)
```
#141677
```
#141677 rgb(20,22,119)
```
#171988
```
#171988 rgb(23,25,136)
```
#191c99
```
#191c99 rgb(25,28,153)
```
#1c20a9
```
#1c20a9 rgb(28,32,169)
```
#1f23ba
```
#1f23ba rgb(31,35,186)
```
#2226cb
```
#2226cb rgb(34,38,203)
```

Shade Color Variation

#262adb
```
#262adb rgb(38,42,219)
```
#373bde
```
#373bde rgb(55,59,222)
```
#474be0
```
#474be0 rgb(71,75,224)
```
#585ce3
```
#585ce3 rgb(88,92,227)
```
#696ce6
```
#696ce6 rgb(105,108,230)
```
#7a7ce9
```
#7a7ce9 rgb(122,124,233)
```
#8b8dec
```
#8b8dec rgb(139,141,236)
```
#9b9dee
```
#9b9dee rgb(155,157,238)
```
#acaef1
```
#acaef1 rgb(172,174,241)
```
#bdbef4
```
#bdbef4 rgb(189,190,244)
```
#cecff7
```
#cecff7 rgb(206,207,247)
```
#dfdffa
```
#dfdffa rgb(223,223,250)
```
#f0f0fc
```
#f0f0fc rgb(240,240,252)
```

Tint Color Variation

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

#a6a6a9
```
#a6a6a9 rgb(166,166,169)
```
#9f9fb0
```
#9f9fb0 rgb(159,159,176)
```
#9899b7
```
#9899b7 rgb(152,153,183)
```
#9192be
```
#9192be rgb(145,146,190)
```
#8b8cc4
```
#8b8cc4 rgb(139,140,196)
```
#8486cb
```
#8486cb rgb(132,134,203)
```
#7d7fd2
```
#7d7fd2 rgb(125,127,210)
```
#7679d9
```
#7679d9 rgb(118,121,217)
```
#7072df
```
#7072df rgb(112,114,223)
```
#696ce6
```
#696ce6 rgb(105,108,230)
```
#6266ed
```
#6266ed rgb(98,102,237)
```
#5c5ff3
```
#5c5ff3 rgb(92,95,243)
```
#5559fa
```
#5559fa rgb(85,89,250)
```

Tone Color Variation

Below, you can see how #696ce6 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
#76768f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a7def Protanopia 1% of men
#0083d9 Deuteranopia 1% of men
#498a94 Tritanopia 0.001% of the population

Trichromacy

#4076ec Protanomaly 1% of men, 0.01% of women
#267add Deuteranomaly 6% of men, 0.4% of women
#547fb1 Tritanomaly 0.01% of the population

#696ce6 hex color

#696ce6 Color Information

#696ce6 Color Conversion

Color Schemes with #696ce6

Alternatives to #696ce6

#696ce6 Preview

Shades and Tints of #696ce6

Tones of #696ce6

Color Blindness Simulator