#696afc hex color

In a RGB color space, hex #696afc is composed of 41.2% red, 41.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 57.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 239.6 degrees, a saturation of 96.1% and a lightness of 70%. #696afc color hex could be obtained by blending #d2d4ff with #0000f9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 42
- B 99
RGB color chart
- C 58
- M 58
- Y 0
- K 1
CMYK color chart

● #696afc color description : Soft blue.

The hexadecimal color #696afc has RGB values of R:105, G:106, B:252 and CMYK values of C:0.58, M:0.58, Y:0, K:0.01. Its decimal value is 6908668.

Hex triplet	696afc	`#696afc`
RGB Decimal	105, 106, 252	`rgb(105,106,252)`
RGB Percent	41.2, 41.6, 98.8	`rgb(41.2%,41.6%,98.8%)`
CMYK	58, 58, 0, 1
HSL	239.6°, 96.1, 70	`hsl(239.6,96.1%,70%)`
HSV (or HSB)	239.6°, 58.3, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.218, 40.803, -73.166
XYZ	28.547, 20.338, 94.512
xyY	0.199, 0.142, 20.338
CIE-LCH	52.218, 83.774, 299.148
CIE-LUV	52.218, -8.701, -116.583
Hunter-Lab	45.098, 34.068, -92.685
Binary	01101001, 01101010, 11111100

#696afc
```
#696afc rgb(105,106,252)
```
#fcfb69
```
#fcfb69 rgb(252,251,105)
```

Complementary Color

#69b4fc
```
#69b4fc rgb(105,180,252)
```
#696afc
```
#696afc rgb(105,106,252)
```
#b269fc
```
#b269fc rgb(178,105,252)
```

Analogous Color

#b4fc69
```
#b4fc69 rgb(180,252,105)
```
#696afc
```
#696afc rgb(105,106,252)
```
#fcb269
```
#fcb269 rgb(252,178,105)
```

Split Complementary Color

#6afc69
```
#6afc69 rgb(106,252,105)
```
#696afc
```
#696afc rgb(105,106,252)
```
#fc696a
```
#fc696a rgb(252,105,106)
```

Triadic Color

#69fcfb
```
#69fcfb rgb(105,252,251)
```
#696afc
```
#696afc rgb(105,106,252)
```
#fc696a
```
#fc696a rgb(252,105,106)
```
#fcfb69
```
#fcfb69 rgb(252,251,105)
```

Tetradic Color

#1e20fb
```
#1e20fb rgb(30,32,251)
```
#3738fb
```
#3738fb rgb(55,56,251)
```
#5051fc
```
#5051fc rgb(80,81,252)
```
#696afc
```
#696afc rgb(105,106,252)
```
#8283fd
```
#8283fd rgb(130,131,253)
```
#9b9cfd
```
#9b9cfd rgb(155,156,253)
```
#b4b5fe
```
#b4b5fe rgb(180,181,254)
```

Monochromatic Color

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

#698ffc
```
#698ffc rgb(105,143,252)
```
#6983fc
```
#6983fc rgb(105,131,252)
```
#6976fc
```
#6976fc rgb(105,118,252)
```
#696afc
```
#696afc rgb(105,106,252)
```
#7469fc
```
#7469fc rgb(116,105,252)
```
#8169fc
```
#8169fc rgb(129,105,252)
```
#8d69fc
```
#8d69fc rgb(141,105,252)
```

Similar Colors

Text with hexadecimal color #696afc

This text has a font color of #696afc.

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

#696afc background color

This paragraph has a background color of #696afc.

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

#696afc border color

This element has a border color of #696afc.

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

CSS codes

.text {color:#696afc;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#000117
```
#000117 rgb(0,1,23)
```
#01012a
```
#01012a rgb(1,1,42)
```
#01023e
```
#01023e rgb(1,2,62)
```
#020251
```
#020251 rgb(2,2,81)
```
#020364
```
#020364 rgb(2,3,100)
```
#020377
```
#020377 rgb(2,3,119)
```
#03048a
```
#03048a rgb(3,4,138)
```
#03049e
```
#03049e rgb(3,4,158)
```
#0405b1
```
#0405b1 rgb(4,5,177)
```
#0405c4
```
#0405c4 rgb(4,5,196)
```
#0406d7
```
#0406d7 rgb(4,6,215)
```
#0506eb
```
#0506eb rgb(5,6,235)
```

Shade Color Variation

#090afa
```
#090afa rgb(9,10,250)
```
#1c1efa
```
#1c1efa rgb(28,30,250)
```
#2f31fb
```
#2f31fb rgb(47,49,251)
```
#4344fb
```
#4344fb rgb(67,68,251)
```
#5657fc
```
#5657fc rgb(86,87,252)
```
#696afc
```
#696afc rgb(105,106,252)
```
#7c7dfc
```
#7c7dfc rgb(124,125,252)
```
#8f90fd
```
#8f90fd rgb(143,144,253)
```
#a3a3fd
```
#a3a3fd rgb(163,163,253)
```
#b6b6fe
```
#b6b6fe rgb(182,182,254)
```
#c9cafe
```
#c9cafe rgb(201,202,254)
```
#dcddfe
```
#dcddfe rgb(220,221,254)
```
#f0f0ff
```
#f0f0ff rgb(240,240,255)
```

Tint Color Variation

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

#b0b0b5
```
#b0b0b5 rgb(176,176,181)
```
#aaaabb
```
#aaaabb rgb(170,170,187)
```
#a4a4c1
```
#a4a4c1 rgb(164,164,193)
```
#9e9ec7
```
#9e9ec7 rgb(158,158,199)
```
#9898cd
```
#9898cd rgb(152,152,205)
```
#9293d3
```
#9293d3 rgb(146,147,211)
```
#8c8dd9
```
#8c8dd9 rgb(140,141,217)
```
#8687df
```
#8687df rgb(134,135,223)
```
#8181e4
```
#8181e4 rgb(129,129,228)
```
#7b7bea
```
#7b7bea rgb(123,123,234)
```
#7576f0
```
#7576f0 rgb(117,118,240)
```
#6f70f6
```
#6f70f6 rgb(111,112,246)
```
#696afc
```
#696afc rgb(105,106,252)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#777794 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086db Deuteranopia 1% of men
#338e99 Tritanopia 0.001% of the population

Trichromacy

#2677fa Protanomaly 1% of men, 0.01% of women
#267be7 Deuteranomaly 6% of men, 0.4% of women
#4781bd Tritanomaly 0.01% of the population

#696afc hex color

#696afc Color Information

#696afc Color Conversion

Color Schemes with #696afc

Alternatives to #696afc

#696afc Preview

Shades and Tints of #696afc

Tones of #696afc

Color Blindness Simulator