#696f93 hex color

In a RGB color space, hex #696f93 is composed of 41.2% red, 43.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 24.5% magenta, 0% yellow and 42.4% black. It has a hue angle of 231.4 degrees, a saturation of 16.7% and a lightness of 49.4%. #696f93 color hex could be obtained by blending #d2deff with #000027. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 44
- B 58
RGB color chart
- C 29
- M 24
- Y 0
- K 42
CMYK color chart

● #696f93 color description : Mostly desaturated dark blue.

The hexadecimal color #696f93 has RGB values of R:105, G:111, B:147 and CMYK values of C:0.29, M:0.24, Y:0, K:0.42. Its decimal value is 6909843.

Hex triplet	696f93	`#696f93`
RGB Decimal	105, 111, 147	`rgb(105,111,147)`
RGB Percent	41.2, 43.5, 57.6	`rgb(41.2%,43.5%,57.6%)`
CMYK	29, 24, 0, 42
HSL	231.4°, 16.7, 49.4	`hsl(231.4,16.7%,49.4%)`
HSV (or HSB)	231.4°, 28.6, 57.6
Web Safe	666699	`#666699`

CIE-LAB	47.596, 6.347, -20.347
XYZ	16.776, 16.478, 29.899
xyY	0.266, 0.261, 16.478
CIE-LCH	47.596, 21.314, 287.324
CIE-LUV	47.596, -5.01, -30.305
Hunter-Lab	40.594, 2.727, -15.254
Binary	01101001, 01101111, 10010011

#696f93
```
#696f93 rgb(105,111,147)
```
#938d69
```
#938d69 rgb(147,141,105)
```

Complementary Color

#698493
```
#698493 rgb(105,132,147)
```
#696f93
```
#696f93 rgb(105,111,147)
```
#786993
```
#786993 rgb(120,105,147)
```

Analogous Color

#849369
```
#849369 rgb(132,147,105)
```
#696f93
```
#696f93 rgb(105,111,147)
```
#937869
```
#937869 rgb(147,120,105)
```

Split Complementary Color

#6f9369
```
#6f9369 rgb(111,147,105)
```
#696f93
```
#696f93 rgb(105,111,147)
```
#93696f
```
#93696f rgb(147,105,111)
```

Triadic Color

#69938d
```
#69938d rgb(105,147,141)
```
#696f93
```
#696f93 rgb(105,111,147)
```
#93696f
```
#93696f rgb(147,105,111)
```
#938d69
```
#938d69 rgb(147,141,105)
```

Tetradic Color

#494d66
```
#494d66 rgb(73,77,102)
```
#545975
```
#545975 rgb(84,89,117)
```
#5e6484
```
#5e6484 rgb(94,100,132)
```
#696f93
```
#696f93 rgb(105,111,147)
```
#777d9e
```
#777d9e rgb(119,125,158)
```
#868ba9
```
#868ba9 rgb(134,139,169)
```
#9599b3
```
#9599b3 rgb(149,153,179)
```

Monochromatic Color

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

#697a93
```
#697a93 rgb(105,122,147)
```
#697693
```
#697693 rgb(105,118,147)
```
#697393
```
#697393 rgb(105,115,147)
```
#696f93
```
#696f93 rgb(105,111,147)
```
#696c93
```
#696c93 rgb(105,108,147)
```
#6a6993
```
#6a6993 rgb(106,105,147)
```
#6e6993
```
#6e6993 rgb(110,105,147)
```

Similar Colors

Text with hexadecimal color #696f93

This text has a font color of #696f93.

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

#696f93 background color

This paragraph has a background color of #696f93.

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

#696f93 border color

This element has a border color of #696f93.

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

CSS codes

.text {color:#696f93;}

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

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

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

#07070a
```
#07070a rgb(7,7,10)
```
#0f1015
```
#0f1015 rgb(15,16,21)
```
#171921
```
#171921 rgb(23,25,33)
```
#1f212c
```
#1f212c rgb(31,33,44)
```
#282a37
```
#282a37 rgb(40,42,55)
```
#303343
```
#303343 rgb(48,51,67)
```
#383b4e
```
#383b4e rgb(56,59,78)
```
#40445a
```
#40445a rgb(64,68,90)
```
#484c65
```
#484c65 rgb(72,76,101)
```
#505571
```
#505571 rgb(80,85,113)
```
#595e7c
```
#595e7c rgb(89,94,124)
```
#616688
```
#616688 rgb(97,102,136)
```
#696f93
```
#696f93 rgb(105,111,147)
```

Shade Color Variation

#747a9c
```
#747a9c rgb(116,122,156)
```
#7f85a4
```
#7f85a4 rgb(127,133,164)
```
#8b90ac
```
#8b90ac rgb(139,144,172)
```
#969bb4
```
#969bb4 rgb(150,155,180)
```
#a2a6bc
```
#a2a6bc rgb(162,166,188)
```
#adb0c5
```
#adb0c5 rgb(173,176,197)
```
#b9bbcd
```
#b9bbcd rgb(185,187,205)
```
#c4c6d5
```
#c4c6d5 rgb(196,198,213)
```
#cfd1dd
```
#cfd1dd rgb(207,209,221)
```
#dbdce5
```
#dbdce5 rgb(219,220,229)
```
#e6e7ed
```
#e6e7ed rgb(230,231,237)
```
#f2f2f6
```
#f2f2f6 rgb(242,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#7c7d80
```
#7c7d80 rgb(124,125,128)
```
#737689
```
#737689 rgb(115,118,137)
```
#696f93
```
#696f93 rgb(105,111,147)
```
#5f689d
```
#5f689d rgb(95,104,157)
```
#5661a6
```
#5661a6 rgb(86,97,166)
```
#4c5ab0
```
#4c5ab0 rgb(76,90,176)
```
#4253ba
```
#4253ba rgb(66,83,186)
```
#394cc3
```
#394cc3 rgb(57,76,195)
```
#2f45cd
```
#2f45cd rgb(47,69,205)
```
#253fd7
```
#253fd7 rgb(37,63,215)
```
#1b38e1
```
#1b38e1 rgb(27,56,225)
```
#1231ea
```
#1231ea rgb(18,49,234)
```
#082af4
```
#082af4 rgb(8,42,244)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6f7178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7798 Protanopia 1% of men
#717698 Deuteranopia 1% of men
#6b7a83 Tritanopia 0.001% of the population

Trichromacy

#6c7496 Protanomaly 1% of men, 0.01% of women
#6e7396 Deuteranomaly 6% of men, 0.4% of women
#6a7689 Tritanomaly 0.01% of the population

#696f93 hex color

#696f93 Color Information

#696f93 Color Conversion

Color Schemes with #696f93

Alternatives to #696f93

#696f93 Preview

Shades and Tints of #696f93

Tones of #696f93

Color Blindness Simulator