#696ed4 hex color

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

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

● #696ed4 color description : Moderate blue.

The hexadecimal color #696ed4 has RGB values of R:105, G:110, B:212 and CMYK values of C:0.5, M:0.48, Y:0, K:0.17. Its decimal value is 6909652.

Hex triplet	696ed4	`#696ed4`
RGB Decimal	105, 110, 212	`rgb(105,110,212)`
RGB Percent	41.2, 43.1, 83.1	`rgb(41.2%,43.1%,83.1%)`
CMYK	50, 48, 0, 17
HSL	237.2°, 55.4, 62.2	`hsl(237.2,55.4%,62.2%)`
HSV (or HSB)	237.2°, 50.5, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.579, 25.871, -53.357
XYZ	23.283, 18.908, 64.706
xyY	0.218, 0.177, 18.908
CIE-LCH	50.579, 59.298, 295.867
CIE-LUV	50.579, -7.861, -84.616
Hunter-Lab	43.483, 19.482, -57.79
Binary	01101001, 01101110, 11010100

#696ed4
```
#696ed4 rgb(105,110,212)
```
#d4cf69
```
#d4cf69 rgb(212,207,105)
```

Complementary Color

#69a4d4
```
#69a4d4 rgb(105,164,212)
```
#696ed4
```
#696ed4 rgb(105,110,212)
```
#9a69d4
```
#9a69d4 rgb(154,105,212)
```

Analogous Color

#a4d469
```
#a4d469 rgb(164,212,105)
```
#696ed4
```
#696ed4 rgb(105,110,212)
```
#d49a69
```
#d49a69 rgb(212,154,105)
```

Split Complementary Color

#6ed469
```
#6ed469 rgb(110,212,105)
```
#696ed4
```
#696ed4 rgb(105,110,212)
```
#d4696e
```
#d4696e rgb(212,105,110)
```

Triadic Color

#69d4cf
```
#69d4cf rgb(105,212,207)
```
#696ed4
```
#696ed4 rgb(105,110,212)
```
#d4696e
```
#d4696e rgb(212,105,110)
```
#d4cf69
```
#d4cf69 rgb(212,207,105)
```

Tetradic Color

#363cbb
```
#363cbb rgb(54,60,187)
```
#4148c9
```
#4148c9 rgb(65,72,201)
```
#555bce
```
#555bce rgb(85,91,206)
```
#696ed4
```
#696ed4 rgb(105,110,212)
```
#7d81da
```
#7d81da rgb(125,129,218)
```
#9194df
```
#9194df rgb(145,148,223)
```
#a4a7e5
```
#a4a7e5 rgb(164,167,229)
```

Monochromatic Color

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

#6989d4
```
#6989d4 rgb(105,137,212)
```
#6980d4
```
#6980d4 rgb(105,128,212)
```
#6977d4
```
#6977d4 rgb(105,119,212)
```
#696ed4
```
#696ed4 rgb(105,110,212)
```
#6d69d4
```
#6d69d4 rgb(109,105,212)
```
#7669d4
```
#7669d4 rgb(118,105,212)
```
#7f69d4
```
#7f69d4 rgb(127,105,212)
```

Similar Colors

Text with hexadecimal color #696ed4

This text has a font color of #696ed4.

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

#696ed4 background color

This paragraph has a background color of #696ed4.

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

#696ed4 border color

This element has a border color of #696ed4.

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

CSS codes

.text {color:#696ed4;}

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

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

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 #f2f3fb is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#050612
```
#050612 rgb(5,6,18)
```
#090b21
```
#090b21 rgb(9,11,33)
```
#0e0f30
```
#0e0f30 rgb(14,15,48)
```
#12143f
```
#12143f rgb(18,20,63)
```
#17194f
```
#17194f rgb(23,25,79)
```
#1b1e5e
```
#1b1e5e rgb(27,30,94)
```
#1f236d
```
#1f236d rgb(31,35,109)
```
#24287c
```
#24287c rgb(36,40,124)
```
#282d8c
```
#282d8c rgb(40,45,140)
```
#2c329b
```
#2c329b rgb(44,50,155)
```
#3136aa
```
#3136aa rgb(49,54,170)
```
#353bb9
```
#353bb9 rgb(53,59,185)
```

Shade Color Variation

#3b42c7
```
#3b42c7 rgb(59,66,199)
```
#4b51cb
```
#4b51cb rgb(75,81,203)
```
#5a5fd0
```
#5a5fd0 rgb(90,95,208)
```
#696ed4
```
#696ed4 rgb(105,110,212)
```
#787dd8
```
#787dd8 rgb(120,125,216)
```
#878bdd
```
#878bdd rgb(135,139,221)
```
#979ae1
```
#979ae1 rgb(151,154,225)
```
#a6a9e5
```
#a6a9e5 rgb(166,169,229)
```
#b5b8ea
```
#b5b8ea rgb(181,184,234)
```
#c4c6ee
```
#c4c6ee rgb(196,198,238)
```
#d4d5f3
```
#d4d5f3 rgb(212,213,243)
```
#e3e4f7
```
#e3e4f7 rgb(227,228,247)
```
#f2f3fb
```
#f2f3fb rgb(242,243,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 #444cf9 is the most saturated one.

#9d9da0
```
#9d9da0 rgb(157,157,160)
```
#9696a7
```
#9696a7 rgb(150,150,167)
```
#8e90af
```
#8e90af rgb(142,144,175)
```
#8789b6
```
#8789b6 rgb(135,137,182)
```
#7f82be
```
#7f82be rgb(127,130,190)
```
#787bc5
```
#787bc5 rgb(120,123,197)
```
#7075cd
```
#7075cd rgb(112,117,205)
```
#696ed4
```
#696ed4 rgb(105,110,212)
```
#6267db
```
#6267db rgb(98,103,219)
```
#5a61e3
```
#5a61e3 rgb(90,97,227)
```
#535aea
```
#535aea rgb(83,90,234)
```
#4b53f2
```
#4b53f2 rgb(75,83,242)
```
#444cf9
```
#444cf9 rgb(68,76,249)
```

Tone Color Variation

Below, you can see how #696ed4 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
#75768a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a7cdc Protanopia 1% of men
#3580d1 Deuteranopia 1% of men
#548790 Tritanopia 0.001% of the population

Trichromacy

#5577d9 Protanomaly 1% of men, 0.01% of women
#477ad2 Deuteranomaly 6% of men, 0.4% of women
#5c7da9 Tritanomaly 0.01% of the population

#696ed4 hex color

#696ed4 Color Information

#696ed4 Color Conversion

Color Schemes with #696ed4

Alternatives to #696ed4

#696ed4 Preview

Shades and Tints of #696ed4

Tones of #696ed4

Color Blindness Simulator