#697aed hex color

In a RGB color space, hex #697aed is composed of 41.2% red, 47.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 48.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 232.3 degrees, a saturation of 78.6% and a lightness of 67.1%. #697aed color hex could be obtained by blending #d2f4ff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 48
- B 93
RGB color chart
- C 56
- M 49
- Y 0
- K 7
CMYK color chart

● #697aed color description : Soft blue.

The hexadecimal color #697aed has RGB values of R:105, G:122, B:237 and CMYK values of C:0.56, M:0.49, Y:0, K:0.07. Its decimal value is 6912749.

Hex triplet	697aed	`#697aed`
RGB Decimal	105, 122, 237	`rgb(105,122,237)`
RGB Percent	41.2, 47.8, 92.9	`rgb(41.2%,47.8%,92.9%)`
CMYK	56, 49, 0, 7
HSL	232.3°, 78.6, 67.1	`hsl(232.3,78.6%,67.1%)`
HSV (or HSB)	232.3°, 55.7, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.109, 26.459, -60.159
XYZ	28.068, 23.036, 83.083
xyY	0.209, 0.172, 23.036
CIE-LCH	55.109, 65.72, 293.741
CIE-LUV	55.109, -12.597, -97.06
Hunter-Lab	47.995, 20.397, -69.039
Binary	01101001, 01111010, 11101101

#697aed
```
#697aed rgb(105,122,237)
```
#eddc69
```
#eddc69 rgb(237,220,105)
```

Complementary Color

#69bced
```
#69bced rgb(105,188,237)
```
#697aed
```
#697aed rgb(105,122,237)
```
#9a69ed
```
#9a69ed rgb(154,105,237)
```

Analogous Color

#bced69
```
#bced69 rgb(188,237,105)
```
#697aed
```
#697aed rgb(105,122,237)
```
#ed9a69
```
#ed9a69 rgb(237,154,105)
```

Split Complementary Color

#7aed69
```
#7aed69 rgb(122,237,105)
```
#697aed
```
#697aed rgb(105,122,237)
```
#ed697a
```
#ed697a rgb(237,105,122)
```

Triadic Color

#69eddc
```
#69eddc rgb(105,237,220)
```
#697aed
```
#697aed rgb(105,122,237)
```
#ed697a
```
#ed697a rgb(237,105,122)
```
#eddc69
```
#eddc69 rgb(237,220,105)
```

Tetradic Color

#253de5
```
#253de5 rgb(37,61,229)
```
#3b52e8
```
#3b52e8 rgb(59,82,232)
```
#5266ea
```
#5266ea rgb(82,102,234)
```
#697aed
```
#697aed rgb(105,122,237)
```
#808ef0
```
#808ef0 rgb(128,142,240)
```
#97a2f2
```
#97a2f2 rgb(151,162,242)
```
#adb7f5
```
#adb7f5 rgb(173,183,245)
```

Monochromatic Color

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

#699bed
```
#699bed rgb(105,155,237)
```
#6990ed
```
#6990ed rgb(105,144,237)
```
#6985ed
```
#6985ed rgb(105,133,237)
```
#697aed
```
#697aed rgb(105,122,237)
```
#696fed
```
#696fed rgb(105,111,237)
```
#6e69ed
```
#6e69ed rgb(110,105,237)
```
#7969ed
```
#7969ed rgb(121,105,237)
```

Similar Colors

Text with hexadecimal color #697aed

This text has a font color of #697aed.

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

#697aed background color

This paragraph has a background color of #697aed.

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

#697aed border color

This element has a border color of #697aed.

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

CSS codes

.text {color:#697aed;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#030619
```
#030619 rgb(3,6,25)
```
#050a2b
```
#050a2b rgb(5,10,43)
```
#070e3c
```
#070e3c rgb(7,14,60)
```
#09124e
```
#09124e rgb(9,18,78)
```
#0b165f
```
#0b165f rgb(11,22,95)
```
#0e1a71
```
#0e1a71 rgb(14,26,113)
```
#101e82
```
#101e82 rgb(16,30,130)
```
#122294
```
#122294 rgb(18,34,148)
```
#1427a5
```
#1427a5 rgb(20,39,165)
```
#162bb7
```
#162bb7 rgb(22,43,183)
```
#182fc8
```
#182fc8 rgb(24,47,200)
```
#1a33da
```
#1a33da rgb(26,51,218)
```

Shade Color Variation

#233ce5
```
#233ce5 rgb(35,60,229)
```
#344be7
```
#344be7 rgb(52,75,231)
```
#465be9
```
#465be9 rgb(70,91,233)
```
#576aeb
```
#576aeb rgb(87,106,235)
```
#697aed
```
#697aed rgb(105,122,237)
```
#7b8aef
```
#7b8aef rgb(123,138,239)
```
#8c99f1
```
#8c99f1 rgb(140,153,241)
```
#9ea9f3
```
#9ea9f3 rgb(158,169,243)
```
#afb8f5
```
#afb8f5 rgb(175,184,245)
```
#c1c8f8
```
#c1c8f8 rgb(193,200,248)
```
#d2d7fa
```
#d2d7fa rgb(210,215,250)
```
#e4e7fc
```
#e4e7fc rgb(228,231,252)
```
#f5f6fe
```
#f5f6fe rgb(245,246,254)
```

Tint Color Variation

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

#aaaaac
```
#aaaaac rgb(170,170,172)
```
#a3a5b3
```
#a3a5b3 rgb(163,165,179)
```
#9da0b9
```
#9da0b9 rgb(157,160,185)
```
#969cc0
```
#969cc0 rgb(150,156,192)
```
#9097c6
```
#9097c6 rgb(144,151,198)
```
#8992cd
```
#8992cd rgb(137,146,205)
```
#838dd3
```
#838dd3 rgb(131,141,211)
```
#7c88da
```
#7c88da rgb(124,136,218)
```
#7684e0
```
#7684e0 rgb(118,132,224)
```
#6f7fe7
```
#6f7fe7 rgb(111,127,231)
```
#697aed
```
#697aed rgb(105,122,237)
```
#6375f3
```
#6375f3 rgb(99,117,243)
```
#5c70fa
```
#5c70fa rgb(92,112,250)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7d8097 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a86f3 Protanopia 1% of men
#1f8ce9 Deuteranopia 1% of men
#48949f Tritanopia 0.001% of the population

Trichromacy

#5582f0 Protanomaly 1% of men, 0.01% of women
#3a85ea Deuteranomaly 6% of men, 0.4% of women
#548bbb Tritanomaly 0.01% of the population

#697aed hex color

#697aed Color Information

#697aed Color Conversion

Color Schemes with #697aed

Alternatives to #697aed

#697aed Preview

Shades and Tints of #697aed

Tones of #697aed

Color Blindness Simulator