#696bc4 hex color

In a RGB color space, hex #696bc4 is composed of 41.2% red, 42% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 45.4% magenta, 0% yellow and 23.1% black. It has a hue angle of 238.7 degrees, a saturation of 43.5% and a lightness of 59%. #696bc4 color hex could be obtained by blending #d2d6ff with #000089. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 42
- B 77
RGB color chart
- C 46
- M 45
- Y 0
- K 23
CMYK color chart

● #696bc4 color description : Slightly desaturated blue.

The hexadecimal color #696bc4 has RGB values of R:105, G:107, B:196 and CMYK values of C:0.46, M:0.45, Y:0, K:0.23. Its decimal value is 6908868.

Hex triplet	696bc4	`#696bc4`
RGB Decimal	105, 107, 196	`rgb(105,107,196)`
RGB Percent	41.2, 42, 76.9	`rgb(41.2%,42%,76.9%)`
CMYK	46, 45, 0, 23
HSL	238.7°, 43.5, 59	`hsl(238.7,43.5%,59%)`
HSV (or HSB)	238.7°, 46.4, 76.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.888, 22.797, -46.912
XYZ	21.045, 17.504, 54.491
xyY	0.226, 0.188, 17.504
CIE-LCH	48.888, 52.158, 295.918
CIE-LUV	48.888, -6.067, -73.706
Hunter-Lab	41.837, 16.575, -47.937
Binary	01101001, 01101011, 11000100

#696bc4
```
#696bc4 rgb(105,107,196)
```
#c4c269
```
#c4c269 rgb(196,194,105)
```

Complementary Color

#6999c4
```
#6999c4 rgb(105,153,196)
```
#696bc4
```
#696bc4 rgb(105,107,196)
```
#9569c4
```
#9569c4 rgb(149,105,196)
```

Analogous Color

#99c469
```
#99c469 rgb(153,196,105)
```
#696bc4
```
#696bc4 rgb(105,107,196)
```
#c49569
```
#c49569 rgb(196,149,105)
```

Split Complementary Color

#6bc469
```
#6bc469 rgb(107,196,105)
```
#696bc4
```
#696bc4 rgb(105,107,196)
```
#c4696b
```
#c4696b rgb(196,105,107)
```

Triadic Color

#69c4c2
```
#69c4c2 rgb(105,196,194)
```
#696bc4
```
#696bc4 rgb(105,107,196)
```
#c4696b
```
#c4696b rgb(196,105,107)
```
#c4c269
```
#c4c269 rgb(196,194,105)
```

Tetradic Color

#3f42a1
```
#3f42a1 rgb(63,66,161)
```
#4749b3
```
#4749b3 rgb(71,73,179)
```
#5759bd
```
#5759bd rgb(87,89,189)
```
#696bc4
```
#696bc4 rgb(105,107,196)
```
#7b7dcb
```
#7b7dcb rgb(123,125,203)
```
#8e8fd2
```
#8e8fd2 rgb(142,143,210)
```
#a0a1da
```
#a0a1da rgb(160,161,218)
```

Monochromatic Color

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

#6982c4
```
#6982c4 rgb(105,130,196)
```
#697ac4
```
#697ac4 rgb(105,122,196)
```
#6973c4
```
#6973c4 rgb(105,115,196)
```
#696bc4
```
#696bc4 rgb(105,107,196)
```
#6f69c4
```
#6f69c4 rgb(111,105,196)
```
#7669c4
```
#7669c4 rgb(118,105,196)
```
#7e69c4
```
#7e69c4 rgb(126,105,196)
```

Similar Colors

Text with hexadecimal color #696bc4

This text has a font color of #696bc4.

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

#696bc4 background color

This paragraph has a background color of #696bc4.

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

#696bc4 border color

This element has a border color of #696bc4.

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

CSS codes

.text {color:#696bc4;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#070813
```
#070813 rgb(7,8,19)
```
#0d0d21
```
#0d0d21 rgb(13,13,33)
```
#13132f
```
#13132f rgb(19,19,47)
```
#18193d
```
#18193d rgb(24,25,61)
```
#1e1f4b
```
#1e1f4b rgb(30,31,75)
```
#232459
```
#232459 rgb(35,36,89)
```
#292a67
```
#292a67 rgb(41,42,103)
```
#2e3075
```
#2e3075 rgb(46,48,117)
```
#343684
```
#343684 rgb(52,54,132)
```
#393b92
```
#393b92 rgb(57,59,146)
```
#3f41a0
```
#3f41a0 rgb(63,65,160)
```
#4447ae
```
#4447ae rgb(68,71,174)
```

Shade Color Variation

#4d4fb9
```
#4d4fb9 rgb(77,79,185)
```
#5b5dbe
```
#5b5dbe rgb(91,93,190)
```
#696bc4
```
#696bc4 rgb(105,107,196)
```
#7779ca
```
#7779ca rgb(119,121,202)
```
#8587cf
```
#8587cf rgb(133,135,207)
```
#9395d5
```
#9395d5 rgb(147,149,213)
```
#a1a3da
```
#a1a3da rgb(161,163,218)
```
#afb0e0
```
#afb0e0 rgb(175,176,224)
```
#bdbee5
```
#bdbee5 rgb(189,190,229)
```
#cccceb
```
#cccceb rgb(204,204,235)
```
#dadaf0
```
#dadaf0 rgb(218,218,240)
```
#e8e8f6
```
#e8e8f6 rgb(232,232,246)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91919c is the less saturated color, while #3135fc is the most saturated one.

#91919c
```
#91919c rgb(145,145,156)
```
#898aa4
```
#898aa4 rgb(137,138,164)
```
#8182ac
```
#8182ac rgb(129,130,172)
```
#797ab4
```
#797ab4 rgb(121,122,180)
```
#7173bc
```
#7173bc rgb(113,115,188)
```
#696bc4
```
#696bc4 rgb(105,107,196)
```
#6163cc
```
#6163cc rgb(97,99,204)
```
#595cd4
```
#595cd4 rgb(89,92,212)
```
#5154dc
```
#5154dc rgb(81,84,220)
```
#494ce4
```
#494ce4 rgb(73,76,228)
```
#4145ec
```
#4145ec rgb(65,69,236)
```
#393df4
```
#393df4 rgb(57,61,244)
```
#3135fc
```
#3135fc rgb(49,53,252)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#737385 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5278cb Protanopia 1% of men
#467cc3 Deuteranopia 1% of men
#5b818a Tritanopia 0.001% of the population

Trichromacy

#5a73c9 Protanomaly 1% of men, 0.01% of women
#5375c3 Deuteranomaly 6% of men, 0.4% of women
#60799f Tritanomaly 0.01% of the population

#696bc4 hex color

#696bc4 Color Information

#696bc4 Color Conversion

Color Schemes with #696bc4

Alternatives to #696bc4

#696bc4 Preview

Shades and Tints of #696bc4

Tones of #696bc4

Color Blindness Simulator