#696484 hex color

In a RGB color space, hex #696484 is composed of 41.2% red, 39.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 24.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 249.4 degrees, a saturation of 13.8% and a lightness of 45.5%. #696484 color hex could be obtained by blending #d2c8ff with #000009. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 39
- B 52
RGB color chart
- C 20
- M 24
- Y 0
- K 48
CMYK color chart

● #696484 color description : Dark grayish blue.

The hexadecimal color #696484 has RGB values of R:105, G:100, B:132 and CMYK values of C:0.2, M:0.24, Y:0, K:0.48. Its decimal value is 6907012.

Hex triplet	696484	`#696484`
RGB Decimal	105, 100, 132	`rgb(105,100,132)`
RGB Percent	41.2, 39.2, 51.8	`rgb(41.2%,39.2%,51.8%)`
CMYK	20, 24, 0, 48
HSL	249.4°, 13.8, 45.5	`hsl(249.4,13.8%,45.5%)`
HSV (or HSB)	249.4°, 24.2, 51.8
Web Safe	666699	`#666699`

CIE-LAB	43.921, 9.174, -17.034
XYZ	14.547, 13.783, 23.723
xyY	0.279, 0.265, 13.783
CIE-LCH	43.921, 19.347, 298.306
CIE-LUV	43.921, 0.637, -25.226
Hunter-Lab	37.126, 4.97, -11.897
Binary	01101001, 01100100, 10000100

#696484
```
#696484 rgb(105,100,132)
```
#7f8464
```
#7f8464 rgb(127,132,100)
```

Complementary Color

#646f84
```
#646f84 rgb(100,111,132)
```
#696484
```
#696484 rgb(105,100,132)
```
#796484
```
#796484 rgb(121,100,132)
```

Analogous Color

#6f8464
```
#6f8464 rgb(111,132,100)
```
#696484
```
#696484 rgb(105,100,132)
```
#847964
```
#847964 rgb(132,121,100)
```

Split Complementary Color

#648469
```
#648469 rgb(100,132,105)
```
#696484
```
#696484 rgb(105,100,132)
```
#846964
```
#846964 rgb(132,105,100)
```

Triadic Color

#647f84
```
#647f84 rgb(100,127,132)
```
#696484
```
#696484 rgb(105,100,132)
```
#846964
```
#846964 rgb(132,105,100)
```
#7f8464
```
#7f8464 rgb(127,132,100)
```

Tetradic Color

#464358
```
#464358 rgb(70,67,88)
```
#524e67
```
#524e67 rgb(82,78,103)
```
#5d5975
```
#5d5975 rgb(93,89,117)
```
#696484
```
#696484 rgb(105,100,132)
```
#756f92
```
#756f92 rgb(117,111,146)
```
#837e9d
```
#837e9d rgb(131,126,157)
```
#918ca8
```
#918ca8 rgb(145,140,168)
```

Monochromatic Color

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

#646784
```
#646784 rgb(100,103,132)
```
#646484
```
#646484 rgb(100,100,132)
```
#666484
```
#666484 rgb(102,100,132)
```
#696484
```
#696484 rgb(105,100,132)
```
#6c6484
```
#6c6484 rgb(108,100,132)
```
#6e6484
```
#6e6484 rgb(110,100,132)
```
#716484
```
#716484 rgb(113,100,132)
```

Similar Colors

Text with hexadecimal color #696484

This text has a font color of #696484.

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

#696484 background color

This paragraph has a background color of #696484.

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

#696484 border color

This element has a border color of #696484.

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

CSS codes

.text {color:#696484;}

.background {background-color:#696484;}

.border {border:1px solid #696484;}

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

#070709
```
#070709 rgb(7,7,9)
```
#100f14
```
#100f14 rgb(16,15,20)
```
#191820
```
#191820 rgb(25,24,32)
```
#22202b
```
#22202b rgb(34,32,43)
```
#2b2936
```
#2b2936 rgb(43,41,54)
```
#343141
```
#343141 rgb(52,49,65)
```
#3d3a4c
```
#3d3a4c rgb(61,58,76)
```
#454257
```
#454257 rgb(69,66,87)
```
#4e4b63
```
#4e4b63 rgb(78,75,99)
```
#57536e
```
#57536e rgb(87,83,110)
```
#605c79
```
#605c79 rgb(96,92,121)
```
#696484
```
#696484 rgb(105,100,132)
```
#726c8f
```
#726c8f rgb(114,108,143)
```

Shade Color Variation

#7c7798
```
#7c7798 rgb(124,119,152)
```
#8782a1
```
#8782a1 rgb(135,130,161)
```
#928da9
```
#928da9 rgb(146,141,169)
```
#9d99b1
```
#9d99b1 rgb(157,153,177)
```
#a7a4ba
```
#a7a4ba rgb(167,164,186)
```
#b2afc2
```
#b2afc2 rgb(178,175,194)
```
#bdbacb
```
#bdbacb rgb(189,186,203)
```
#c7c5d3
```
#c7c5d3 rgb(199,197,211)
```
#d2d0dc
```
#d2d0dc rgb(210,208,220)
```
#dddce4
```
#dddce4 rgb(221,220,228)
```
#e8e7ed
```
#e8e7ed rgb(232,231,237)
```
#f2f2f5
```
#f2f2f5 rgb(242,242,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6d7b is the less saturated color, while #2602e6 is the most saturated one.

#6f6d7b
```
#6f6d7b rgb(111,109,123)
```
#696484
```
#696484 rgb(105,100,132)
```
#635b8d
```
#635b8d rgb(99,91,141)
```
#5d5296
```
#5d5296 rgb(93,82,150)
```
#57499f
```
#57499f rgb(87,73,159)
```
#5040a8
```
#5040a8 rgb(80,64,168)
```
#4a37b1
```
#4a37b1 rgb(74,55,177)
```
#442eba
```
#442eba rgb(68,46,186)
```
#3e26c2
```
#3e26c2 rgb(62,38,194)
```
#381dcb
```
#381dcb rgb(56,29,203)
```
#3214d4
```
#3214d4 rgb(50,20,212)
```
#2c0bdd
```
#2c0bdd rgb(44,11,221)
```
#2602e6
```
#2602e6 rgb(38,2,230)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#69686e Atypical Achromatopsia 0.001% of the population

Dichromacy

#676e8c Protanopia 1% of men
#6b6d89 Deuteranopia 1% of men
#6c6f77 Tritanopia 0.001% of the population

Trichromacy

#686a89 Protanomaly 1% of men, 0.01% of women
#6a6a87 Deuteranomaly 6% of men, 0.4% of women
#6b6b7c Tritanomaly 0.01% of the population

#696484 hex color

#696484 Color Information

#696484 Color Conversion

Color Schemes with #696484

Alternatives to #696484

#696484 Preview

Shades and Tints of #696484

Tones of #696484

Color Blindness Simulator