#696efe hex color

In a RGB color space, hex #696efe is composed of 41.2% red, 43.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 56.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 238 degrees, a saturation of 98.7% and a lightness of 70.4%. #696efe color hex could be obtained by blending #d2dcff with #0000fd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 43
- B 100
RGB color chart
- C 59
- M 57
- Y 0
- K 0
CMYK color chart

● #696efe color description : Soft blue.

The hexadecimal color #696efe has RGB values of R:105, G:110, B:254 and CMYK values of C:0.59, M:0.57, Y:0, K:0. Its decimal value is 6909694.

Hex triplet	696efe	`#696efe`
RGB Decimal	105, 110, 254	`rgb(105,110,254)`
RGB Percent	41.2, 43.1, 99.6	`rgb(41.2%,43.1%,99.6%)`
CMYK	59, 57, 0, 0
HSL	238°, 98.7, 70.4	`hsl(238,98.7%,70.4%)`
HSV (or HSB)	238°, 58.7, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.287, 39.066, -72.539
XYZ	29.287, 21.31, 96.33
xyY	0.199, 0.145, 21.31
CIE-LCH	53.287, 82.389, 298.305
CIE-LUV	53.287, -9.835, -116.166
Hunter-Lab	46.162, 32.464, -91.411
Binary	01101001, 01101110, 11111110

#696efe
```
#696efe rgb(105,110,254)
```
#fef969
```
#fef969 rgb(254,249,105)
```

Complementary Color

#69b9fe
```
#69b9fe rgb(105,185,254)
```
#696efe
```
#696efe rgb(105,110,254)
```
#af69fe
```
#af69fe rgb(175,105,254)
```

Analogous Color

#b9fe69
```
#b9fe69 rgb(185,254,105)
```
#696efe
```
#696efe rgb(105,110,254)
```
#feaf69
```
#feaf69 rgb(254,175,105)
```

Split Complementary Color

#6efe69
```
#6efe69 rgb(110,254,105)
```
#696efe
```
#696efe rgb(105,110,254)
```
#fe696e
```
#fe696e rgb(254,105,110)
```

Triadic Color

#69fef9
```
#69fef9 rgb(105,254,249)
```
#696efe
```
#696efe rgb(105,110,254)
```
#fe696e
```
#fe696e rgb(254,105,110)
```
#fef969
```
#fef969 rgb(254,249,105)
```

Tetradic Color

#1d25fd
```
#1d25fd rgb(29,37,253)
```
#363dfe
```
#363dfe rgb(54,61,254)
```
#5056fe
```
#5056fe rgb(80,86,254)
```
#696efe
```
#696efe rgb(105,110,254)
```
#8286fe
```
#8286fe rgb(130,134,254)
```
#9c9ffe
```
#9c9ffe rgb(156,159,254)
```
#b5b7ff
```
#b5b7ff rgb(181,183,255)
```

Monochromatic Color

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

#6993fe
```
#6993fe rgb(105,147,254)
```
#6987fe
```
#6987fe rgb(105,135,254)
```
#697afe
```
#697afe rgb(105,122,254)
```
#696efe
```
#696efe rgb(105,110,254)
```
#7069fe
```
#7069fe rgb(112,105,254)
```
#7d69fe
```
#7d69fe rgb(125,105,254)
```
#8969fe
```
#8969fe rgb(137,105,254)
```

Similar Colors

Text with hexadecimal color #696efe

This text has a font color of #696efe.

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

#696efe background color

This paragraph has a background color of #696efe.

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

#696efe border color

This element has a border color of #696efe.

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

CSS codes

.text {color:#696efe;}

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

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

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

#000006
```
#000006 rgb(0,0,6)
```
#000119
```
#000119 rgb(0,1,25)
```
#00022d
```
#00022d rgb(0,2,45)
```
#000340
```
#000340 rgb(0,3,64)
```
#010354
```
#010354 rgb(1,3,84)
```
#010467
```
#010467 rgb(1,4,103)
```
#01057b
```
#01057b rgb(1,5,123)
```
#01068e
```
#01068e rgb(1,6,142)
```
#0106a2
```
#0106a2 rgb(1,6,162)
```
#0107b5
```
#0107b5 rgb(1,7,181)
```
#0108c9
```
#0108c9 rgb(1,8,201)
```
#0109dc
```
#0109dc rgb(1,9,220)
```
#020af0
```
#020af0 rgb(2,10,240)
```

Shade Color Variation

#0810fd
```
#0810fd rgb(8,16,253)
```
#1b23fd
```
#1b23fd rgb(27,35,253)
```
#2f35fe
```
#2f35fe rgb(47,53,254)
```
#4248fe
```
#4248fe rgb(66,72,254)
```
#565bfe
```
#565bfe rgb(86,91,254)
```
#696efe
```
#696efe rgb(105,110,254)
```
#7c81fe
```
#7c81fe rgb(124,129,254)
```
#9094fe
```
#9094fe rgb(144,148,254)
```
#a3a7fe
```
#a3a7fe rgb(163,167,254)
```
#b7b9ff
```
#b7b9ff rgb(183,185,255)
```
#caccff
```
#caccff rgb(202,204,255)
```
#dedfff
```
#dedfff rgb(222,223,255)
```
#f1f2ff
```
#f1f2ff rgb(241,242,255)
```

Tint Color Variation

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

#afafb8
```
#afafb8 rgb(175,175,184)
```
#a9aabe
```
#a9aabe rgb(169,170,190)
```
#a3a4c4
```
#a3a4c4 rgb(163,164,196)
```
#9d9fca
```
#9d9fca rgb(157,159,202)
```
#9799d0
```
#9799d0 rgb(151,153,208)
```
#9294d5
```
#9294d5 rgb(146,148,213)
```
#8c8fdb
```
#8c8fdb rgb(140,143,219)
```
#8689e1
```
#8689e1 rgb(134,137,225)
```
#8084e7
```
#8084e7 rgb(128,132,231)
```
#7a7eed
```
#7a7eed rgb(122,126,237)
```
#7579f2
```
#7579f2 rgb(117,121,242)
```
#6f73f8
```
#6f73f8 rgb(111,115,248)
```
#696efe
```
#696efe rgb(105,110,254)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#797a97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fe Protanopia 1% of men
#0088df Deuteranopia 1% of men
#33919c Tritanopia 0.001% of the population

Trichromacy

#267afe Protanomaly 1% of men, 0.01% of women
#267fea Deuteranomaly 6% of men, 0.4% of women
#4684bf Tritanomaly 0.01% of the population

#696efe hex color

#696efe Color Information

#696efe Color Conversion

Color Schemes with #696efe

Alternatives to #696efe

#696efe Preview

Shades and Tints of #696efe

Tones of #696efe

Color Blindness Simulator