#696afd hex color

In a RGB color space, hex #696afd is composed of 41.2% red, 41.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 58.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 239.6 degrees, a saturation of 97.4% and a lightness of 70.2%. #696afd color hex could be obtained by blending #d2d4ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 42
- B 99
RGB color chart
- C 58
- M 58
- Y 0
- K 1
CMYK color chart

● #696afd color description : Soft blue.

The hexadecimal color #696afd has RGB values of R:105, G:106, B:253 and CMYK values of C:0.58, M:0.58, Y:0, K:0.01. Its decimal value is 6908669.

Hex triplet	696afd	`#696afd`
RGB Decimal	105, 106, 253	`rgb(105,106,253)`
RGB Percent	41.2, 41.6, 99.2	`rgb(41.2%,41.6%,99.2%)`
CMYK	58, 58, 0, 1
HSL	239.6°, 97.4, 70.2	`hsl(239.6,97.4%,70.2%)`
HSV (or HSB)	239.6°, 58.5, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.289, 41.117, -73.605
XYZ	28.706, 20.402, 95.348
xyY	0.199, 0.141, 20.402
CIE-LCH	52.289, 84.311, 299.189
CIE-LUV	52.289, -8.751, -117.292
Hunter-Lab	45.169, 34.397, -93.54
Binary	01101001, 01101010, 11111101

#696afd
```
#696afd rgb(105,106,253)
```
#fdfc69
```
#fdfc69 rgb(253,252,105)
```

Complementary Color

#69b4fd
```
#69b4fd rgb(105,180,253)
```
#696afd
```
#696afd rgb(105,106,253)
```
#b269fd
```
#b269fd rgb(178,105,253)
```

Analogous Color

#b4fd69
```
#b4fd69 rgb(180,253,105)
```
#696afd
```
#696afd rgb(105,106,253)
```
#fdb269
```
#fdb269 rgb(253,178,105)
```

Split Complementary Color

#6afd69
```
#6afd69 rgb(106,253,105)
```
#696afd
```
#696afd rgb(105,106,253)
```
#fd696a
```
#fd696a rgb(253,105,106)
```

Triadic Color

#69fdfc
```
#69fdfc rgb(105,253,252)
```
#696afd
```
#696afd rgb(105,106,253)
```
#fd696a
```
#fd696a rgb(253,105,106)
```
#fdfc69
```
#fdfc69 rgb(253,252,105)
```

Tetradic Color

#1e1ffc
```
#1e1ffc rgb(30,31,252)
```
#3738fc
```
#3738fc rgb(55,56,252)
```
#5051fd
```
#5051fd rgb(80,81,253)
```
#696afd
```
#696afd rgb(105,106,253)
```
#8283fd
```
#8283fd rgb(130,131,253)
```
#9b9cfe
```
#9b9cfe rgb(155,156,254)
```
#b4b5fe
```
#b4b5fe rgb(180,181,254)
```

Monochromatic Color

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

#698ffd
```
#698ffd rgb(105,143,253)
```
#6983fd
```
#6983fd rgb(105,131,253)
```
#6976fd
```
#6976fd rgb(105,118,253)
```
#696afd
```
#696afd rgb(105,106,253)
```
#7469fd
```
#7469fd rgb(116,105,253)
```
#8169fd
```
#8169fd rgb(129,105,253)
```
#8d69fd
```
#8d69fd rgb(141,105,253)
```

Similar Colors

Text with hexadecimal color #696afd

This text has a font color of #696afd.

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

#696afd background color

This paragraph has a background color of #696afd.

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

#696afd border color

This element has a border color of #696afd.

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

CSS codes

.text {color:#696afd;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#000018
```
#000018 rgb(0,0,24)
```
#01012c
```
#01012c rgb(1,1,44)
```
#01013f
```
#01013f rgb(1,1,63)
```
#010252
```
#010252 rgb(1,2,82)
```
#010266
```
#010266 rgb(1,2,102)
```
#020279
```
#020279 rgb(2,2,121)
```
#02038c
```
#02038c rgb(2,3,140)
```
#0203a0
```
#0203a0 rgb(2,3,160)
```
#0204b3
```
#0204b3 rgb(2,4,179)
```
#0304c6
```
#0304c6 rgb(3,4,198)
```
#0304da
```
#0304da rgb(3,4,218)
```
#0305ed
```
#0305ed rgb(3,5,237)
```

Shade Color Variation

#080afc
```
#080afc rgb(8,10,252)
```
#1c1dfc
```
#1c1dfc rgb(28,29,252)
```
#2f30fc
```
#2f30fc rgb(47,48,252)
```
#4244fc
```
#4244fc rgb(66,68,252)
```
#5657fd
```
#5657fd rgb(86,87,253)
```
#696afd
```
#696afd rgb(105,106,253)
```
#7c7dfd
```
#7c7dfd rgb(124,125,253)
```
#9090fe
```
#9090fe rgb(144,144,254)
```
#a3a4fe
```
#a3a4fe rgb(163,164,254)
```
#b6b7fe
```
#b6b7fe rgb(182,183,254)
```
#cacafe
```
#cacafe rgb(202,202,254)
```
#ddddff
```
#ddddff rgb(221,221,255)
```
#f1f1ff
```
#f1f1ff rgb(241,241,255)
```

Tint Color Variation

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

#afafb7
```
#afafb7 rgb(175,175,183)
```
#a9a9bd
```
#a9a9bd rgb(169,169,189)
```
#a3a4c3
```
#a3a4c3 rgb(163,164,195)
```
#9e9ec8
```
#9e9ec8 rgb(158,158,200)
```
#9898ce
```
#9898ce rgb(152,152,206)
```
#9292d4
```
#9292d4 rgb(146,146,212)
```
#8c8dda
```
#8c8dda rgb(140,141,218)
```
#8687e0
```
#8687e0 rgb(134,135,224)
```
#8081e6
```
#8081e6 rgb(128,129,230)
```
#7b7beb
```
#7b7beb rgb(123,123,235)
```
#7576f1
```
#7576f1 rgb(117,118,241)
```
#6f70f7
```
#6f70f7 rgb(111,112,247)
```
#696afd
```
#696afd rgb(105,106,253)
```

Tone Color Variation

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

Dichromacy

#007ff9 Protanopia 1% of men
#0086db Deuteranopia 1% of men
#328e99 Tritanopia 0.001% of the population

Trichromacy

#2677fa Protanomaly 1% of men, 0.01% of women
#267ce7 Deuteranomaly 6% of men, 0.4% of women
#4681bd Tritanomaly 0.01% of the population

#696afd hex color

#696afd Color Information

#696afd Color Conversion

Color Schemes with #696afd

Alternatives to #696afd

#696afd Preview

Shades and Tints of #696afd

Tones of #696afd

Color Blindness Simulator