#9695f3 hex color

In a RGB color space, hex #9695f3 is composed of 58.8% red, 58.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 38.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 240.6 degrees, a saturation of 79.7% and a lightness of 76.9%. #9695f3 color hex could be obtained by blending #ffffff with #2d2be7. Closest websafe color is: #9999ff.

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

● #9695f3 color description : Very soft blue.

The hexadecimal color #9695f3 has RGB values of R:150, G:149, B:243 and CMYK values of C:0.38, M:0.39, Y:0, K:0.05. Its decimal value is 9868787.

Hex triplet	9695f3	`#9695f3`
RGB Decimal	150, 149, 243	`rgb(150,149,243)`
RGB Percent	58.8, 58.4, 95.3	`rgb(58.8%,58.4%,95.3%)`
CMYK	38, 39, 0, 5
HSL	240.6°, 79.7, 76.9	`hsl(240.6,79.7%,76.9%)`
HSV (or HSB)	240.6°, 38.7, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	65.318, 22.619, -47.047
XYZ	39.5, 34.449, 89.357
xyY	0.242, 0.211, 34.449
CIE-LCH	65.318, 52.202, 295.677
CIE-LUV	65.318, -5.235, -78.3
Hunter-Lab	58.693, 17.414, -49.18
Binary	10010110, 10010101, 11110011

#9695f3
```
#9695f3 rgb(150,149,243)
```
#f2f395
```
#f2f395 rgb(242,243,149)
```

Complementary Color

#95c3f3
```
#95c3f3 rgb(149,195,243)
```
#9695f3
```
#9695f3 rgb(150,149,243)
```
#c595f3
```
#c595f3 rgb(197,149,243)
```

Analogous Color

#c3f395
```
#c3f395 rgb(195,243,149)
```
#9695f3
```
#9695f3 rgb(150,149,243)
```
#f3c595
```
#f3c595 rgb(243,197,149)
```

Split Complementary Color

#95f396
```
#95f396 rgb(149,243,150)
```
#9695f3
```
#9695f3 rgb(150,149,243)
```
#f39695
```
#f39695 rgb(243,150,149)
```

Triadic Color

#95f2f3
```
#95f2f3 rgb(149,242,243)
```
#9695f3
```
#9695f3 rgb(150,149,243)
```
#f39695
```
#f39695 rgb(243,150,149)
```
#f2f395
```
#f2f395 rgb(242,243,149)
```

Tetradic Color

#5250eb
```
#5250eb rgb(82,80,235)
```
#6967ee
```
#6967ee rgb(105,103,238)
```
#7f7ef0
```
#7f7ef0 rgb(127,126,240)
```
#9695f3
```
#9695f3 rgb(150,149,243)
```
#adacf6
```
#adacf6 rgb(173,172,246)
```
#c3c3f8
```
#c3c3f8 rgb(195,195,248)
```
#dadafb
```
#dadafb rgb(218,218,251)
```

Monochromatic Color

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

#95acf3
```
#95acf3 rgb(149,172,243)
```
#95a4f3
```
#95a4f3 rgb(149,164,243)
```
#959cf3
```
#959cf3 rgb(149,156,243)
```
#9695f3
```
#9695f3 rgb(150,149,243)
```
#9e95f3
```
#9e95f3 rgb(158,149,243)
```
#a695f3
```
#a695f3 rgb(166,149,243)
```
#ae95f3
```
#ae95f3 rgb(174,149,243)
```

Similar Colors

Text with hexadecimal color #9695f3

This text has a font color of #9695f3.

<span style="color:#9695f3;">Text here</span>

#9695f3 background color

This paragraph has a background color of #9695f3.

<p style="background-color:#9695f3;">Content here</p>

#9695f3 border color

This element has a border color of #9695f3.

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

CSS codes

.text {color:#9695f3;}

.background {background-color:#9695f3;}

.border {border:1px solid #9695f3;}

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

#020211
```
#020211 rgb(2,2,17)
```
#040423
```
#040423 rgb(4,4,35)
```
#060635
```
#060635 rgb(6,6,53)
```
#090846
```
#090846 rgb(9,8,70)
```
#0b0a58
```
#0b0a58 rgb(11,10,88)
```
#0d0c69
```
#0d0c69 rgb(13,12,105)
```
#0f0e7b
```
#0f0e7b rgb(15,14,123)
```
#11108d
```
#11108d rgb(17,16,141)
```
#13129e
```
#13129e rgb(19,18,158)
```
#1614b0
```
#1614b0 rgb(22,20,176)
```
#1816c2
```
#1816c2 rgb(24,22,194)
```
#1a18d3
```
#1a18d3 rgb(26,24,211)
```
#1c1ae5
```
#1c1ae5 rgb(28,26,229)
```

Shade Color Variation

#2d2be7
```
#2d2be7 rgb(45,43,231)
```
#3f3de9
```
#3f3de9 rgb(63,61,233)
```
#504feb
```
#504feb rgb(80,79,235)
```
#6260ed
```
#6260ed rgb(98,96,237)
```
#7372ef
```
#7372ef rgb(115,114,239)
```
#8583f1
```
#8583f1 rgb(133,131,241)
```
#9695f3
```
#9695f3 rgb(150,149,243)
```
#a7a7f5
```
#a7a7f5 rgb(167,167,245)
```
#b9b8f7
```
#b9b8f7 rgb(185,184,247)
```
#cacaf9
```
#cacaf9 rgb(202,202,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, #c2c2c6 is the less saturated color, while #8d8cfc is the most saturated one.

#c2c2c6
```
#c2c2c6 rgb(194,194,198)
```
#bebeca
```
#bebeca rgb(190,190,202)
```
#bab9cf
```
#bab9cf rgb(186,185,207)
```
#b5b5d3
```
#b5b5d3 rgb(181,181,211)
```
#b1b0d8
```
#b1b0d8 rgb(177,176,216)
```
#acacdc
```
#acacdc rgb(172,172,220)
```
#a8a7e1
```
#a8a7e1 rgb(168,167,225)
```
#a3a3e5
```
#a3a3e5 rgb(163,163,229)
```
#9f9eea
```
#9f9eea rgb(159,158,234)
```
#9a9aee
```
#9a9aee rgb(154,154,238)
```
#9695f3
```
#9695f3 rgb(150,149,243)
```
#9290f8
```
#9290f8 rgb(146,144,248)
```
#8d8cfc
```
#8d8cfc rgb(141,140,252)
```

Tone Color Variation

Below, you can see how #9695f3 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

#7fa0f8 Protanopia 1% of men
#7aa3f0 Deuteranopia 1% of men
#88a8b4 Tritanopia 0.001% of the population

Trichromacy

#879cf6 Protanomaly 1% of men, 0.01% of women
#849ef1 Deuteranomaly 6% of men, 0.4% of women
#8da1cb Tritanomaly 0.01% of the population

#9695f3 hex color

#9695f3 Color Information

#9695f3 Color Conversion

Color Schemes with #9695f3

Alternatives to #9695f3

#9695f3 Preview

Shades and Tints of #9695f3

Tones of #9695f3

Color Blindness Simulator