#696fd7 hex color

In a RGB color space, hex #696fd7 is composed of 41.2% red, 43.5% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 48.4% magenta, 0% yellow and 15.7% black. It has a hue angle of 236.7 degrees, a saturation of 57.9% and a lightness of 62.7%. #696fd7 color hex could be obtained by blending #d2deff with #0000af. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 44
- B 84
RGB color chart
- C 51
- M 48
- Y 0
- K 16
CMYK color chart

● #696fd7 color description : Moderate blue.

The hexadecimal color #696fd7 has RGB values of R:105, G:111, B:215 and CMYK values of C:0.51, M:0.48, Y:0, K:0.16. Its decimal value is 6909911.

Hex triplet	696fd7	`#696fd7`
RGB Decimal	105, 111, 215	`rgb(105,111,215)`
RGB Percent	41.2, 43.5, 84.3	`rgb(41.2%,43.5%,84.3%)`
CMYK	51, 48, 0, 16
HSL	236.7°, 57.9, 62.7	`hsl(236.7,57.9%,62.7%)`
HSV (or HSB)	236.7°, 51.2, 84.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.01, 26.194, -54.369
XYZ	23.773, 19.278, 66.755
xyY	0.217, 0.176, 19.278
CIE-LCH	51.01, 60.35, 295.724
CIE-LUV	51.01, -8.319, -86.384
Hunter-Lab	43.906, 19.815, -59.409
Binary	01101001, 01101111, 11010111

#696fd7
```
#696fd7 rgb(105,111,215)
```
#d7d169
```
#d7d169 rgb(215,209,105)
```

Complementary Color

#69a6d7
```
#69a6d7 rgb(105,166,215)
```
#696fd7
```
#696fd7 rgb(105,111,215)
```
#9a69d7
```
#9a69d7 rgb(154,105,215)
```

Analogous Color

#a6d769
```
#a6d769 rgb(166,215,105)
```
#696fd7
```
#696fd7 rgb(105,111,215)
```
#d79a69
```
#d79a69 rgb(215,154,105)
```

Split Complementary Color

#6fd769
```
#6fd769 rgb(111,215,105)
```
#696fd7
```
#696fd7 rgb(105,111,215)
```
#d7696f
```
#d7696f rgb(215,105,111)
```

Triadic Color

#69d7d1
```
#69d7d1 rgb(105,215,209)
```
#696fd7
```
#696fd7 rgb(105,111,215)
```
#d7696f
```
#d7696f rgb(215,105,111)
```
#d7d169
```
#d7d169 rgb(215,209,105)
```

Tetradic Color

#333bc0
```
#333bc0 rgb(51,59,192)
```
#4148cc
```
#4148cc rgb(65,72,204)
```
#555cd2
```
#555cd2 rgb(85,92,210)
```
#696fd7
```
#696fd7 rgb(105,111,215)
```
#7d82dc
```
#7d82dc rgb(125,130,220)
```
#9196e2
```
#9196e2 rgb(145,150,226)
```
#a5a9e7
```
#a5a9e7 rgb(165,169,231)
```

Monochromatic Color

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

#698bd7
```
#698bd7 rgb(105,139,215)
```
#6981d7
```
#6981d7 rgb(105,129,215)
```
#6978d7
```
#6978d7 rgb(105,120,215)
```
#696fd7
```
#696fd7 rgb(105,111,215)
```
#6c69d7
```
#6c69d7 rgb(108,105,215)
```
#7569d7
```
#7569d7 rgb(117,105,215)
```
#7f69d7
```
#7f69d7 rgb(127,105,215)
```

Similar Colors

Text with hexadecimal color #696fd7

This text has a font color of #696fd7.

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

#696fd7 background color

This paragraph has a background color of #696fd7.

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

#696fd7 border color

This element has a border color of #696fd7.

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

CSS codes

.text {color:#696fd7;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#050614
```
#050614 rgb(5,6,20)
```
#0a0b24
```
#0a0b24 rgb(10,11,36)
```
#0e1033
```
#0e1033 rgb(14,16,51)
```
#121443
```
#121443 rgb(18,20,67)
```
#161952
```
#161952 rgb(22,25,82)
```
#1a1e62
```
#1a1e62 rgb(26,30,98)
```
#1e2371
```
#1e2371 rgb(30,35,113)
```
#222781
```
#222781 rgb(34,39,129)
```
#262c90
```
#262c90 rgb(38,44,144)
```
#2b31a0
```
#2b31a0 rgb(43,49,160)
```
#2f36af
```
#2f36af rgb(47,54,175)
```
#333abf
```
#333abf rgb(51,58,191)
```

Shade Color Variation

#3b42cb
```
#3b42cb rgb(59,66,203)
```
#4a51cf
```
#4a51cf rgb(74,81,207)
```
#5a60d3
```
#5a60d3 rgb(90,96,211)
```
#696fd7
```
#696fd7 rgb(105,111,215)
```
#787edb
```
#787edb rgb(120,126,219)
```
#888ddf
```
#888ddf rgb(136,141,223)
```
#979ce3
```
#979ce3 rgb(151,156,227)
```
#a7aae8
```
#a7aae8 rgb(167,170,232)
```
#b6b9ec
```
#b6b9ec rgb(182,185,236)
```
#c6c8f0
```
#c6c8f0 rgb(198,200,240)
```
#d5d7f4
```
#d5d7f4 rgb(213,215,244)
```
#e5e6f8
```
#e5e6f8 rgb(229,230,248)
```
#f4f5fc
```
#f4f5fc rgb(244,245,252)
```

Tint Color Variation

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

#9c9da4
```
#9c9da4 rgb(156,157,164)
```
#9596ab
```
#9596ab rgb(149,150,171)
```
#8e90b2
```
#8e90b2 rgb(142,144,178)
```
#8689ba
```
#8689ba rgb(134,137,186)
```
#7f83c1
```
#7f83c1 rgb(127,131,193)
```
#787cc8
```
#787cc8 rgb(120,124,200)
```
#7076d0
```
#7076d0 rgb(112,118,208)
```
#696fd7
```
#696fd7 rgb(105,111,215)
```
#6268de
```
#6268de rgb(98,104,222)
```
#5a62e6
```
#5a62e6 rgb(90,98,230)
```
#535bed
```
#535bed rgb(83,91,237)
```
#4c55f4
```
#4c55f4 rgb(76,85,244)
```
#444efc
```
#444efc rgb(68,78,252)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#76778c Atypical Achromatopsia 0.001% of the population

Dichromacy

#497dde Protanopia 1% of men
#3182d4 Deuteranopia 1% of men
#538892 Tritanopia 0.001% of the population

Trichromacy

#5478dc Protanomaly 1% of men, 0.01% of women
#457bd5 Deuteranomaly 6% of men, 0.4% of women
#5b7fab Tritanomaly 0.01% of the population

#696fd7 hex color

#696fd7 Color Information

#696fd7 Color Conversion

Color Schemes with #696fd7

Alternatives to #696fd7

#696fd7 Preview

Shades and Tints of #696fd7

Tones of #696fd7

Color Blindness Simulator