#696cd4 hex color

In a RGB color space, hex #696cd4 is composed of 41.2% red, 42.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 49.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 238.3 degrees, a saturation of 55.4% and a lightness of 62.2%. #696cd4 color hex could be obtained by blending #d2d8ff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 42
- B 83
RGB color chart
- C 50
- M 49
- Y 0
- K 17
CMYK color chart

● #696cd4 color description : Moderate blue.

The hexadecimal color #696cd4 has RGB values of R:105, G:108, B:212 and CMYK values of C:0.5, M:0.49, Y:0, K:0.17. Its decimal value is 6909140.

Hex triplet	696cd4	`#696cd4`
RGB Decimal	105, 108, 212	`rgb(105,108,212)`
RGB Percent	41.2, 42.4, 83.1	`rgb(41.2%,42.4%,83.1%)`
CMYK	50, 49, 0, 17
HSL	238.3°, 55.4, 62.2	`hsl(238.3,55.4%,62.2%)`
HSV (or HSB)	238.3°, 50.5, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.074, 27.088, -54.165
XYZ	23.07, 18.481, 64.635
xyY	0.217, 0.174, 18.481
CIE-LCH	50.074, 60.561, 296.57
CIE-LUV	50.074, -7.235, -85.776
Hunter-Lab	42.99, 20.557, -59.05
Binary	01101001, 01101100, 11010100

#696cd4
```
#696cd4 rgb(105,108,212)
```
#d4d169
```
#d4d169 rgb(212,209,105)
```

Complementary Color

#69a2d4
```
#69a2d4 rgb(105,162,212)
```
#696cd4
```
#696cd4 rgb(105,108,212)
```
#9c69d4
```
#9c69d4 rgb(156,105,212)
```

Analogous Color

#a2d469
```
#a2d469 rgb(162,212,105)
```
#696cd4
```
#696cd4 rgb(105,108,212)
```
#d49c69
```
#d49c69 rgb(212,156,105)
```

Split Complementary Color

#6cd469
```
#6cd469 rgb(108,212,105)
```
#696cd4
```
#696cd4 rgb(105,108,212)
```
#d4696c
```
#d4696c rgb(212,105,108)
```

Triadic Color

#69d4d1
```
#69d4d1 rgb(105,212,209)
```
#696cd4
```
#696cd4 rgb(105,108,212)
```
#d4696c
```
#d4696c rgb(212,105,108)
```
#d4d169
```
#d4d169 rgb(212,209,105)
```

Tetradic Color

#3639bb
```
#3639bb rgb(54,57,187)
```
#4145c9
```
#4145c9 rgb(65,69,201)
```
#5559ce
```
#5559ce rgb(85,89,206)
```
#696cd4
```
#696cd4 rgb(105,108,212)
```
#7d7fda
```
#7d7fda rgb(125,127,218)
```
#9193df
```
#9193df rgb(145,147,223)
```
#a4a6e5
```
#a4a6e5 rgb(164,166,229)
```

Monochromatic Color

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

#6987d4
```
#6987d4 rgb(105,135,212)
```
#697ed4
```
#697ed4 rgb(105,126,212)
```
#6975d4
```
#6975d4 rgb(105,117,212)
```
#696cd4
```
#696cd4 rgb(105,108,212)
```
#6f69d4
```
#6f69d4 rgb(111,105,212)
```
#7869d4
```
#7869d4 rgb(120,105,212)
```
#8169d4
```
#8169d4 rgb(129,105,212)
```

Similar Colors

Text with hexadecimal color #696cd4

This text has a font color of #696cd4.

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

#696cd4 background color

This paragraph has a background color of #696cd4.

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

#696cd4 border color

This element has a border color of #696cd4.

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

CSS codes

.text {color:#696cd4;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050512
```
#050512 rgb(5,5,18)
```
#090a21
```
#090a21 rgb(9,10,33)
```
#0e0f30
```
#0e0f30 rgb(14,15,48)
```
#12133f
```
#12133f rgb(18,19,63)
```
#17184f
```
#17184f rgb(23,24,79)
```
#1b1d5e
```
#1b1d5e rgb(27,29,94)
```
#1f216d
```
#1f216d rgb(31,33,109)
```
#24267c
```
#24267c rgb(36,38,124)
```
#282b8c
```
#282b8c rgb(40,43,140)
```
#2c309b
```
#2c309b rgb(44,48,155)
```
#3134aa
```
#3134aa rgb(49,52,170)
```
#3539b9
```
#3539b9 rgb(53,57,185)
```

Shade Color Variation

#3b3fc7
```
#3b3fc7 rgb(59,63,199)
```
#4b4ecb
```
#4b4ecb rgb(75,78,203)
```
#5a5dd0
```
#5a5dd0 rgb(90,93,208)
```
#696cd4
```
#696cd4 rgb(105,108,212)
```
#787bd8
```
#787bd8 rgb(120,123,216)
```
#878add
```
#878add rgb(135,138,221)
```
#9799e1
```
#9799e1 rgb(151,153,225)
```
#a6a8e5
```
#a6a8e5 rgb(166,168,229)
```
#b5b7ea
```
#b5b7ea rgb(181,183,234)
```
#c4c6ee
```
#c4c6ee rgb(196,198,238)
```
#d4d5f3
```
#d4d5f3 rgb(212,213,243)
```
#e3e4f7
```
#e3e4f7 rgb(227,228,247)
```
#f2f2fb
```
#f2f2fb rgb(242,242,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9da0 is the less saturated color, while #4449f9 is the most saturated one.

#9d9da0
```
#9d9da0 rgb(157,157,160)
```
#9696a7
```
#9696a7 rgb(150,150,167)
```
#8e8faf
```
#8e8faf rgb(142,143,175)
```
#8788b6
```
#8788b6 rgb(135,136,182)
```
#7f81be
```
#7f81be rgb(127,129,190)
```
#787ac5
```
#787ac5 rgb(120,122,197)
```
#7073cd
```
#7073cd rgb(112,115,205)
```
#696cd4
```
#696cd4 rgb(105,108,212)
```
#6265db
```
#6265db rgb(98,101,219)
```
#5a5ee3
```
#5a5ee3 rgb(90,94,227)
```
#5357ea
```
#5357ea rgb(83,87,234)
```
#4b50f2
```
#4b50f2 rgb(75,80,242)
```
#4449f9
```
#4449f9 rgb(68,73,249)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#74758a Atypical Achromatopsia 0.001% of the population

Dichromacy

#467adc Protanopia 1% of men
#2e7fd1 Deuteranopia 1% of men
#54858f Tritanopia 0.001% of the population

Trichromacy

#5275d9 Protanomaly 1% of men, 0.01% of women
#4378d2 Deuteranomaly 6% of men, 0.4% of women
#5b7ca8 Tritanomaly 0.01% of the population

#696cd4 hex color

#696cd4 Color Information

#696cd4 Color Conversion

Color Schemes with #696cd4

Alternatives to #696cd4

#696cd4 Preview

Shades and Tints of #696cd4

Tones of #696cd4

Color Blindness Simulator