colorhexa.com

#696af1 hex color

In a RGB color space, hex #696af1 is composed of 41.2% red, 41.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 56% magenta, 0% yellow and 5.5% black. It has a hue angle of 239.6 degrees, a saturation of 82.9% and a lightness of 67.8%. #696af1 color hex could be obtained by blending #d2d4ff with #0000e3. Closest websafe color is: #6666ff.

- R 41
- G 42
- B 95
RGB color chart
- C 56
- M 56
- Y 0
- K 5
CMYK color chart

● #696af1 color description : Soft blue.

The hexadecimal color #696af1 has RGB values of R:105, G:106, B:241 and CMYK values of C:0.56, M:0.56, Y:0, K:0.05. Its decimal value is 6908657.

Hex triplet	696af1	`#696af1`
RGB Decimal	105, 106, 241	`rgb(105,106,241)`
RGB Percent	41.2, 41.6, 94.5	`rgb(41.2%,41.6%,94.5%)`
CMYK	56, 56, 0, 5
HSL	239.6°, 82.9, 67.8	`hsl(239.6,82.9%,67.8%)`
HSV (or HSB)	239.6°, 56.4, 94.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.452, 37.349, -68.287
XYZ	26.854, 19.661, 85.594
xyY	0.203, 0.149, 19.661
CIE-LCH	51.452, 77.833, 298.676
CIE-LUV	51.452, -8.146, -108.683
Hunter-Lab	44.341, 30.507, -83.413
Binary	01101001, 01101010, 11110001

#696af1
```
#696af1 rgb(105,106,241)
```
#f1f069
```
#f1f069 rgb(241,240,105)
```

Complementary Color

#69aef1
```
#69aef1 rgb(105,174,241)
```
#696af1
```
#696af1 rgb(105,106,241)
```
#ac69f1
```
#ac69f1 rgb(172,105,241)
```

Analogous Color

#aef169
```
#aef169 rgb(174,241,105)
```
#696af1
```
#696af1 rgb(105,106,241)
```
#f1ac69
```
#f1ac69 rgb(241,172,105)
```

Split Complementary Color

#6af169
```
#6af169 rgb(106,241,105)
```
#696af1
```
#696af1 rgb(105,106,241)
```
#f1696a
```
#f1696a rgb(241,105,106)
```

Triadic Color

#69f1f0
```
#69f1f0 rgb(105,241,240)
```
#696af1
```
#696af1 rgb(105,106,241)
```
#f1696a
```
#f1696a rgb(241,105,106)
```
#f1f069
```
#f1f069 rgb(241,240,105)
```

Tetradic Color

#2324ea
```
#2324ea rgb(35,36,234)
```
#3a3ced
```
#3a3ced rgb(58,60,237)
```
#5253ef
```
#5253ef rgb(82,83,239)
```
#696af1
```
#696af1 rgb(105,106,241)
```
#8081f3
```
#8081f3 rgb(128,129,243)
```
#9898f5
```
#9898f5 rgb(152,152,245)
```
#afb0f8
```
#afb0f8 rgb(175,176,248)
```

Monochromatic Color

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

#698cf1
```
#698cf1 rgb(105,140,241)
```
#6981f1
```
#6981f1 rgb(105,129,241)
```
#6975f1
```
#6975f1 rgb(105,117,241)
```
#696af1
```
#696af1 rgb(105,106,241)
```
#7369f1
```
#7369f1 rgb(115,105,241)
```
#7f69f1
```
#7f69f1 rgb(127,105,241)
```
#8a69f1
```
#8a69f1 rgb(138,105,241)
```

Similar Colors

Text with hexadecimal color #696af1

This text has a font color of #696af1.

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

#696af1 background color

This paragraph has a background color of #696af1.

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

#696af1 border color

This element has a border color of #696af1.

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

CSS codes

.text {color:#696af1;}

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

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

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

#01010b
```
#01010b rgb(1,1,11)
```
#03031d
```
#03031d rgb(3,3,29)
```
#04052f
```
#04052f rgb(4,5,47)
```
#060741
```
#060741 rgb(6,7,65)
```
#080853
```
#080853 rgb(8,8,83)
```
#090a65
```
#090a65 rgb(9,10,101)
```
#0b0c77
```
#0b0c77 rgb(11,12,119)
```
#0d0e89
```
#0d0e89 rgb(13,14,137)
```
#0e0f9b
```
#0e0f9b rgb(14,15,155)
```
#1011ad
```
#1011ad rgb(16,17,173)
```
#1213bf
```
#1213bf rgb(18,19,191)
```
#1315d1
```
#1315d1 rgb(19,21,209)
```
#1517e3
```
#1517e3 rgb(21,23,227)
```

Shade Color Variation

#2123ea
```
#2123ea rgb(33,35,234)
```
#3335ec
```
#3335ec rgb(51,53,236)
```
#4546ee
```
#4546ee rgb(69,70,238)
```
#5758ef
```
#5758ef rgb(87,88,239)
```
#696af1
```
#696af1 rgb(105,106,241)
```
#7b7cf3
```
#7b7cf3 rgb(123,124,243)
```
#8d8ef4
```
#8d8ef4 rgb(141,142,244)
```
#9f9ff6
```
#9f9ff6 rgb(159,159,246)
```
#b1b1f8
```
#b1b1f8 rgb(177,177,248)
```
#c3c3f9
```
#c3c3f9 rgb(195,195,249)
```
#d5d5fb
```
#d5d5fb rgb(213,213,251)
```
#e7e7fd
```
#e7e7fd rgb(231,231,253)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#a8a8b2
```
#a8a8b2 rgb(168,168,178)
```
#a2a2b8
```
#a2a2b8 rgb(162,162,184)
```
#9b9cbf
```
#9b9cbf rgb(155,156,191)
```
#9596c5
```
#9596c5 rgb(149,150,197)
```
#8f8fcb
```
#8f8fcb rgb(143,143,203)
```
#8989d1
```
#8989d1 rgb(137,137,209)
```
#8283d8
```
#8283d8 rgb(130,131,216)
```
#7c7dde
```
#7c7dde rgb(124,125,222)
```
#7676e4
```
#7676e4 rgb(118,118,228)
```
#6f70eb
```
#6f70eb rgb(111,112,235)
```
#696af1
```
#696af1 rgb(105,106,241)
```
#6364f7
```
#6364f7 rgb(99,100,247)
```
#5c5efe
```
#5c5efe rgb(92,94,254)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#767691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df6 Protanopia 1% of men
#0084d9 Deuteranopia 1% of men
#3f8b95 Tritanopia 0.001% of the population

Trichromacy

#2676f4 Protanomaly 1% of men, 0.01% of women
#267ae1 Deuteranomaly 6% of men, 0.4% of women
#4e7fb7 Tritanomaly 0.01% of the population