#696dfd hex color

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

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

● #696dfd color description : Soft blue.

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

Hex triplet	696dfd	`#696dfd`
RGB Decimal	105, 109, 253	`rgb(105,109,253)`
RGB Percent	41.2, 42.7, 99.2	`rgb(41.2%,42.7%,99.2%)`
CMYK	58, 57, 0, 1
HSL	238.4°, 97.4, 70.2	`hsl(238.4,97.4%,70.2%)`
HSV (or HSB)	238.4°, 58.5, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.984, 39.343, -72.477
XYZ	29.02, 21.031, 95.453
xyY	0.199, 0.145, 21.031
CIE-LCH	52.984, 82.467, 298.495
CIE-LUV	52.984, -9.526, -115.919
Hunter-Lab	45.86, 32.702, -91.306
Binary	01101001, 01101101, 11111101

#696dfd
```
#696dfd rgb(105,109,253)
```
#fdf969
```
#fdf969 rgb(253,249,105)
```

Complementary Color

#69b7fd
```
#69b7fd rgb(105,183,253)
```
#696dfd
```
#696dfd rgb(105,109,253)
```
#af69fd
```
#af69fd rgb(175,105,253)
```

Analogous Color

#b7fd69
```
#b7fd69 rgb(183,253,105)
```
#696dfd
```
#696dfd rgb(105,109,253)
```
#fdaf69
```
#fdaf69 rgb(253,175,105)
```

Split Complementary Color

#6dfd69
```
#6dfd69 rgb(109,253,105)
```
#696dfd
```
#696dfd rgb(105,109,253)
```
#fd696d
```
#fd696d rgb(253,105,109)
```

Triadic Color

#69fdf9
```
#69fdf9 rgb(105,253,249)
```
#696dfd
```
#696dfd rgb(105,109,253)
```
#fd696d
```
#fd696d rgb(253,105,109)
```
#fdf969
```
#fdf969 rgb(253,249,105)
```

Tetradic Color

#1e24fc
```
#1e24fc rgb(30,36,252)
```
#373cfc
```
#373cfc rgb(55,60,252)
```
#5055fd
```
#5055fd rgb(80,85,253)
```
#696dfd
```
#696dfd rgb(105,109,253)
```
#8285fd
```
#8285fd rgb(130,133,253)
```
#9b9efe
```
#9b9efe rgb(155,158,254)
```
#b4b6fe
```
#b4b6fe rgb(180,182,254)
```

Monochromatic Color

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

#6992fd
```
#6992fd rgb(105,146,253)
```
#6986fd
```
#6986fd rgb(105,134,253)
```
#6979fd
```
#6979fd rgb(105,121,253)
```
#696dfd
```
#696dfd rgb(105,109,253)
```
#7169fd
```
#7169fd rgb(113,105,253)
```
#7e69fd
```
#7e69fd rgb(126,105,253)
```
#8a69fd
```
#8a69fd rgb(138,105,253)
```

Similar Colors

Text with hexadecimal color #696dfd

This text has a font color of #696dfd.

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

#696dfd background color

This paragraph has a background color of #696dfd.

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

#696dfd border color

This element has a border color of #696dfd.

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

CSS codes

.text {color:#696dfd;}

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

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

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)
```
#000118
```
#000118 rgb(0,1,24)
```
#01022c
```
#01022c rgb(1,2,44)
```
#01033f
```
#01033f rgb(1,3,63)
```
#010352
```
#010352 rgb(1,3,82)
```
#010466
```
#010466 rgb(1,4,102)
```
#020579
```
#020579 rgb(2,5,121)
```
#02068c
```
#02068c rgb(2,6,140)
```
#0206a0
```
#0206a0 rgb(2,6,160)
```
#0207b3
```
#0207b3 rgb(2,7,179)
```
#0308c6
```
#0308c6 rgb(3,8,198)
```
#0309da
```
#0309da rgb(3,9,218)
```
#0309ed
```
#0309ed rgb(3,9,237)
```

Shade Color Variation

#080ffc
```
#080ffc rgb(8,15,252)
```
#1c22fc
```
#1c22fc rgb(28,34,252)
```
#2f34fc
```
#2f34fc rgb(47,52,252)
```
#4247fc
```
#4247fc rgb(66,71,252)
```
#565afd
```
#565afd rgb(86,90,253)
```
#696dfd
```
#696dfd rgb(105,109,253)
```
#7c80fd
```
#7c80fd rgb(124,128,253)
```
#9093fe
```
#9093fe rgb(144,147,254)
```
#a3a6fe
```
#a3a6fe rgb(163,166,254)
```
#b6b8fe
```
#b6b8fe rgb(182,184,254)
```
#cacbfe
```
#cacbfe rgb(202,203,254)
```
#dddeff
```
#dddeff rgb(221,222,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 #696dfd is the most saturated one.

#afafb7
```
#afafb7 rgb(175,175,183)
```
#a9aabd
```
#a9aabd rgb(169,170,189)
```
#a3a4c3
```
#a3a4c3 rgb(163,164,195)
```
#9e9fc8
```
#9e9fc8 rgb(158,159,200)
```
#9899ce
```
#9899ce rgb(152,153,206)
```
#9294d4
```
#9294d4 rgb(146,148,212)
```
#8c8eda
```
#8c8eda rgb(140,142,218)
```
#8689e0
```
#8689e0 rgb(134,137,224)
```
#8083e6
```
#8083e6 rgb(128,131,230)
```
#7b7eeb
```
#7b7eeb rgb(123,126,235)
```
#7578f1
```
#7578f1 rgb(117,120,241)
```
#6f73f7
```
#6f73f7 rgb(111,115,247)
```
#696dfd
```
#696dfd rgb(105,109,253)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#787996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fd Protanopia 1% of men
#0088de Deuteranopia 1% of men
#34909b Tritanopia 0.001% of the population

Trichromacy

#2679fd Protanomaly 1% of men, 0.01% of women
#267ee9 Deuteranomaly 6% of men, 0.4% of women
#4783be Tritanomaly 0.01% of the population

#696dfd hex color

#696dfd Color Information

#696dfd Color Conversion

Color Schemes with #696dfd

Alternatives to #696dfd

#696dfd Preview

Shades and Tints of #696dfd

Tones of #696dfd

Color Blindness Simulator