#696bba hex color

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

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

● #696bba color description : Slightly desaturated blue.

The hexadecimal color #696bba has RGB values of R:105, G:107, B:186 and CMYK values of C:0.44, M:0.42, Y:0, K:0.27. Its decimal value is 6908858.

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

CIE-LAB	48.34, 19.794, -42.015
XYZ	19.945, 17.063, 48.694
xyY	0.233, 0.199, 17.063
CIE-LCH	48.34, 46.444, 295.226
CIE-LUV	48.34, -5.518, -65.611
Hunter-Lab	41.308, 13.897, -40.977
Binary	01101001, 01101011, 10111010

#696bba
```
#696bba rgb(105,107,186)
```
#bab869
```
#bab869 rgb(186,184,105)
```

Complementary Color

#6994ba
```
#6994ba rgb(105,148,186)
```
#696bba
```
#696bba rgb(105,107,186)
```
#9069ba
```
#9069ba rgb(144,105,186)
```

Analogous Color

#94ba69
```
#94ba69 rgb(148,186,105)
```
#696bba
```
#696bba rgb(105,107,186)
```
#ba9069
```
#ba9069 rgb(186,144,105)
```

Split Complementary Color

#6bba69
```
#6bba69 rgb(107,186,105)
```
#696bba
```
#696bba rgb(105,107,186)
```
#ba696b
```
#ba696b rgb(186,105,107)
```

Triadic Color

#69bab8
```
#69bab8 rgb(105,186,184)
```
#696bba
```
#696bba rgb(105,107,186)
```
#ba696b
```
#ba696b rgb(186,105,107)
```
#bab869
```
#bab869 rgb(186,184,105)
```

Tetradic Color

#444693
```
#444693 rgb(68,70,147)
```
#4c4ea4
```
#4c4ea4 rgb(76,78,164)
```
#585ab2
```
#585ab2 rgb(88,90,178)
```
#696bba
```
#696bba rgb(105,107,186)
```
#7a7cc2
```
#7a7cc2 rgb(122,124,194)
```
#8c8dca
```
#8c8dca rgb(140,141,202)
```
#9d9fd2
```
#9d9fd2 rgb(157,159,210)
```

Monochromatic Color

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

#697fba
```
#697fba rgb(105,127,186)
```
#6979ba
```
#6979ba rgb(105,121,186)
```
#6972ba
```
#6972ba rgb(105,114,186)
```
#696bba
```
#696bba rgb(105,107,186)
```
#6e69ba
```
#6e69ba rgb(110,105,186)
```
#7569ba
```
#7569ba rgb(117,105,186)
```
#7b69ba
```
#7b69ba rgb(123,105,186)
```

Similar Colors

Text with hexadecimal color #696bba

This text has a font color of #696bba.

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

#696bba background color

This paragraph has a background color of #696bba.

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

#696bba border color

This element has a border color of #696bba.

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

CSS codes

.text {color:#696bba;}

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

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

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

#05050b
```
#05050b rgb(5,5,11)
```
#0b0c19
```
#0b0c19 rgb(11,12,25)
```
#121226
```
#121226 rgb(18,18,38)
```
#181834
```
#181834 rgb(24,24,52)
```
#1e1f41
```
#1e1f41 rgb(30,31,65)
```
#24254e
```
#24254e rgb(36,37,78)
```
#2a2b5c
```
#2a2b5c rgb(42,43,92)
```
#303269
```
#303269 rgb(48,50,105)
```
#373877
```
#373877 rgb(55,56,119)
```
#3d3f84
```
#3d3f84 rgb(61,63,132)
```
#434592
```
#434592 rgb(67,69,146)
```
#494b9f
```
#494b9f rgb(73,75,159)
```
#4f52ac
```
#4f52ac rgb(79,82,172)
```

Shade Color Variation

#5c5eb4
```
#5c5eb4 rgb(92,94,180)
```
#696bba
```
#696bba rgb(105,107,186)
```
#7678c0
```
#7678c0 rgb(118,120,192)
```
#8486c6
```
#8486c6 rgb(132,134,198)
```
#9193cd
```
#9193cd rgb(145,147,205)
```
#9fa0d3
```
#9fa0d3 rgb(159,160,211)
```
#acadd9
```
#acadd9 rgb(172,173,217)
```
#babbdf
```
#babbdf rgb(186,187,223)
```
#c7c8e5
```
#c7c8e5 rgb(199,200,229)
```
#d4d5eb
```
#d4d5eb rgb(212,213,235)
```
#e2e2f2
```
#e2e2f2 rgb(226,226,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, #8b8b98 is the less saturated color, while #262bfd is the most saturated one.

#8b8b98
```
#8b8b98 rgb(139,139,152)
```
#8283a1
```
#8283a1 rgb(130,131,161)
```
#7a7ba9
```
#7a7ba9 rgb(122,123,169)
```
#7173b2
```
#7173b2 rgb(113,115,178)
```
#696bba
```
#696bba rgb(105,107,186)
```
#6163c2
```
#6163c2 rgb(97,99,194)
```
#585bcb
```
#585bcb rgb(88,91,203)
```
#5053d3
```
#5053d3 rgb(80,83,211)
```
#474bdc
```
#474bdc rgb(71,75,220)
```
#3f43e4
```
#3f43e4 rgb(63,67,228)
```
#363bed
```
#363bed rgb(54,59,237)
```
#2e33f5
```
#2e33f5 rgb(46,51,245)
```
#262bfd
```
#262bfd rgb(38,43,253)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#717181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5877c1 Protanopia 1% of men
#517aba Deuteranopia 1% of men
#5f7f88 Tritanopia 0.001% of the population

Trichromacy

#5e73be Protanomaly 1% of men, 0.01% of women
#5a74ba Deuteranomaly 6% of men, 0.4% of women
#62779a Tritanomaly 0.01% of the population

#696bba hex color

#696bba Color Information

#696bba Color Conversion

Color Schemes with #696bba

Alternatives to #696bba

#696bba Preview

Shades and Tints of #696bba

Tones of #696bba

Color Blindness Simulator