#9694f4 hex color

In a RGB color space, hex #9694f4 is composed of 58.8% red, 58% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 39.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 241.3 degrees, a saturation of 81.4% and a lightness of 76.9%. #9694f4 color hex could be obtained by blending #ffffff with #2d29e9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 59
- G 58
- B 96
RGB color chart
- C 39
- M 39
- Y 0
- K 4
CMYK color chart

● #9694f4 color description : Very soft blue.

The hexadecimal color #9694f4 has RGB values of R:150, G:148, B:244 and CMYK values of C:0.39, M:0.39, Y:0, K:0.04. Its decimal value is 9868532.

Hex triplet	9694f4	`#9694f4`
RGB Decimal	150, 148, 244	`rgb(150,148,244)`
RGB Percent	58.8, 58, 95.7	`rgb(58.8%,58%,95.7%)`
CMYK	39, 39, 0, 4
HSL	241.3°, 81.4, 76.9	`hsl(241.3,81.4%,76.9%)`
HSV (or HSB)	241.3°, 39.3, 95.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	65.117, 23.465, -47.912
XYZ	39.494, 34.195, 90.102
xyY	0.241, 0.209, 34.195
CIE-LCH	65.117, 53.349, 296.094
CIE-LUV	65.117, -4.931, -79.801
Hunter-Lab	58.476, 18.222, -50.423
Binary	10010110, 10010100, 11110100

#9694f4
```
#9694f4 rgb(150,148,244)
```
#f2f494
```
#f2f494 rgb(242,244,148)
```

Complementary Color

#94c2f4
```
#94c2f4 rgb(148,194,244)
```
#9694f4
```
#9694f4 rgb(150,148,244)
```
#c694f4
```
#c694f4 rgb(198,148,244)
```

Analogous Color

#c2f494
```
#c2f494 rgb(194,244,148)
```
#9694f4
```
#9694f4 rgb(150,148,244)
```
#f4c694
```
#f4c694 rgb(244,198,148)
```

Split Complementary Color

#94f496
```
#94f496 rgb(148,244,150)
```
#9694f4
```
#9694f4 rgb(150,148,244)
```
#f49694
```
#f49694 rgb(244,150,148)
```

Triadic Color

#94f2f4
```
#94f2f4 rgb(148,242,244)
```
#9694f4
```
#9694f4 rgb(150,148,244)
```
#f49694
```
#f49694 rgb(244,150,148)
```
#f2f494
```
#f2f494 rgb(242,244,148)
```

Tetradic Color

#524fed
```
#524fed rgb(82,79,237)
```
#6966ef
```
#6966ef rgb(105,102,239)
```
#7f7df2
```
#7f7df2 rgb(127,125,242)
```
#9694f4
```
#9694f4 rgb(150,148,244)
```
#adabf6
```
#adabf6 rgb(173,171,246)
```
#c3c2f9
```
#c3c2f9 rgb(195,194,249)
```
#dad9fb
```
#dad9fb rgb(218,217,251)
```

Monochromatic Color

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

#94aaf4
```
#94aaf4 rgb(148,170,244)
```
#94a2f4
```
#94a2f4 rgb(148,162,244)
```
#949af4
```
#949af4 rgb(148,154,244)
```
#9694f4
```
#9694f4 rgb(150,148,244)
```
#9e94f4
```
#9e94f4 rgb(158,148,244)
```
#a694f4
```
#a694f4 rgb(166,148,244)
```
#ae94f4
```
#ae94f4 rgb(174,148,244)
```

Similar Colors

Text with hexadecimal color #9694f4

This text has a font color of #9694f4.

<span style="color:#9694f4;">Text here</span>

#9694f4 background color

This paragraph has a background color of #9694f4.

<p style="background-color:#9694f4;">Content here</p>

#9694f4 border color

This element has a border color of #9694f4.

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

CSS codes

.text {color:#9694f4;}

.background {background-color:#9694f4;}

.border {border:1px solid #9694f4;}

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

#020212
```
#020212 rgb(2,2,18)
```
#040423
```
#040423 rgb(4,4,35)
```
#060535
```
#060535 rgb(6,5,53)
```
#090747
```
#090747 rgb(9,7,71)
```
#0b0959
```
#0b0959 rgb(11,9,89)
```
#0d0b6a
```
#0d0b6a rgb(13,11,106)
```
#0f0d7c
```
#0f0d7c rgb(15,13,124)
```
#110f8e
```
#110f8e rgb(17,15,142)
```
#1310a0
```
#1310a0 rgb(19,16,160)
```
#1612b2
```
#1612b2 rgb(22,18,178)
```
#1814c3
```
#1814c3 rgb(24,20,195)
```
#1a16d5
```
#1a16d5 rgb(26,22,213)
```
#1c18e7
```
#1c18e7 rgb(28,24,231)
```

Shade Color Variation

#2d29e9
```
#2d29e9 rgb(45,41,233)
```
#3f3beb
```
#3f3beb rgb(63,59,235)
```
#504ded
```
#504ded rgb(80,77,237)
```
#625fef
```
#625fef rgb(98,95,239)
```
#7370f0
```
#7370f0 rgb(115,112,240)
```
#8582f2
```
#8582f2 rgb(133,130,242)
```
#9694f4
```
#9694f4 rgb(150,148,244)
```
#a7a6f6
```
#a7a6f6 rgb(167,166,246)
```
#b9b8f8
```
#b9b8f8 rgb(185,184,248)
```
#cac9f9
```
#cac9f9 rgb(202,201,249)
```
#dcdbfb
```
#dcdbfb rgb(220,219,251)
```
#ededfd
```
#ededfd rgb(237,237,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c1c1c7
```
#c1c1c7 rgb(193,193,199)
```
#bdbdcb
```
#bdbdcb rgb(189,189,203)
```
#b9b8d0
```
#b9b8d0 rgb(185,184,208)
```
#b4b4d4
```
#b4b4d4 rgb(180,180,212)
```
#b0afd9
```
#b0afd9 rgb(176,175,217)
```
#acabdd
```
#acabdd rgb(172,171,221)
```
#a7a6e2
```
#a7a6e2 rgb(167,166,226)
```
#a3a2e6
```
#a3a2e6 rgb(163,162,230)
```
#9f9deb
```
#9f9deb rgb(159,157,235)
```
#9a99ef
```
#9a99ef rgb(154,153,239)
```
#9694f4
```
#9694f4 rgb(150,148,244)
```
#928ff9
```
#928ff9 rgb(146,143,249)
```
#8d8bfd
```
#8d8bfd rgb(141,139,253)
```

Tone Color Variation

Below, you can see how #9694f4 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

#a0a0a0 Achromatopsia 0.005% of the population
#9e9eb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7da0f9 Protanopia 1% of men
#78a2f1 Deuteranopia 1% of men
#88a8b4 Tritanopia 0.001% of the population

Trichromacy

#869bf7 Protanomaly 1% of men, 0.01% of women
#839df2 Deuteranomaly 6% of men, 0.4% of women
#8da0cb Tritanomaly 0.01% of the population

#9694f4 hex color

#9694f4 Color Information

#9694f4 Color Conversion

Color Schemes with #9694f4

Alternatives to #9694f4

#9694f4 Preview

Shades and Tints of #9694f4

Tones of #9694f4

Color Blindness Simulator