#694ff4 hex color

In a RGB color space, hex #694ff4 is composed of 41.2% red, 31% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 67.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 249.5 degrees, a saturation of 88.2% and a lightness of 63.3%. #694ff4 color hex could be obtained by blending #d29eff with #0000e9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 31
- B 96
RGB color chart
- C 57
- M 68
- Y 0
- K 4
CMYK color chart

● #694ff4 color description : Soft blue.

The hexadecimal color #694ff4 has RGB values of R:105, G:79, B:244 and CMYK values of C:0.57, M:0.68, Y:0, K:0.04. Its decimal value is 6901748.

Hex triplet	694ff4	`#694ff4`
RGB Decimal	105, 79, 244	`rgb(105,79,244)`
RGB Percent	41.2, 31, 95.7	`rgb(41.2%,31%,95.7%)`
CMYK	57, 68, 0, 4
HSL	249.5°, 88.2, 63.3	`hsl(249.5,88.2%,63.3%)`
HSV (or HSB)	249.5°, 67.6, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.806, 53.729, -79.159
XYZ	24.948, 15.126, 87.188
xyY	0.196, 0.119, 15.126
CIE-LCH	45.806, 95.671, 304.167
CIE-LUV	45.806, -2.065, -120.987
Hunter-Lab	38.892, 46.439, -105.691
Binary	01101001, 01001111, 11110100

#694ff4
```
#694ff4 rgb(105,79,244)
```
#daf44f
```
#daf44f rgb(218,244,79)
```

Complementary Color

#4f88f4
```
#4f88f4 rgb(79,136,244)
```
#694ff4
```
#694ff4 rgb(105,79,244)
```
#bc4ff4
```
#bc4ff4 rgb(188,79,244)
```

Analogous Color

#88f44f
```
#88f44f rgb(136,244,79)
```
#694ff4
```
#694ff4 rgb(105,79,244)
```
#f4bc4f
```
#f4bc4f rgb(244,188,79)
```

Split Complementary Color

#4ff469
```
#4ff469 rgb(79,244,105)
```
#694ff4
```
#694ff4 rgb(105,79,244)
```
#f4694f
```
#f4694f rgb(244,105,79)
```

Triadic Color

#4fdaf4
```
#4fdaf4 rgb(79,218,244)
```
#694ff4
```
#694ff4 rgb(105,79,244)
```
#f4694f
```
#f4694f rgb(244,105,79)
```
#daf44f
```
#daf44f rgb(218,244,79)
```

Tetradic Color

#310fe8
```
#310fe8 rgb(49,15,232)
```
#401ff1
```
#401ff1 rgb(64,31,241)
```
#5537f3
```
#5537f3 rgb(85,55,243)
```
#694ff4
```
#694ff4 rgb(105,79,244)
```
#7d67f6
```
#7d67f6 rgb(125,103,246)
```
#927ff7
```
#927ff7 rgb(146,127,247)
```
#a697f9
```
#a697f9 rgb(166,151,249)
```

Monochromatic Color

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

#4f5ef4
```
#4f5ef4 rgb(79,94,244)
```
#4f51f4
```
#4f51f4 rgb(79,81,244)
```
#5b4ff4
```
#5b4ff4 rgb(91,79,244)
```
#694ff4
```
#694ff4 rgb(105,79,244)
```
#774ff4
```
#774ff4 rgb(119,79,244)
```
#854ff4
```
#854ff4 rgb(133,79,244)
```
#924ff4
```
#924ff4 rgb(146,79,244)
```

Similar Colors

Text with hexadecimal color #694ff4

This text has a font color of #694ff4.

<span style="color:#694ff4;">Text here</span>

#694ff4 background color

This paragraph has a background color of #694ff4.

<p style="background-color:#694ff4;">Content here</p>

#694ff4 border color

This element has a border color of #694ff4.

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

CSS codes

.text {color:#694ff4;}

.background {background-color:#694ff4;}

.border {border:1px solid #694ff4;}

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

#020109
```
#020109 rgb(2,1,9)
```
#06021b
```
#06021b rgb(6,2,27)
```
#0a032e
```
#0a032e rgb(10,3,46)
```
#0d0440
```
#0d0440 rgb(13,4,64)
```
#110552
```
#110552 rgb(17,5,82)
```
#150665
```
#150665 rgb(21,6,101)
```
#190777
```
#190777 rgb(25,7,119)
```
#1d098a
```
#1d098a rgb(29,9,138)
```
#210a9c
```
#210a9c rgb(33,10,156)
```
#250baf
```
#250baf rgb(37,11,175)
```
#290cc1
```
#290cc1 rgb(41,12,193)
```
#2d0dd4
```
#2d0dd4 rgb(45,13,212)
```
#300ee6
```
#300ee6 rgb(48,14,230)
```

Shade Color Variation

#3a18f1
```
#3a18f1 rgb(58,24,241)
```
#4a2af2
```
#4a2af2 rgb(74,42,242)
```
#593df3
```
#593df3 rgb(89,61,243)
```
#694ff4
```
#694ff4 rgb(105,79,244)
```
#7961f5
```
#7961f5 rgb(121,97,245)
```
#8874f6
```
#8874f6 rgb(136,116,246)
```
#9886f7
```
#9886f7 rgb(152,134,247)
```
#a899f9
```
#a899f9 rgb(168,153,249)
```
#b8abfa
```
#b8abfa rgb(184,171,250)
```
#c7befb
```
#c7befb rgb(199,190,251)
```
#d7d0fc
```
#d7d0fc rgb(215,208,252)
```
#e7e3fd
```
#e7e3fd rgb(231,227,253)
```
#f7f5fe
```
#f7f5fe rgb(247,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9f9ea5 is the less saturated color, while #6448fb is the most saturated one.

#9f9ea5
```
#9f9ea5 rgb(159,158,165)
```
#9a97ac
```
#9a97ac rgb(154,151,172)
```
#9590b3
```
#9590b3 rgb(149,144,179)
```
#9089ba
```
#9089ba rgb(144,137,186)
```
#8b81c2
```
#8b81c2 rgb(139,129,194)
```
#877ac9
```
#877ac9 rgb(135,122,201)
```
#8273d0
```
#8273d0 rgb(130,115,208)
```
#7d6cd7
```
#7d6cd7 rgb(125,108,215)
```
#7865de
```
#7865de rgb(120,101,222)
```
#735de6
```
#735de6 rgb(115,93,230)
```
#6e56ed
```
#6e56ed rgb(110,86,237)
```
#694ff4
```
#694ff4 rgb(105,79,244)
```
#6448fb
```
#6448fb rgb(100,72,251)
```

Tone Color Variation

Below, you can see how #694ff4 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

#6a6a6a Achromatopsia 0.005% of the population
#6a6586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076bf Deuteranopia 1% of men
#327d87 Tritanopia 0.001% of the population

Trichromacy

#2664e4 Protanomaly 1% of men, 0.01% of women
#2668d2 Deuteranomaly 6% of men, 0.4% of women
#466cae Tritanomaly 0.01% of the population

#694ff4 hex color

#694ff4 Color Information

#694ff4 Color Conversion

Color Schemes with #694ff4

Alternatives to #694ff4

#694ff4 Preview

Shades and Tints of #694ff4

Tones of #694ff4

Color Blindness Simulator