#696dd8 hex color

In a RGB color space, hex #696dd8 is composed of 41.2% red, 42.7% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 49.5% magenta, 0% yellow and 15.3% black. It has a hue angle of 237.8 degrees, a saturation of 58.7% and a lightness of 62.9%. #696dd8 color hex could be obtained by blending #d2daff with #0000b1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 43
- B 85
RGB color chart
- C 51
- M 50
- Y 0
- K 15
CMYK color chart

● #696dd8 color description : Moderate blue.

The hexadecimal color #696dd8 has RGB values of R:105, G:109, B:216 and CMYK values of C:0.51, M:0.5, Y:0, K:0.15. Its decimal value is 6909400.

Hex triplet	696dd8	`#696dd8`
RGB Decimal	105, 109, 216	`rgb(105,109,216)`
RGB Percent	41.2, 42.7, 84.7	`rgb(41.2%,42.7%,84.7%)`
CMYK	51, 50, 0, 15
HSL	237.8°, 58.7, 62.9	`hsl(237.8,58.7%,62.9%)`
HSV (or HSB)	237.8°, 51.4, 84.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.567, 27.72, -55.646
XYZ	23.687, 18.898, 67.361
xyY	0.215, 0.172, 18.898
CIE-LCH	50.567, 62.169, 296.48
CIE-LUV	50.567, -7.746, -88.317
Hunter-Lab	43.471, 21.186, -61.444
Binary	01101001, 01101101, 11011000

#696dd8
```
#696dd8 rgb(105,109,216)
```
#d8d469
```
#d8d469 rgb(216,212,105)
```

Complementary Color

#69a5d8
```
#69a5d8 rgb(105,165,216)
```
#696dd8
```
#696dd8 rgb(105,109,216)
```
#9d69d8
```
#9d69d8 rgb(157,105,216)
```

Analogous Color

#a5d869
```
#a5d869 rgb(165,216,105)
```
#696dd8
```
#696dd8 rgb(105,109,216)
```
#d89d69
```
#d89d69 rgb(216,157,105)
```

Split Complementary Color

#6dd869
```
#6dd869 rgb(109,216,105)
```
#696dd8
```
#696dd8 rgb(105,109,216)
```
#d8696d
```
#d8696d rgb(216,105,109)
```

Triadic Color

#69d8d4
```
#69d8d4 rgb(105,216,212)
```
#696dd8
```
#696dd8 rgb(105,109,216)
```
#d8696d
```
#d8696d rgb(216,105,109)
```
#d8d469
```
#d8d469 rgb(216,212,105)
```

Tetradic Color

#3238c2
```
#3238c2 rgb(50,56,194)
```
#4146cd
```
#4146cd rgb(65,70,205)
```
#5559d3
```
#5559d3 rgb(85,89,211)
```
#696dd8
```
#696dd8 rgb(105,109,216)
```
#7d81dd
```
#7d81dd rgb(125,129,221)
```
#9194e3
```
#9194e3 rgb(145,148,227)
```
#a6a8e8
```
#a6a8e8 rgb(166,168,232)
```

Monochromatic Color

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

#6989d8
```
#6989d8 rgb(105,137,216)
```
#6980d8
```
#6980d8 rgb(105,128,216)
```
#6976d8
```
#6976d8 rgb(105,118,216)
```
#696dd8
```
#696dd8 rgb(105,109,216)
```
#6e69d8
```
#6e69d8 rgb(110,105,216)
```
#7869d8
```
#7869d8 rgb(120,105,216)
```
#8169d8
```
#8169d8 rgb(129,105,216)
```

Similar Colors

Text with hexadecimal color #696dd8

This text has a font color of #696dd8.

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

#696dd8 background color

This paragraph has a background color of #696dd8.

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

#696dd8 border color

This element has a border color of #696dd8.

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

CSS codes

.text {color:#696dd8;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#060615
```
#060615 rgb(6,6,21)
```
#0a0b25
```
#0a0b25 rgb(10,11,37)
```
#0e0f34
```
#0e0f34 rgb(14,15,52)
```
#121344
```
#121344 rgb(18,19,68)
```
#161854
```
#161854 rgb(22,24,84)
```
#1a1c63
```
#1a1c63 rgb(26,28,99)
```
#1e2173
```
#1e2173 rgb(30,33,115)
```
#222582
```
#222582 rgb(34,37,130)
```
#262a92
```
#262a92 rgb(38,42,146)
```
#2a2ea1
```
#2a2ea1 rgb(42,46,161)
```
#2e33b1
```
#2e33b1 rgb(46,51,177)
```
#3237c0
```
#3237c0 rgb(50,55,192)
```

Shade Color Variation

#3a40cc
```
#3a40cc rgb(58,64,204)
```
#4a4fd0
```
#4a4fd0 rgb(74,79,208)
```
#595ed4
```
#595ed4 rgb(89,94,212)
```
#696dd8
```
#696dd8 rgb(105,109,216)
```
#797cdc
```
#797cdc rgb(121,124,220)
```
#888be0
```
#888be0 rgb(136,139,224)
```
#989ae4
```
#989ae4 rgb(152,154,228)
```
#a7aae8
```
#a7aae8 rgb(167,170,232)
```
#b7b9ec
```
#b7b9ec rgb(183,185,236)
```
#c6c8f0
```
#c6c8f0 rgb(198,200,240)
```
#d6d7f4
```
#d6d7f4 rgb(214,215,244)
```
#e6e6f8
```
#e6e6f8 rgb(230,230,248)
```
#f5f5fc
```
#f5f5fc rgb(245,245,252)
```

Tint Color Variation

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

#9c9ca5
```
#9c9ca5 rgb(156,156,165)
```
#9595ac
```
#9595ac rgb(149,149,172)
```
#8d8fb4
```
#8d8fb4 rgb(141,143,180)
```
#8688bb
```
#8688bb rgb(134,136,187)
```
#7f81c2
```
#7f81c2 rgb(127,129,194)
```
#787ac9
```
#787ac9 rgb(120,122,201)
```
#7074d1
```
#7074d1 rgb(112,116,209)
```
#696dd8
```
#696dd8 rgb(105,109,216)
```
#6266df
```
#6266df rgb(98,102,223)
```
#5a60e7
```
#5a60e7 rgb(90,96,231)
```
#5359ee
```
#5359ee rgb(83,89,238)
```
#4c52f5
```
#4c52f5 rgb(76,82,245)
```
#454bfc
```
#454bfc rgb(69,75,252)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#75768b Atypical Achromatopsia 0.001% of the population

Dichromacy

#437ce0 Protanopia 1% of men
#2781d4 Deuteranopia 1% of men
#528791 Tritanopia 0.001% of the population

Trichromacy

#5176dd Protanomaly 1% of men, 0.01% of women
#3f79d6 Deuteranomaly 6% of men, 0.4% of women
#5a7daa Tritanomaly 0.01% of the population

#696dd8 hex color

#696dd8 Color Information

#696dd8 Color Conversion

Color Schemes with #696dd8

Alternatives to #696dd8

#696dd8 Preview

Shades and Tints of #696dd8

Tones of #696dd8

Color Blindness Simulator