#697fec hex color

In a RGB color space, hex #697fec is composed of 41.2% red, 49.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 46.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 229.9 degrees, a saturation of 77.5% and a lightness of 66.9%. #697fec color hex could be obtained by blending #d2feff with #0000d9. Closest websafe color is: #6666ff.

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

● #697fec color description : Soft blue.

The hexadecimal color #697fec has RGB values of R:105, G:127, B:236 and CMYK values of C:0.56, M:0.46, Y:0, K:0.07. Its decimal value is 6914028.

Hex triplet	697fec	`#697fec`
RGB Decimal	105, 127, 236	`rgb(105,127,236)`
RGB Percent	41.2, 49.8, 92.5	`rgb(41.2%,49.8%,92.5%)`
CMYK	56, 46, 0, 7
HSL	229.9°, 77.5, 66.9	`hsl(229.9,77.5%,66.9%)`
HSV (or HSB)	229.9°, 55.5, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.324, 23.124, -57.654
XYZ	28.552, 24.237, 82.526
xyY	0.211, 0.179, 24.237
CIE-LCH	56.324, 62.118, 291.855
CIE-LUV	56.324, -14.131, -93.238
Hunter-Lab	49.231, 17.37, -64.926
Binary	01101001, 01111111, 11101100

#697fec
```
#697fec rgb(105,127,236)
```
#ecd669
```
#ecd669 rgb(236,214,105)
```

Complementary Color

#69c1ec
```
#69c1ec rgb(105,193,236)
```
#697fec
```
#697fec rgb(105,127,236)
```
#9569ec
```
#9569ec rgb(149,105,236)
```

Analogous Color

#c1ec69
```
#c1ec69 rgb(193,236,105)
```
#697fec
```
#697fec rgb(105,127,236)
```
#ec9569
```
#ec9569 rgb(236,149,105)
```

Split Complementary Color

#7fec69
```
#7fec69 rgb(127,236,105)
```
#697fec
```
#697fec rgb(105,127,236)
```
#ec697f
```
#ec697f rgb(236,105,127)
```

Triadic Color

#69ecd6
```
#69ecd6 rgb(105,236,214)
```
#697fec
```
#697fec rgb(105,127,236)
```
#ec697f
```
#ec697f rgb(236,105,127)
```
#ecd669
```
#ecd669 rgb(236,214,105)
```

Tetradic Color

#2545e3
```
#2545e3 rgb(37,69,227)
```
#3c58e6
```
#3c58e6 rgb(60,88,230)
```
#526ce9
```
#526ce9 rgb(82,108,233)
```
#697fec
```
#697fec rgb(105,127,236)
```
#8092ef
```
#8092ef rgb(128,146,239)
```
#96a6f2
```
#96a6f2 rgb(150,166,242)
```
#adb9f5
```
#adb9f5 rgb(173,185,245)
```

Monochromatic Color

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

#69a0ec
```
#69a0ec rgb(105,160,236)
```
#6995ec
```
#6995ec rgb(105,149,236)
```
#698aec
```
#698aec rgb(105,138,236)
```
#697fec
```
#697fec rgb(105,127,236)
```
#6974ec
```
#6974ec rgb(105,116,236)
```
#6969ec
```
#6969ec rgb(105,105,236)
```
#7469ec
```
#7469ec rgb(116,105,236)
```

Similar Colors

Text with hexadecimal color #697fec

This text has a font color of #697fec.

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

#697fec background color

This paragraph has a background color of #697fec.

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

#697fec border color

This element has a border color of #697fec.

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

CSS codes

.text {color:#697fec;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030718
```
#030718 rgb(3,7,24)
```
#050b2a
```
#050b2a rgb(5,11,42)
```
#07103b
```
#07103b rgb(7,16,59)
```
#0a154c
```
#0a154c rgb(10,21,76)
```
#0c1a5e
```
#0c1a5e rgb(12,26,94)
```
#0e1e6f
```
#0e1e6f rgb(14,30,111)
```
#102381
```
#102381 rgb(16,35,129)
```
#122892
```
#122892 rgb(18,40,146)
```
#152da3
```
#152da3 rgb(21,45,163)
```
#1731b5
```
#1731b5 rgb(23,49,181)
```
#1936c6
```
#1936c6 rgb(25,54,198)
```
#1b3bd8
```
#1b3bd8 rgb(27,59,216)
```

Shade Color Variation

#2344e3
```
#2344e3 rgb(35,68,227)
```
#3552e5
```
#3552e5 rgb(53,82,229)
```
#4661e8
```
#4661e8 rgb(70,97,232)
```
#5870ea
```
#5870ea rgb(88,112,234)
```
#697fec
```
#697fec rgb(105,127,236)
```
#7a8eee
```
#7a8eee rgb(122,142,238)
```
#8c9df0
```
#8c9df0 rgb(140,157,240)
```
#9dacf3
```
#9dacf3 rgb(157,172,243)
```
#afbaf5
```
#afbaf5 rgb(175,186,245)
```
#c0c9f7
```
#c0c9f7 rgb(192,201,247)
```
#d1d8f9
```
#d1d8f9 rgb(209,216,249)
```
#e3e7fb
```
#e3e7fb rgb(227,231,251)
```
#f4f6fe
```
#f4f6fe rgb(244,246,254)
```

Tint Color Variation

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

#aaaaab
```
#aaaaab rgb(170,170,171)
```
#a4a6b2
```
#a4a6b2 rgb(164,166,178)
```
#9da2b8
```
#9da2b8 rgb(157,162,184)
```
#979dbf
```
#979dbf rgb(151,157,191)
```
#9099c5
```
#9099c5 rgb(144,153,197)
```
#8a95cc
```
#8a95cc rgb(138,149,204)
```
#8390d2
```
#8390d2 rgb(131,144,210)
```
#7d8cd9
```
#7d8cd9 rgb(125,140,217)
```
#7688df
```
#7688df rgb(118,136,223)
```
#7083e6
```
#7083e6 rgb(112,131,230)
```
#697fec
```
#697fec rgb(105,127,236)
```
#637bf3
```
#637bf3 rgb(99,123,243)
```
#5c76f9
```
#5c76f9 rgb(92,118,249)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7f849a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5689f0 Protanopia 1% of men
#388ee9 Deuteranopia 1% of men
#4b97a2 Tritanopia 0.001% of the population

Trichromacy

#5d85ee Protanomaly 1% of men, 0.01% of women
#4a89ea Deuteranomaly 6% of men, 0.4% of women
#568ebd Tritanomaly 0.01% of the population

#697fec hex color

#697fec Color Information

#697fec Color Conversion

Color Schemes with #697fec

Alternatives to #697fec

#697fec Preview

Shades and Tints of #697fec

Tones of #697fec

Color Blindness Simulator