#696bfd hex color

In a RGB color space, hex #696bfd is composed of 41.2% red, 42% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 57.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 239.2 degrees, a saturation of 97.4% and a lightness of 70.2%. #696bfd color hex could be obtained by blending #d2d6ff 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

● #696bfd color description : Soft blue.

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

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

CIE-LAB	52.519, 40.527, -73.23
XYZ	28.81, 20.609, 95.383
xyY	0.199, 0.142, 20.609
CIE-LCH	52.519, 83.697, 298.961
CIE-LUV	52.519, -9.007, -116.841
Hunter-Lab	45.397, 33.832, -92.794
Binary	01101001, 01101011, 11111101

#696bfd
```
#696bfd rgb(105,107,253)
```
#fdfb69
```
#fdfb69 rgb(253,251,105)
```

Complementary Color

#69b5fd
```
#69b5fd rgb(105,181,253)
```
#696bfd
```
#696bfd rgb(105,107,253)
```
#b169fd
```
#b169fd rgb(177,105,253)
```

Analogous Color

#b5fd69
```
#b5fd69 rgb(181,253,105)
```
#696bfd
```
#696bfd rgb(105,107,253)
```
#fdb169
```
#fdb169 rgb(253,177,105)
```

Split Complementary Color

#6bfd69
```
#6bfd69 rgb(107,253,105)
```
#696bfd
```
#696bfd rgb(105,107,253)
```
#fd696b
```
#fd696b rgb(253,105,107)
```

Triadic Color

#69fdfb
```
#69fdfb rgb(105,253,251)
```
#696bfd
```
#696bfd rgb(105,107,253)
```
#fd696b
```
#fd696b rgb(253,105,107)
```
#fdfb69
```
#fdfb69 rgb(253,251,105)
```

Tetradic Color

#1e21fc
```
#1e21fc rgb(30,33,252)
```
#3739fc
```
#3739fc rgb(55,57,252)
```
#5052fd
```
#5052fd rgb(80,82,253)
```
#696bfd
```
#696bfd rgb(105,107,253)
```
#8284fd
```
#8284fd rgb(130,132,253)
```
#9b9dfe
```
#9b9dfe rgb(155,157,254)
```
#b4b5fe
```
#b4b5fe rgb(180,181,254)
```

Monochromatic Color

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

#6990fd
```
#6990fd rgb(105,144,253)
```
#6984fd
```
#6984fd rgb(105,132,253)
```
#6977fd
```
#6977fd rgb(105,119,253)
```
#696bfd
```
#696bfd rgb(105,107,253)
```
#7369fd
```
#7369fd rgb(115,105,253)
```
#8069fd
```
#8069fd rgb(128,105,253)
```
#8c69fd
```
#8c69fd rgb(140,105,253)
```

Similar Colors

Text with hexadecimal color #696bfd

This text has a font color of #696bfd.

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

#696bfd background color

This paragraph has a background color of #696bfd.

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

#696bfd border color

This element has a border color of #696bfd.

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

CSS codes

.text {color:#696bfd;}

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

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

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)
```
#010252
```
#010252 rgb(1,2,82)
```
#010366
```
#010366 rgb(1,3,102)
```
#020379
```
#020379 rgb(2,3,121)
```
#02048c
```
#02048c rgb(2,4,140)
```
#0204a0
```
#0204a0 rgb(2,4,160)
```
#0205b3
```
#0205b3 rgb(2,5,179)
```
#0305c6
```
#0305c6 rgb(3,5,198)
```
#0306da
```
#0306da rgb(3,6,218)
```
#0306ed
```
#0306ed rgb(3,6,237)
```

Shade Color Variation

#080cfc
```
#080cfc rgb(8,12,252)
```
#1c1ffc
```
#1c1ffc rgb(28,31,252)
```
#2f32fc
```
#2f32fc rgb(47,50,252)
```
#4245fc
```
#4245fc rgb(66,69,252)
```
#5658fd
```
#5658fd rgb(86,88,253)
```
#696bfd
```
#696bfd rgb(105,107,253)
```
#7c7efd
```
#7c7efd rgb(124,126,253)
```
#9091fe
```
#9091fe rgb(144,145,254)
```
#a3a4fe
```
#a3a4fe rgb(163,164,254)
```
#b6b7fe
```
#b6b7fe rgb(182,183,254)
```
#cacafe
```
#cacafe rgb(202,202,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 #696bfd 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)
```
#8c8dda
```
#8c8dda rgb(140,141,218)
```
#8687e0
```
#8687e0 rgb(134,135,224)
```
#8082e6
```
#8082e6 rgb(128,130,230)
```
#7b7ceb
```
#7b7ceb rgb(123,124,235)
```
#7576f1
```
#7576f1 rgb(117,118,241)
```
#6f71f7
```
#6f71f7 rgb(111,113,247)
```
#696bfd
```
#696bfd rgb(105,107,253)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#777895 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ffa Protanopia 1% of men
#0086dc Deuteranopia 1% of men
#338f9a Tritanopia 0.001% of the population

Trichromacy

#2678fb Protanomaly 1% of men, 0.01% of women
#267ce8 Deuteranomaly 6% of men, 0.4% of women
#4682be Tritanomaly 0.01% of the population

#696bfd hex color

#696bfd Color Information

#696bfd Color Conversion

Color Schemes with #696bfd

Alternatives to #696bfd

#696bfd Preview

Shades and Tints of #696bfd

Tones of #696bfd

Color Blindness Simulator