#696baf hex color

In a RGB color space, hex #696baf is composed of 41.2% red, 42% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 38.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 238.3 degrees, a saturation of 30.4% and a lightness of 54.9%. #696baf color hex could be obtained by blending #d2d6ff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 42
- B 69
RGB color chart
- C 40
- M 39
- Y 0
- K 31
CMYK color chart

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

The hexadecimal color #696baf has RGB values of R:105, G:107, B:175 and CMYK values of C:0.4, M:0.39, Y:0, K:0.31. Its decimal value is 6908847.

Hex triplet	696baf	`#696baf`
RGB Decimal	105, 107, 175	`rgb(105,107,175)`
RGB Percent	41.2, 42, 68.6	`rgb(41.2%,42%,68.6%)`
CMYK	40, 39, 0, 31
HSL	238.3°, 30.4, 54.9	`hsl(238.3,30.4%,54.9%)`
HSV (or HSB)	238.3°, 40, 68.6
Web Safe	666699	`#666699`

CIE-LAB	47.769, 16.559, -36.526
XYZ	18.82, 16.613, 42.77
xyY	0.241, 0.212, 16.613
CIE-LCH	47.769, 40.104, 294.387
CIE-LUV	47.769, -4.906, -56.557
Hunter-Lab	40.759, 11.089, -33.683
Binary	01101001, 01101011, 10101111

#696baf
```
#696baf rgb(105,107,175)
```
#afad69
```
#afad69 rgb(175,173,105)
```

Complementary Color

#698eaf
```
#698eaf rgb(105,142,175)
```
#696baf
```
#696baf rgb(105,107,175)
```
#8a69af
```
#8a69af rgb(138,105,175)
```

Analogous Color

#8eaf69
```
#8eaf69 rgb(142,175,105)
```
#696baf
```
#696baf rgb(105,107,175)
```
#af8a69
```
#af8a69 rgb(175,138,105)
```

Split Complementary Color

#6baf69
```
#6baf69 rgb(107,175,105)
```
#696baf
```
#696baf rgb(105,107,175)
```
#af696b
```
#af696b rgb(175,105,107)
```

Triadic Color

#69afad
```
#69afad rgb(105,175,173)
```
#696baf
```
#696baf rgb(105,107,175)
```
#af696b
```
#af696b rgb(175,105,107)
```
#afad69
```
#afad69 rgb(175,173,105)
```

Tetradic Color

#474985
```
#474985 rgb(71,73,133)
```
#505295
```
#505295 rgb(80,82,149)
```
#595ba6
```
#595ba6 rgb(89,91,166)
```
#696baf
```
#696baf rgb(105,107,175)
```
#7a7bb8
```
#7a7bb8 rgb(122,123,184)
```
#8a8cc1
```
#8a8cc1 rgb(138,140,193)
```
#9b9cca
```
#9b9cca rgb(155,156,202)
```

Monochromatic Color

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

#697daf
```
#697daf rgb(105,125,175)
```
#6977af
```
#6977af rgb(105,119,175)
```
#6971af
```
#6971af rgb(105,113,175)
```
#696baf
```
#696baf rgb(105,107,175)
```
#6d69af
```
#6d69af rgb(109,105,175)
```
#7369af
```
#7369af rgb(115,105,175)
```
#7969af
```
#7969af rgb(121,105,175)
```

Similar Colors

Text with hexadecimal color #696baf

This text has a font color of #696baf.

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

#696baf background color

This paragraph has a background color of #696baf.

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

#696baf border color

This element has a border color of #696baf.

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

CSS codes

.text {color:#696baf;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090910
```
#090910 rgb(9,9,16)
```
#10101d
```
#10101d rgb(16,16,29)
```
#16172a
```
#16172a rgb(22,23,42)
```
#1d1e37
```
#1d1e37 rgb(29,30,55)
```
#242543
```
#242543 rgb(36,37,67)
```
#2b2c50
```
#2b2c50 rgb(43,44,80)
```
#32335d
```
#32335d rgb(50,51,93)
```
#383a6a
```
#383a6a rgb(56,58,106)
```
#3f4177
```
#3f4177 rgb(63,65,119)
```
#464883
```
#464883 rgb(70,72,131)
```
#4d4f90
```
#4d4f90 rgb(77,79,144)
```
#54569d
```
#54569d rgb(84,86,157)
```

Shade Color Variation

#5c5ea8
```
#5c5ea8 rgb(92,94,168)
```
#696baf
```
#696baf rgb(105,107,175)
```
#7678b6
```
#7678b6 rgb(118,120,182)
```
#8384bd
```
#8384bd rgb(131,132,189)
```
#8f91c3
```
#8f91c3 rgb(143,145,195)
```
#9c9dca
```
#9c9dca rgb(156,157,202)
```
#a9aad1
```
#a9aad1 rgb(169,170,209)
```
#b6b7d8
```
#b6b7d8 rgb(182,183,216)
```
#c3c3df
```
#c3c3df rgb(195,195,223)
```
#cfd0e6
```
#cfd0e6 rgb(207,208,230)
```
#dcddec
```
#dcddec rgb(220,221,236)
```
#e9e9f3
```
#e9e9f3 rgb(233,233,243)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

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

#848494
```
#848494 rgb(132,132,148)
```
#7b7c9d
```
#7b7c9d rgb(123,124,157)
```
#7273a6
```
#7273a6 rgb(114,115,166)
```
#696baf
```
#696baf rgb(105,107,175)
```
#6063b8
```
#6063b8 rgb(96,99,184)
```
#575ac1
```
#575ac1 rgb(87,90,193)
```
#4e52ca
```
#4e52ca rgb(78,82,202)
```
#464ad2
```
#464ad2 rgb(70,74,210)
```
#3d41db
```
#3d41db rgb(61,65,219)
```
#3439e4
```
#3439e4 rgb(52,57,228)
```
#2b31ed
```
#2b31ed rgb(43,49,237)
```
#2228f6
```
#2228f6 rgb(34,40,246)
```
#1920ff
```
#1920ff rgb(25,32,255)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#70717e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f76b6 Protanopia 1% of men
#5a78b0 Deuteranopia 1% of men
#637c85 Tritanopia 0.001% of the population

Trichromacy

#6272b3 Protanomaly 1% of men, 0.01% of women
#6073b0 Deuteranomaly 6% of men, 0.4% of women
#657694 Tritanomaly 0.01% of the population

#696baf hex color

#696baf Color Information

#696baf Color Conversion

Color Schemes with #696baf

Alternatives to #696baf

#696baf Preview

Shades and Tints of #696baf

Tones of #696baf

Color Blindness Simulator