#696fba hex color

In a RGB color space, hex #696fba is composed of 41.2% red, 43.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 40.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 235.6 degrees, a saturation of 37% and a lightness of 57.1%. #696fba color hex could be obtained by blending #d2deff with #000075. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 44
- B 73
RGB color chart
- C 44
- M 40
- Y 0
- K 27
CMYK color chart

● #696fba color description : Slightly desaturated blue.

The hexadecimal color #696fba has RGB values of R:105, G:111, B:186 and CMYK values of C:0.44, M:0.4, Y:0, K:0.27. Its decimal value is 6909882.

Hex triplet	696fba	`#696fba`
RGB Decimal	105, 111, 186	`rgb(105,111,186)`
RGB Percent	41.2, 43.5, 72.9	`rgb(41.2%,43.5%,72.9%)`
CMYK	44, 40, 0, 27
HSL	235.6°, 37, 57.1	`hsl(235.6,37%,57.1%)`
HSV (or HSB)	235.6°, 43.5, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.395, 17.349, -40.344
XYZ	20.371, 17.917, 48.837
xyY	0.234, 0.206, 17.917
CIE-LCH	49.395, 43.916, 293.269
CIE-LUV	49.395, -6.928, -63.047
Hunter-Lab	42.328, 11.833, -38.777
Binary	01101001, 01101111, 10111010

#696fba
```
#696fba rgb(105,111,186)
```
#bab469
```
#bab469 rgb(186,180,105)
```

Complementary Color

#6998ba
```
#6998ba rgb(105,152,186)
```
#696fba
```
#696fba rgb(105,111,186)
```
#8c69ba
```
#8c69ba rgb(140,105,186)
```

Analogous Color

#98ba69
```
#98ba69 rgb(152,186,105)
```
#696fba
```
#696fba rgb(105,111,186)
```
#ba8c69
```
#ba8c69 rgb(186,140,105)
```

Split Complementary Color

#6fba69
```
#6fba69 rgb(111,186,105)
```
#696fba
```
#696fba rgb(105,111,186)
```
#ba696f
```
#ba696f rgb(186,105,111)
```

Triadic Color

#69bab4
```
#69bab4 rgb(105,186,180)
```
#696fba
```
#696fba rgb(105,111,186)
```
#ba696f
```
#ba696f rgb(186,105,111)
```
#bab469
```
#bab469 rgb(186,180,105)
```

Tetradic Color

#444993
```
#444993 rgb(68,73,147)
```
#4c52a4
```
#4c52a4 rgb(76,82,164)
```
#585eb2
```
#585eb2 rgb(88,94,178)
```
#696fba
```
#696fba rgb(105,111,186)
```
#7a80c2
```
#7a80c2 rgb(122,128,194)
```
#8c91ca
```
#8c91ca rgb(140,145,202)
```
#9da1d2
```
#9da1d2 rgb(157,161,210)
```

Monochromatic Color

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

#6983ba
```
#6983ba rgb(105,131,186)
```
#697dba
```
#697dba rgb(105,125,186)
```
#6976ba
```
#6976ba rgb(105,118,186)
```
#696fba
```
#696fba rgb(105,111,186)
```
#6a69ba
```
#6a69ba rgb(106,105,186)
```
#7169ba
```
#7169ba rgb(113,105,186)
```
#7769ba
```
#7769ba rgb(119,105,186)
```

Similar Colors

Text with hexadecimal color #696fba

This text has a font color of #696fba.

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

#696fba background color

This paragraph has a background color of #696fba.

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

#696fba border color

This element has a border color of #696fba.

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

CSS codes

.text {color:#696fba;}

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

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

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

#05060b
```
#05060b rgb(5,6,11)
```
#0b0c19
```
#0b0c19 rgb(11,12,25)
```
#121326
```
#121326 rgb(18,19,38)
```
#181a34
```
#181a34 rgb(24,26,52)
```
#1e2041
```
#1e2041 rgb(30,32,65)
```
#24274e
```
#24274e rgb(36,39,78)
```
#2a2e5c
```
#2a2e5c rgb(42,46,92)
```
#303569
```
#303569 rgb(48,53,105)
```
#373b77
```
#373b77 rgb(55,59,119)
```
#3d4284
```
#3d4284 rgb(61,66,132)
```
#434992
```
#434992 rgb(67,73,146)
```
#49509f
```
#49509f rgb(73,80,159)
```
#4f56ac
```
#4f56ac rgb(79,86,172)
```

Shade Color Variation

#5c62b4
```
#5c62b4 rgb(92,98,180)
```
#696fba
```
#696fba rgb(105,111,186)
```
#767cc0
```
#767cc0 rgb(118,124,192)
```
#8489c6
```
#8489c6 rgb(132,137,198)
```
#9196cd
```
#9196cd rgb(145,150,205)
```
#9fa3d3
```
#9fa3d3 rgb(159,163,211)
```
#acafd9
```
#acafd9 rgb(172,175,217)
```
#babcdf
```
#babcdf rgb(186,188,223)
```
#c7c9e5
```
#c7c9e5 rgb(199,201,229)
```
#d4d6eb
```
#d4d6eb rgb(212,214,235)
```
#e2e3f2
```
#e2e3f2 rgb(226,227,242)
```
#eff0f8
```
#eff0f8 rgb(239,240,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#8b8c98
```
#8b8c98 rgb(139,140,152)
```
#8285a1
```
#8285a1 rgb(130,133,161)
```
#7a7da9
```
#7a7da9 rgb(122,125,169)
```
#7176b2
```
#7176b2 rgb(113,118,178)
```
#696fba
```
#696fba rgb(105,111,186)
```
#6168c2
```
#6168c2 rgb(97,104,194)
```
#5861cb
```
#5861cb rgb(88,97,203)
```
#5059d3
```
#5059d3 rgb(80,89,211)
```
#4752dc
```
#4752dc rgb(71,82,220)
```
#3f4be4
```
#3f4be4 rgb(63,75,228)
```
#3644ed
```
#3644ed rgb(54,68,237)
```
#2e3df5
```
#2e3df5 rgb(46,61,245)
```
#2636fd
```
#2636fd rgb(38,54,253)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#737584 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e7ac0 Protanopia 1% of men
#577cbb Deuteranopia 1% of men
#60818b Tritanopia 0.001% of the population

Trichromacy

#6276be Protanomaly 1% of men, 0.01% of women
#5e77ba Deuteranomaly 6% of men, 0.4% of women
#637b9c Tritanomaly 0.01% of the population

#696fba hex color

#696fba Color Information

#696fba Color Conversion

Color Schemes with #696fba

Alternatives to #696fba

#696fba Preview

Shades and Tints of #696fba

Tones of #696fba

Color Blindness Simulator