colorhexa.com

#697ae7 hex color

In a RGB color space, hex #697ae7 is composed of 41.2% red, 47.8% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 47.2% magenta, 0% yellow and 9.4% black. It has a hue angle of 231.9 degrees, a saturation of 72.4% and a lightness of 65.9%. #697ae7 color hex could be obtained by blending #d2f4ff with #0000cf. Closest websafe color is: #6666ff.

- R 41
- G 48
- B 91
RGB color chart
- C 55
- M 47
- Y 0
- K 9
CMYK color chart

● #697ae7 color description : Soft blue.

The hexadecimal color #697ae7 has RGB values of R:105, G:122, B:231 and CMYK values of C:0.55, M:0.47, Y:0, K:0.09. Its decimal value is 6912743.

Hex triplet	697ae7	`#697ae7`
RGB Decimal	105, 122, 231	`rgb(105,122,231)`
RGB Percent	41.2, 47.8, 90.6	`rgb(41.2%,47.8%,90.6%)`
CMYK	55, 47, 0, 9
HSL	231.9°, 72.4, 65.9	`hsl(231.9,72.4%,65.9%)`
HSV (or HSB)	231.9°, 54.5, 90.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.752, 24.551, -57.382
XYZ	27.206, 22.691, 78.543
xyY	0.212, 0.177, 22.691
CIE-LCH	54.752, 62.413, 293.164
CIE-LUV	54.752, -12.404, -92.374
Hunter-Lab	47.635, 18.588, -64.417
Binary	01101001, 01111010, 11100111

#697ae7
```
#697ae7 rgb(105,122,231)
```
#e7d669
```
#e7d669 rgb(231,214,105)
```

Complementary Color

#69b9e7
```
#69b9e7 rgb(105,185,231)
```
#697ae7
```
#697ae7 rgb(105,122,231)
```
#9769e7
```
#9769e7 rgb(151,105,231)
```

Analogous Color

#b9e769
```
#b9e769 rgb(185,231,105)
```
#697ae7
```
#697ae7 rgb(105,122,231)
```
#e79769
```
#e79769 rgb(231,151,105)
```

Split Complementary Color

#7ae769
```
#7ae769 rgb(122,231,105)
```
#697ae7
```
#697ae7 rgb(105,122,231)
```
#e7697a
```
#e7697a rgb(231,105,122)
```

Triadic Color

#69e7d6
```
#69e7d6 rgb(105,231,214)
```
#697ae7
```
#697ae7 rgb(105,122,231)
```
#e7697a
```
#e7697a rgb(231,105,122)
```
#e7d669
```
#e7d669 rgb(231,214,105)
```

Tetradic Color

#2740dc
```
#2740dc rgb(39,64,220)
```
#3d53e0
```
#3d53e0 rgb(61,83,224)
```
#5367e3
```
#5367e3 rgb(83,103,227)
```
#697ae7
```
#697ae7 rgb(105,122,231)
```
#7f8deb
```
#7f8deb rgb(127,141,235)
```
#95a1ee
```
#95a1ee rgb(149,161,238)
```
#abb4f2
```
#abb4f2 rgb(171,180,242)
```

Monochromatic Color

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

#699ae7
```
#699ae7 rgb(105,154,231)
```
#698fe7
```
#698fe7 rgb(105,143,231)
```
#6985e7
```
#6985e7 rgb(105,133,231)
```
#697ae7
```
#697ae7 rgb(105,122,231)
```
#6970e7
```
#6970e7 rgb(105,112,231)
```
#6d69e7
```
#6d69e7 rgb(109,105,231)
```
#7869e7
```
#7869e7 rgb(120,105,231)
```

Similar Colors

Text with hexadecimal color #697ae7

This text has a font color of #697ae7.

<span style="color:#697ae7;">Text here</span>

#697ae7 background color

This paragraph has a background color of #697ae7.

<p style="background-color:#697ae7;">Content here</p>

#697ae7 border color

This element has a border color of #697ae7.

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

CSS codes

.text {color:#697ae7;}

.background {background-color:#697ae7;}

.border {border:1px solid #697ae7;}

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

#000102
```
#000102 rgb(0,1,2)
```
#030513
```
#030513 rgb(3,5,19)
```
#060a24
```
#060a24 rgb(6,10,36)
```
#080e35
```
#080e35 rgb(8,14,53)
```
#0b1346
```
#0b1346 rgb(11,19,70)
```
#0e1857
```
#0e1857 rgb(14,24,87)
```
#111c68
```
#111c68 rgb(17,28,104)
```
#132179
```
#132179 rgb(19,33,121)
```
#162689
```
#162689 rgb(22,38,137)
```
#192a9a
```
#192a9a rgb(25,42,154)
```
#1b2fab
```
#1b2fab rgb(27,47,171)
```
#1e33bc
```
#1e33bc rgb(30,51,188)
```
#2138cd
```
#2138cd rgb(33,56,205)
```

Shade Color Variation

#253edc
```
#253edc rgb(37,62,220)
```
#364ddf
```
#364ddf rgb(54,77,223)
```
#475ce2
```
#475ce2 rgb(71,92,226)
```
#586be4
```
#586be4 rgb(88,107,228)
```
#697ae7
```
#697ae7 rgb(105,122,231)
```
#7a89ea
```
#7a89ea rgb(122,137,234)
```
#8b98ec
```
#8b98ec rgb(139,152,236)
```
#9ca7ef
```
#9ca7ef rgb(156,167,239)
```
#adb6f2
```
#adb6f2 rgb(173,182,242)
```
#bec5f5
```
#bec5f5 rgb(190,197,245)
```
#ced4f7
```
#ced4f7 rgb(206,212,247)
```
#dfe3fa
```
#dfe3fa rgb(223,227,250)
```
#f0f2fd
```
#f0f2fd rgb(240,242,253)
```

Tint Color Variation

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

#a5a6ab
```
#a5a6ab rgb(165,166,171)
```
#9fa1b1
```
#9fa1b1 rgb(159,161,177)
```
#989cb8
```
#989cb8 rgb(152,156,184)
```
#9197bf
```
#9197bf rgb(145,151,191)
```
#8a92c6
```
#8a92c6 rgb(138,146,198)
```
#848ecc
```
#848ecc rgb(132,142,204)
```
#7d89d3
```
#7d89d3 rgb(125,137,211)
```
#7684da
```
#7684da rgb(118,132,218)
```
#707fe0
```
#707fe0 rgb(112,127,224)
```
#697ae7
```
#697ae7 rgb(105,122,231)
```
#6275ee
```
#6275ee rgb(98,117,238)
```
#5c70f4
```
#5c70f4 rgb(92,112,244)
```
#556bfb
```
#556bfb rgb(85,107,251)
```

Tone Color Variation

Below, you can see how #697ae7 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

#818181 Achromatopsia 0.005% of the population
#7c8095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5186ec Protanopia 1% of men
#328be3 Deuteranopia 1% of men
#4d939e Tritanopia 0.001% of the population

Trichromacy

#5981ea Protanomaly 1% of men, 0.01% of women
#4684e5 Deuteranomaly 6% of men, 0.4% of women
#578ab8 Tritanomaly 0.01% of the population