#696363 hex color

In a RGB color space, hex #696363 is composed of 41.2% red, 38.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.7% magenta, 5.7% yellow and 58.8% black. It has a hue angle of 0 degrees, a saturation of 2.9% and a lightness of 40%. #696363 color hex could be obtained by blending #d2c6c6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 39
- B 39
RGB color chart
- C 0
- M 6
- Y 6
- K 59
CMYK color chart

● #696363 color description : Very dark grayish red.

The hexadecimal color #696363 has RGB values of R:105, G:99, B:99 and CMYK values of C:0, M:0.06, Y:0.06, K:0.59. Its decimal value is 6906723.

Hex triplet	696363	`#696363`
RGB Decimal	105, 99, 99	`rgb(105,99,99)`
RGB Percent	41.2, 38.8, 38.8	`rgb(41.2%,38.8%,38.8%)`
CMYK	0, 6, 6, 59
HSL	0°, 2.9, 40	`hsl(0,2.9%,40%)`
HSV (or HSB)	0°, 5.7, 41.2
Web Safe	666666	`#666666`

CIE-LAB	42.503, 2.368, 0.845
XYZ	12.539, 12.828, 13.619
xyY	0.322, 0.329, 12.828
CIE-LCH	42.503, 2.515, 19.642
CIE-LUV	42.503, 3.428, 0.735
Hunter-Lab	35.816, -0.185, 2.526
Binary	01101001, 01100011, 01100011

#696363
```
#696363 rgb(105,99,99)
```
#636969
```
#636969 rgb(99,105,105)
```

Complementary Color

#696366
```
#696366 rgb(105,99,102)
```
#696363
```
#696363 rgb(105,99,99)
```
#696663
```
#696663 rgb(105,102,99)
```

Analogous Color

#636669
```
#636669 rgb(99,102,105)
```
#696363
```
#696363 rgb(105,99,99)
```
#636966
```
#636966 rgb(99,105,102)
```

Split Complementary Color

#636369
```
#636369 rgb(99,99,105)
```
#696363
```
#696363 rgb(105,99,99)
```
#636963
```
#636963 rgb(99,105,99)
```

Triadic Color

#696369
```
#696369 rgb(105,99,105)
```
#696363
```
#696363 rgb(105,99,99)
```
#636963
```
#636963 rgb(99,105,99)
```
#636969
```
#636969 rgb(99,105,105)
```

Tetradic Color

#423e3e
```
#423e3e rgb(66,62,62)
```
#4f4a4a
```
#4f4a4a rgb(79,74,74)
```
#5c5757
```
#5c5757 rgb(92,87,87)
```
#696363
```
#696363 rgb(105,99,99)
```
#766f6f
```
#766f6f rgb(118,111,111)
```
#837c7c
```
#837c7c rgb(131,124,124)
```
#908989
```
#908989 rgb(144,137,137)
```

Monochromatic Color

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

#696365
```
#696365 rgb(105,99,101)
```
#696364
```
#696364 rgb(105,99,100)
```
#696364
```
#696364 rgb(105,99,100)
```
#696363
```
#696363 rgb(105,99,99)
```
#696463
```
#696463 rgb(105,100,99)
```
#696463
```
#696463 rgb(105,100,99)
```
#696563
```
#696563 rgb(105,101,99)
```

Similar Colors

Text with hexadecimal color #696363

This text has a font color of #696363.

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

#696363 background color

This paragraph has a background color of #696363.

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

#696363 border color

This element has a border color of #696363.

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

CSS codes

.text {color:#696363;}

.background {background-color:#696363;}

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

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

#040404
```
#040404 rgb(4,4,4)
```
#0e0d0d
```
#0e0d0d rgb(14,13,13)
```
#181717
```
#181717 rgb(24,23,23)
```
#222020
```
#222020 rgb(34,32,32)
```
#2c2a2a
```
#2c2a2a rgb(44,42,42)
```
#373333
```
#373333 rgb(55,51,51)
```
#413d3d
```
#413d3d rgb(65,61,61)
```
#4b4646
```
#4b4646 rgb(75,70,70)
```
#555050
```
#555050 rgb(85,80,80)
```
#5f5959
```
#5f5959 rgb(95,89,89)
```
#696363
```
#696363 rgb(105,99,99)
```
#736d6d
```
#736d6d rgb(115,109,109)
```
#7d7676
```
#7d7676 rgb(125,118,118)
```

Shade Color Variation

#878080
```
#878080 rgb(135,128,128)
```
#918a8a
```
#918a8a rgb(145,138,138)
```
#9a9494
```
#9a9494 rgb(154,148,148)
```
#a49e9e
```
#a49e9e rgb(164,158,158)
```
#ada8a8
```
#ada8a8 rgb(173,168,168)
```
#b7b2b2
```
#b7b2b2 rgb(183,178,178)
```
#c0bcbc
```
#c0bcbc rgb(192,188,188)
```
#cac6c6
```
#cac6c6 rgb(202,198,198)
```
#d3d1d1
```
#d3d1d1 rgb(211,209,209)
```
#dddbdb
```
#dddbdb rgb(221,219,219)
```
#e6e5e5
```
#e6e5e5 rgb(230,229,229)
```
#f0efef
```
#f0efef rgb(240,239,239)
```
#f9f9f9
```
#f9f9f9 rgb(249,249,249)
```

Tint Color Variation

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

#696363
```
#696363 rgb(105,99,99)
```
#715b5b
```
#715b5b rgb(113,91,91)
```
#795353
```
#795353 rgb(121,83,83)
```
#814b4b
```
#814b4b rgb(129,75,75)
```
#884444
```
#884444 rgb(136,68,68)
```
#903c3c
```
#903c3c rgb(144,60,60)
```
#983434
```
#983434 rgb(152,52,52)
```
#a02c2c
```
#a02c2c rgb(160,44,44)
```
#a82424
```
#a82424 rgb(168,36,36)
```
#b01c1c
```
#b01c1c rgb(176,28,28)
```
#b71515
```
#b71515 rgb(183,21,21)
```
#bf0d0d
```
#bf0d0d rgb(191,13,13)
```
#c70505
```
#c70505 rgb(199,5,5)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#666565 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6b6b Protanopia 1% of men
#76696b Deuteranopia 1% of men
#716a71 Tritanopia 0.001% of the population

Trichromacy

#6c6868 Protanomaly 1% of men, 0.01% of women
#716668 Deuteranomaly 6% of men, 0.4% of women
#6e676c Tritanomaly 0.01% of the population

#696363 hex color

#696363 Color Information

#696363 Color Conversion

Color Schemes with #696363

Alternatives to #696363

#696363 Preview

Shades and Tints of #696363

Tones of #696363

Color Blindness Simulator