#696cfd hex color

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

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

● #696cfd color description : Soft blue.

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

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

CIE-LAB	52.751, 39.936, -72.854
XYZ	28.914, 20.819, 95.418
xyY	0.199, 0.143, 20.819
CIE-LCH	52.751, 83.082, 298.73
CIE-LUV	52.751, -9.265, -116.384
Hunter-Lab	45.628, 33.267, -92.049
Binary	01101001, 01101100, 11111101

#696cfd
```
#696cfd rgb(105,108,253)
```
#fdfa69
```
#fdfa69 rgb(253,250,105)
```

Complementary Color

#69b6fd
```
#69b6fd rgb(105,182,253)
```
#696cfd
```
#696cfd rgb(105,108,253)
```
#b069fd
```
#b069fd rgb(176,105,253)
```

Analogous Color

#b6fd69
```
#b6fd69 rgb(182,253,105)
```
#696cfd
```
#696cfd rgb(105,108,253)
```
#fdb069
```
#fdb069 rgb(253,176,105)
```

Split Complementary Color

#6cfd69
```
#6cfd69 rgb(108,253,105)
```
#696cfd
```
#696cfd rgb(105,108,253)
```
#fd696c
```
#fd696c rgb(253,105,108)
```

Triadic Color

#69fdfa
```
#69fdfa rgb(105,253,250)
```
#696cfd
```
#696cfd rgb(105,108,253)
```
#fd696c
```
#fd696c rgb(253,105,108)
```
#fdfa69
```
#fdfa69 rgb(253,250,105)
```

Tetradic Color

#1e22fc
```
#1e22fc rgb(30,34,252)
```
#373bfc
```
#373bfc rgb(55,59,252)
```
#5053fd
```
#5053fd rgb(80,83,253)
```
#696cfd
```
#696cfd rgb(105,108,253)
```
#8285fd
```
#8285fd rgb(130,133,253)
```
#9b9dfe
```
#9b9dfe rgb(155,157,254)
```
#b4b6fe
```
#b4b6fe rgb(180,182,254)
```

Monochromatic Color

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

#6991fd
```
#6991fd rgb(105,145,253)
```
#6985fd
```
#6985fd rgb(105,133,253)
```
#6978fd
```
#6978fd rgb(105,120,253)
```
#696cfd
```
#696cfd rgb(105,108,253)
```
#7269fd
```
#7269fd rgb(114,105,253)
```
#7f69fd
```
#7f69fd rgb(127,105,253)
```
#8b69fd
```
#8b69fd rgb(139,105,253)
```

Similar Colors

Text with hexadecimal color #696cfd

This text has a font color of #696cfd.

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

#696cfd background color

This paragraph has a background color of #696cfd.

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

#696cfd border color

This element has a border color of #696cfd.

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

CSS codes

.text {color:#696cfd;}

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

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

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)
```
#01012c
```
#01012c rgb(1,1,44)
```
#01023f
```
#01023f rgb(1,2,63)
```
#010352
```
#010352 rgb(1,3,82)
```
#010366
```
#010366 rgb(1,3,102)
```
#020479
```
#020479 rgb(2,4,121)
```
#02058c
```
#02058c rgb(2,5,140)
```
#0205a0
```
#0205a0 rgb(2,5,160)
```
#0206b3
```
#0206b3 rgb(2,6,179)
```
#0307c6
```
#0307c6 rgb(3,7,198)
```
#0307da
```
#0307da rgb(3,7,218)
```
#0308ed
```
#0308ed rgb(3,8,237)
```

Shade Color Variation

#080dfc
```
#080dfc rgb(8,13,252)
```
#1c20fc
```
#1c20fc rgb(28,32,252)
```
#2f33fc
```
#2f33fc rgb(47,51,252)
```
#4246fc
```
#4246fc rgb(66,70,252)
```
#5659fd
```
#5659fd rgb(86,89,253)
```
#696cfd
```
#696cfd rgb(105,108,253)
```
#7c7ffd
```
#7c7ffd rgb(124,127,253)
```
#9092fe
```
#9092fe rgb(144,146,254)
```
#a3a5fe
```
#a3a5fe rgb(163,165,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 #696cfd is the most saturated one.

#afafb7
```
#afafb7 rgb(175,175,183)
```
#a9aabd
```
#a9aabd rgb(169,170,189)
```
#a3a4c3
```
#a3a4c3 rgb(163,164,195)
```
#9e9ec8
```
#9e9ec8 rgb(158,158,200)
```
#9899ce
```
#9899ce rgb(152,153,206)
```
#9293d4
```
#9293d4 rgb(146,147,212)
```
#8c8eda
```
#8c8eda rgb(140,142,218)
```
#8688e0
```
#8688e0 rgb(134,136,224)
```
#8082e6
```
#8082e6 rgb(128,130,230)
```
#7b7deb
```
#7b7deb rgb(123,125,235)
```
#7577f1
```
#7577f1 rgb(117,119,241)
```
#6f72f7
```
#6f72f7 rgb(111,114,247)
```
#696cfd
```
#696cfd rgb(105,108,253)
```

Tone Color Variation

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

#0080fb Protanopia 1% of men
#0087dd Deuteranopia 1% of men
#33909a Tritanopia 0.001% of the population

Trichromacy

#2679fc Protanomaly 1% of men, 0.01% of women
#267de8 Deuteranomaly 6% of men, 0.4% of women
#4682be Tritanomaly 0.01% of the population

#696cfd hex color

#696cfd Color Information

#696cfd Color Conversion

Color Schemes with #696cfd

Alternatives to #696cfd

#696cfd Preview

Shades and Tints of #696cfd

Tones of #696cfd

Color Blindness Simulator