#696af2 hex color

In a RGB color space, hex #696af2 is composed of 41.2% red, 41.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 56.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 239.6 degrees, a saturation of 84% and a lightness of 68%. #696af2 color hex could be obtained by blending #d2d4ff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 42
- B 95
RGB color chart
- C 57
- M 56
- Y 0
- K 5
CMYK color chart

● #696af2 color description : Soft blue.

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

Hex triplet	696af2	`#696af2`
RGB Decimal	105, 106, 242	`rgb(105,106,242)`
RGB Percent	41.2, 41.6, 94.9	`rgb(41.2%,41.6%,94.9%)`
CMYK	57, 56, 0, 5
HSL	239.6°, 84, 68	`hsl(239.6,84%,68%)`
HSV (or HSB)	239.6°, 56.6, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.52, 37.663, -68.734
XYZ	27.004, 19.721, 86.383
xyY	0.203, 0.148, 19.721
CIE-LCH	51.52, 78.376, 298.72
CIE-LUV	51.52, -8.197, -109.41
Hunter-Lab	44.408, 30.827, -84.245
Binary	01101001, 01101010, 11110010

#696af2
```
#696af2 rgb(105,106,242)
```
#f2f169
```
#f2f169 rgb(242,241,105)
```

Complementary Color

#69aff2
```
#69aff2 rgb(105,175,242)
```
#696af2
```
#696af2 rgb(105,106,242)
```
#ad69f2
```
#ad69f2 rgb(173,105,242)
```

Analogous Color

#aff269
```
#aff269 rgb(175,242,105)
```
#696af2
```
#696af2 rgb(105,106,242)
```
#f2ad69
```
#f2ad69 rgb(242,173,105)
```

Split Complementary Color

#6af269
```
#6af269 rgb(106,242,105)
```
#696af2
```
#696af2 rgb(105,106,242)
```
#f2696a
```
#f2696a rgb(242,105,106)
```

Triadic Color

#69f2f1
```
#69f2f1 rgb(105,242,241)
```
#696af2
```
#696af2 rgb(105,106,242)
```
#f2696a
```
#f2696a rgb(242,105,106)
```
#f2f169
```
#f2f169 rgb(242,241,105)
```

Tetradic Color

#2324ec
```
#2324ec rgb(35,36,236)
```
#3a3bee
```
#3a3bee rgb(58,59,238)
```
#5253f0
```
#5253f0 rgb(82,83,240)
```
#696af2
```
#696af2 rgb(105,106,242)
```
#8081f4
```
#8081f4 rgb(128,129,244)
```
#9899f6
```
#9899f6 rgb(152,153,246)
```
#afb0f8
```
#afb0f8 rgb(175,176,248)
```

Monochromatic Color

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

#698cf2
```
#698cf2 rgb(105,140,242)
```
#6981f2
```
#6981f2 rgb(105,129,242)
```
#6975f2
```
#6975f2 rgb(105,117,242)
```
#696af2
```
#696af2 rgb(105,106,242)
```
#7369f2
```
#7369f2 rgb(115,105,242)
```
#7f69f2
```
#7f69f2 rgb(127,105,242)
```
#8a69f2
```
#8a69f2 rgb(138,105,242)
```

Similar Colors

Text with hexadecimal color #696af2

This text has a font color of #696af2.

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

#696af2 background color

This paragraph has a background color of #696af2.

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

#696af2 border color

This element has a border color of #696af2.

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

CSS codes

.text {color:#696af2;}

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

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

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

#01010c
```
#01010c rgb(1,1,12)
```
#03031f
```
#03031f rgb(3,3,31)
```
#040531
```
#040531 rgb(4,5,49)
```
#060643
```
#060643 rgb(6,6,67)
```
#070855
```
#070855 rgb(7,8,85)
```
#090a67
```
#090a67 rgb(9,10,103)
```
#0a0b79
```
#0a0b79 rgb(10,11,121)
```
#0c0d8b
```
#0c0d8b rgb(12,13,139)
```
#0e0f9d
```
#0e0f9d rgb(14,15,157)
```
#0f10af
```
#0f10af rgb(15,16,175)
```
#1112c1
```
#1112c1 rgb(17,18,193)
```
#1214d3
```
#1214d3 rgb(18,20,211)
```
#1415e5
```
#1415e5 rgb(20,21,229)
```

Shade Color Variation

#2122ec
```
#2122ec rgb(33,34,236)
```
#3334ed
```
#3334ed rgb(51,52,237)
```
#4546ef
```
#4546ef rgb(69,70,239)
```
#5758f0
```
#5758f0 rgb(87,88,240)
```
#696af2
```
#696af2 rgb(105,106,242)
```
#7b7cf4
```
#7b7cf4 rgb(123,124,244)
```
#8d8ef5
```
#8d8ef5 rgb(141,142,245)
```
#9fa0f7
```
#9fa0f7 rgb(159,160,247)
```
#b1b2f8
```
#b1b2f8 rgb(177,178,248)
```
#c3c4fa
```
#c3c4fa rgb(195,196,250)
```
#d5d6fb
```
#d5d6fb rgb(213,214,251)
```
#e7e8fd
```
#e7e8fd rgb(231,232,253)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#a8a8b3
```
#a8a8b3 rgb(168,168,179)
```
#a1a2ba
```
#a1a2ba rgb(161,162,186)
```
#9b9bc0
```
#9b9bc0 rgb(155,155,192)
```
#9595c6
```
#9595c6 rgb(149,149,198)
```
#8f8fcc
```
#8f8fcc rgb(143,143,204)
```
#8889d3
```
#8889d3 rgb(136,137,211)
```
#8283d9
```
#8283d9 rgb(130,131,217)
```
#7c7ddf
```
#7c7ddf rgb(124,125,223)
```
#7676e5
```
#7676e5 rgb(118,118,229)
```
#6f70ec
```
#6f70ec rgb(111,112,236)
```
#696af2
```
#696af2 rgb(105,106,242)
```
#6364f8
```
#6364f8 rgb(99,100,248)
```
#5c5eff
```
#5c5eff rgb(92,94,255)
```

Tone Color Variation

Below, you can see how #696af2 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
#3e8b96 Tritanopia 0.001% of the population

Trichromacy

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

#696af2 hex color

#696af2 Color Information

#696af2 Color Conversion

Color Schemes with #696af2

Alternatives to #696af2

#696af2 Preview

Shades and Tints of #696af2

Tones of #696af2

Color Blindness Simulator