#696acd hex color

In a RGB color space, hex #696acd is composed of 41.2% red, 41.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 48.3% magenta, 0% yellow and 19.6% black. It has a hue angle of 239.4 degrees, a saturation of 50% and a lightness of 60.8%. #696acd color hex could be obtained by blending #d2d4ff with #00009b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 42
- B 80
RGB color chart
- C 49
- M 48
- Y 0
- K 20
CMYK color chart

● #696acd color description : Slightly desaturated blue.

The hexadecimal color #696acd has RGB values of R:105, G:106, B:205 and CMYK values of C:0.49, M:0.48, Y:0, K:0.2. Its decimal value is 6908621.

Hex triplet	696acd	`#696acd`
RGB Decimal	105, 106, 205	`rgb(105,106,205)`
RGB Percent	41.2, 41.6, 80.4	`rgb(41.2%,41.6%,80.4%)`
CMYK	49, 48, 0, 20
HSL	239.4°, 50, 60.8	`hsl(239.4,50%,60.8%)`
HSV (or HSB)	239.4°, 48.8, 80.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.153, 26.15, -51.65
XYZ	21.997, 17.718, 60.015
xyY	0.221, 0.178, 17.718
CIE-LCH	49.153, 57.893, 296.853
CIE-LUV	49.153, -6.235, -81.449
Hunter-Lab	42.093, 19.617, -55.069
Binary	01101001, 01101010, 11001101

#696acd
```
#696acd rgb(105,106,205)
```
#cdcc69
```
#cdcc69 rgb(205,204,105)
```

Complementary Color

#699ccd
```
#699ccd rgb(105,156,205)
```
#696acd
```
#696acd rgb(105,106,205)
```
#9a69cd
```
#9a69cd rgb(154,105,205)
```

Analogous Color

#9ccd69
```
#9ccd69 rgb(156,205,105)
```
#696acd
```
#696acd rgb(105,106,205)
```
#cd9a69
```
#cd9a69 rgb(205,154,105)
```

Split Complementary Color

#6acd69
```
#6acd69 rgb(106,205,105)
```
#696acd
```
#696acd rgb(105,106,205)
```
#cd696a
```
#cd696a rgb(205,105,106)
```

Triadic Color

#69cdcc
```
#69cdcc rgb(105,205,204)
```
#696acd
```
#696acd rgb(105,106,205)
```
#cd696a
```
#cd696a rgb(205,105,106)
```
#cdcc69
```
#cdcc69 rgb(205,204,105)
```

Tetradic Color

#3a3caf
```
#3a3caf rgb(58,60,175)
```
#4344c0
```
#4344c0 rgb(67,68,192)
```
#5657c7
```
#5657c7 rgb(86,87,199)
```
#696acd
```
#696acd rgb(105,106,205)
```
#7c7dd3
```
#7c7dd3 rgb(124,125,211)
```
#8f90da
```
#8f90da rgb(143,144,218)
```
#a2a3e0
```
#a2a3e0 rgb(162,163,224)
```

Monochromatic Color

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

#6983cd
```
#6983cd rgb(105,131,205)
```
#697bcd
```
#697bcd rgb(105,123,205)
```
#6972cd
```
#6972cd rgb(105,114,205)
```
#696acd
```
#696acd rgb(105,106,205)
```
#7069cd
```
#7069cd rgb(112,105,205)
```
#7969cd
```
#7969cd rgb(121,105,205)
```
#8169cd
```
#8169cd rgb(129,105,205)
```

Similar Colors

Text with hexadecimal color #696acd

This text has a font color of #696acd.

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

#696acd background color

This paragraph has a background color of #696acd.

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

#696acd border color

This element has a border color of #696acd.

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

CSS codes

.text {color:#696acd;}

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

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

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, #04040c is the darkest color, while #fcfcfe is the lightest one.

#04040c
```
#04040c rgb(4,4,12)
```
#09091b
```
#09091b rgb(9,9,27)
```
#0e0e29
```
#0e0e29 rgb(14,14,41)
```
#131338
```
#131338 rgb(19,19,56)
```
#181847
```
#181847 rgb(24,24,71)
```
#1c1d55
```
#1c1d55 rgb(28,29,85)
```
#212264
```
#212264 rgb(33,34,100)
```
#262773
```
#262773 rgb(38,39,115)
```
#2b2c82
```
#2b2c82 rgb(43,44,130)
```
#303190
```
#303190 rgb(48,49,144)
```
#35369f
```
#35369f rgb(53,54,159)
```
#3a3bae
```
#3a3bae rgb(58,59,174)
```
#3f40bc
```
#3f40bc rgb(63,64,188)
```

Shade Color Variation

#4c4dc3
```
#4c4dc3 rgb(76,77,195)
```
#5a5bc8
```
#5a5bc8 rgb(90,91,200)
```
#696acd
```
#696acd rgb(105,106,205)
```
#7879d2
```
#7879d2 rgb(120,121,210)
```
#8687d7
```
#8687d7 rgb(134,135,215)
```
#9596dc
```
#9596dc rgb(149,150,220)
```
#a4a4e1
```
#a4a4e1 rgb(164,164,225)
```
#b3b3e6
```
#b3b3e6 rgb(179,179,230)
```
#c1c2ea
```
#c1c2ea rgb(193,194,234)
```
#d0d0ef
```
#d0d0ef rgb(208,208,239)
```
#dfdff4
```
#dfdff4 rgb(223,223,244)
```
#edeef9
```
#edeef9 rgb(237,238,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97979f is the less saturated color, while #3b3dfb is the most saturated one.

#97979f
```
#97979f rgb(151,151,159)
```
#8f90a7
```
#8f90a7 rgb(143,144,167)
```
#8888ae
```
#8888ae rgb(136,136,174)
```
#8081b6
```
#8081b6 rgb(128,129,182)
```
#7879be
```
#7879be rgb(120,121,190)
```
#7172c5
```
#7172c5 rgb(113,114,197)
```
#696acd
```
#696acd rgb(105,106,205)
```
#6162d5
```
#6162d5 rgb(97,98,213)
```
#5a5bdc
```
#5a5bdc rgb(90,91,220)
```
#5253e4
```
#5253e4 rgb(82,83,228)
```
#4a4cec
```
#4a4cec rgb(74,76,236)
```
#4344f3
```
#4344f3 rgb(67,68,243)
```
#3b3dfb
```
#3b3dfb rgb(59,61,251)
```

Tone Color Variation

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

Dichromacy

#4878d5 Protanopia 1% of men
#377dca Deuteranopia 1% of men
#57828c Tritanopia 0.001% of the population

Trichromacy

#5473d2 Protanomaly 1% of men, 0.01% of women
#4976cb Deuteranomaly 6% of men, 0.4% of women
#5d79a3 Tritanomaly 0.01% of the population

#696acd hex color

#696acd Color Information

#696acd Color Conversion

Color Schemes with #696acd

Alternatives to #696acd

#696acd Preview

Shades and Tints of #696acd

Tones of #696acd

Color Blindness Simulator