#696fec hex color

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

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

● #696fec color description : Soft blue.

The hexadecimal color #696fec has RGB values of R:105, G:111, B:236 and CMYK values of C:0.56, M:0.53, Y:0, K:0.07. Its decimal value is 6909932.

Hex triplet	696fec	`#696fec`
RGB Decimal	105, 111, 236	`rgb(105,111,236)`
RGB Percent	41.2, 43.5, 92.5	`rgb(41.2%,43.5%,92.5%)`
CMYK	56, 53, 0, 7
HSL	237.3°, 77.5, 66.9	`hsl(237.3,77.5%,66.9%)`
HSV (or HSB)	237.3°, 55.5, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.317, 32.778, -64.094
XYZ	26.647, 20.427, 81.891
xyY	0.207, 0.158, 20.427
CIE-LCH	52.317, 71.989, 297.086
CIE-LUV	52.317, -9.291, -102.471
Hunter-Lab	45.196, 26.148, -75.789
Binary	01101001, 01101111, 11101100

#696fec
```
#696fec rgb(105,111,236)
```
#ece669
```
#ece669 rgb(236,230,105)
```

Complementary Color

#69b1ec
```
#69b1ec rgb(105,177,236)
```
#696fec
```
#696fec rgb(105,111,236)
```
#a569ec
```
#a569ec rgb(165,105,236)
```

Analogous Color

#b1ec69
```
#b1ec69 rgb(177,236,105)
```
#696fec
```
#696fec rgb(105,111,236)
```
#eca569
```
#eca569 rgb(236,165,105)
```

Split Complementary Color

#6fec69
```
#6fec69 rgb(111,236,105)
```
#696fec
```
#696fec rgb(105,111,236)
```
#ec696f
```
#ec696f rgb(236,105,111)
```

Triadic Color

#69ece6
```
#69ece6 rgb(105,236,230)
```
#696fec
```
#696fec rgb(105,111,236)
```
#ec696f
```
#ec696f rgb(236,105,111)
```
#ece669
```
#ece669 rgb(236,230,105)
```

Tetradic Color

#252ee3
```
#252ee3 rgb(37,46,227)
```
#3c44e6
```
#3c44e6 rgb(60,68,230)
```
#5259e9
```
#5259e9 rgb(82,89,233)
```
#696fec
```
#696fec rgb(105,111,236)
```
#8085ef
```
#8085ef rgb(128,133,239)
```
#969af2
```
#969af2 rgb(150,154,242)
```
#adb0f5
```
#adb0f5 rgb(173,176,245)
```

Monochromatic Color

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

#6990ec
```
#6990ec rgb(105,144,236)
```
#6985ec
```
#6985ec rgb(105,133,236)
```
#697aec
```
#697aec rgb(105,122,236)
```
#696fec
```
#696fec rgb(105,111,236)
```
#6e69ec
```
#6e69ec rgb(110,105,236)
```
#7969ec
```
#7969ec rgb(121,105,236)
```
#8469ec
```
#8469ec rgb(132,105,236)
```

Similar Colors

Text with hexadecimal color #696fec

This text has a font color of #696fec.

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

#696fec background color

This paragraph has a background color of #696fec.

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

#696fec border color

This element has a border color of #696fec.

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

CSS codes

.text {color:#696fec;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#030418
```
#030418 rgb(3,4,24)
```
#05072a
```
#05072a rgb(5,7,42)
```
#070a3b
```
#070a3b rgb(7,10,59)
```
#0a0d4c
```
#0a0d4c rgb(10,13,76)
```
#0c105e
```
#0c105e rgb(12,16,94)
```
#0e136f
```
#0e136f rgb(14,19,111)
```
#101581
```
#101581 rgb(16,21,129)
```
#121892
```
#121892 rgb(18,24,146)
```
#151ba3
```
#151ba3 rgb(21,27,163)
```
#171eb5
```
#171eb5 rgb(23,30,181)
```
#1921c6
```
#1921c6 rgb(25,33,198)
```
#1b24d8
```
#1b24d8 rgb(27,36,216)
```

Shade Color Variation

#232ce3
```
#232ce3 rgb(35,44,227)
```
#353de5
```
#353de5 rgb(53,61,229)
```
#464ee8
```
#464ee8 rgb(70,78,232)
```
#585eea
```
#585eea rgb(88,94,234)
```
#696fec
```
#696fec rgb(105,111,236)
```
#7a80ee
```
#7a80ee rgb(122,128,238)
```
#8c90f0
```
#8c90f0 rgb(140,144,240)
```
#9da1f3
```
#9da1f3 rgb(157,161,243)
```
#afb2f5
```
#afb2f5 rgb(175,178,245)
```
#c0c3f7
```
#c0c3f7 rgb(192,195,247)
```
#d1d3f9
```
#d1d3f9 rgb(209,211,249)
```
#e3e4fb
```
#e3e4fb rgb(227,228,251)
```
#f4f5fe
```
#f4f5fe rgb(244,245,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 #5c63f9 is the most saturated one.

#aaaaab
```
#aaaaab rgb(170,170,171)
```
#a4a4b2
```
#a4a4b2 rgb(164,164,178)
```
#9d9eb8
```
#9d9eb8 rgb(157,158,184)
```
#9798bf
```
#9798bf rgb(151,152,191)
```
#9092c5
```
#9092c5 rgb(144,146,197)
```
#8a8dcc
```
#8a8dcc rgb(138,141,204)
```
#8387d2
```
#8387d2 rgb(131,135,210)
```
#7d81d9
```
#7d81d9 rgb(125,129,217)
```
#767bdf
```
#767bdf rgb(118,123,223)
```
#7075e6
```
#7075e6 rgb(112,117,230)
```
#696fec
```
#696fec rgb(105,111,236)
```
#6369f3
```
#6369f3 rgb(99,105,243)
```
#5c63f9
```
#5c63f9 rgb(92,99,249)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#777992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#297ff5 Protanopia 1% of men
#0085dd Deuteranopia 1% of men
#458d97 Tritanopia 0.001% of the population

Trichromacy

#4079f1 Protanomaly 1% of men, 0.01% of women
#267de2 Deuteranomaly 6% of men, 0.4% of women
#5282b6 Tritanomaly 0.01% of the population

#696fec hex color

#696fec Color Information

#696fec Color Conversion

Color Schemes with #696fec

Alternatives to #696fec

#696fec Preview

Shades and Tints of #696fec

Tones of #696fec

Color Blindness Simulator