#9ca6f2 hex color

In a RGB color space, hex #9ca6f2 is composed of 61.2% red, 65.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 31.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 233 degrees, a saturation of 76.8% and a lightness of 78%. #9ca6f2 color hex could be obtained by blending #ffffff with #394de5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 65
- B 95
RGB color chart
- C 36
- M 31
- Y 0
- K 5
CMYK color chart

● #9ca6f2 color description : Very soft blue.

The hexadecimal color #9ca6f2 has RGB values of R:156, G:166, B:242 and CMYK values of C:0.36, M:0.31, Y:0, K:0.05. Its decimal value is 10266354.

Hex triplet	9ca6f2	`#9ca6f2`
RGB Decimal	156, 166, 242	`rgb(156,166,242)`
RGB Percent	61.2, 65.1, 94.9	`rgb(61.2%,65.1%,94.9%)`
CMYK	36, 31, 0, 5
HSL	233°, 76.8, 78	`hsl(233,76.8%,78%)`
HSV (or HSB)	233°, 35.5, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.001, 14.244, -39.128
XYZ	43.37, 40.75, 89.58
xyY	0.25, 0.235, 40.75
CIE-LCH	70.001, 41.64, 290.003
CIE-LUV	70.001, -9.063, -64.743
Hunter-Lab	63.836, 9.561, -38.516
Binary	10011100, 10100110, 11110010

#9ca6f2
```
#9ca6f2 rgb(156,166,242)
```
#f2e89c
```
#f2e89c rgb(242,232,156)
```

Complementary Color

#9cd1f2
```
#9cd1f2 rgb(156,209,242)
```
#9ca6f2
```
#9ca6f2 rgb(156,166,242)
```
#bd9cf2
```
#bd9cf2 rgb(189,156,242)
```

Analogous Color

#d1f29c
```
#d1f29c rgb(209,242,156)
```
#9ca6f2
```
#9ca6f2 rgb(156,166,242)
```
#f2bd9c
```
#f2bd9c rgb(242,189,156)
```

Split Complementary Color

#a6f29c
```
#a6f29c rgb(166,242,156)
```
#9ca6f2
```
#9ca6f2 rgb(156,166,242)
```
#f29ca6
```
#f29ca6 rgb(242,156,166)
```

Triadic Color

#9cf2e8
```
#9cf2e8 rgb(156,242,232)
```
#9ca6f2
```
#9ca6f2 rgb(156,166,242)
```
#f29ca6
```
#f29ca6 rgb(242,156,166)
```
#f2e89c
```
#f2e89c rgb(242,232,156)
```

Tetradic Color

#5869e9
```
#5869e9 rgb(88,105,233)
```
#6f7dec
```
#6f7dec rgb(111,125,236)
```
#8592ef
```
#8592ef rgb(133,146,239)
```
#9ca6f2
```
#9ca6f2 rgb(156,166,242)
```
#b3baf5
```
#b3baf5 rgb(179,186,245)
```
#c9cff8
```
#c9cff8 rgb(201,207,248)
```
#e0e3fb
```
#e0e3fb rgb(224,227,251)
```

Monochromatic Color

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

#9cbcf2
```
#9cbcf2 rgb(156,188,242)
```
#9cb4f2
```
#9cb4f2 rgb(156,180,242)
```
#9cadf2
```
#9cadf2 rgb(156,173,242)
```
#9ca6f2
```
#9ca6f2 rgb(156,166,242)
```
#9c9ff2
```
#9c9ff2 rgb(156,159,242)
```
#a09cf2
```
#a09cf2 rgb(160,156,242)
```
#a89cf2
```
#a89cf2 rgb(168,156,242)
```

Similar Colors

Text with hexadecimal color #9ca6f2

This text has a font color of #9ca6f2.

<span style="color:#9ca6f2;">Text here</span>

#9ca6f2 background color

This paragraph has a background color of #9ca6f2.

<p style="background-color:#9ca6f2;">Content here</p>

#9ca6f2 border color

This element has a border color of #9ca6f2.

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

CSS codes

.text {color:#9ca6f2;}

.background {background-color:#9ca6f2;}

.border {border:1px solid #9ca6f2;}

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

#010105
```
#010105 rgb(1,1,5)
```
#030516
```
#030516 rgb(3,5,22)
```
#050928
```
#050928 rgb(5,9,40)
```
#070d39
```
#070d39 rgb(7,13,57)
```
#0a114a
```
#0a114a rgb(10,17,74)
```
#0c155c
```
#0c155c rgb(12,21,92)
```
#0e196d
```
#0e196d rgb(14,25,109)
```
#111d7e
```
#111d7e rgb(17,29,126)
```
#132190
```
#132190 rgb(19,33,144)
```
#1525a1
```
#1525a1 rgb(21,37,161)
```
#1729b2
```
#1729b2 rgb(23,41,178)
```
#1a2dc4
```
#1a2dc4 rgb(26,45,196)
```
#1c32d5
```
#1c32d5 rgb(28,50,213)
```

Shade Color Variation

#2339e2
```
#2339e2 rgb(35,57,226)
```
#3448e4
```
#3448e4 rgb(52,72,228)
```
#4558e7
```
#4558e7 rgb(69,88,231)
```
#5768e9
```
#5768e9 rgb(87,104,233)
```
#6877eb
```
#6877eb rgb(104,119,235)
```
#7987ed
```
#7987ed rgb(121,135,237)
```
#8b96f0
```
#8b96f0 rgb(139,150,240)
```
#9ca6f2
```
#9ca6f2 rgb(156,166,242)
```
#adb6f4
```
#adb6f4 rgb(173,182,244)
```
#bfc5f7
```
#bfc5f7 rgb(191,197,247)
```
#d0d5f9
```
#d0d5f9 rgb(208,213,249)
```
#e1e4fb
```
#e1e4fb rgb(225,228,251)
```
#f3f4fd
```
#f3f4fd rgb(243,244,253)
```

Tint Color Variation

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

#c3c4cb
```
#c3c4cb rgb(195,196,203)
```
#bec0d0
```
#bec0d0 rgb(190,192,208)
```
#babdd4
```
#babdd4 rgb(186,189,212)
```
#b6bad8
```
#b6bad8 rgb(182,186,216)
```
#b2b7dc
```
#b2b7dc rgb(178,183,220)
```
#adb3e1
```
#adb3e1 rgb(173,179,225)
```
#a9b0e5
```
#a9b0e5 rgb(169,176,229)
```
#a5ade9
```
#a5ade9 rgb(165,173,233)
```
#a0a9ee
```
#a0a9ee rgb(160,169,238)
```
#9ca6f2
```
#9ca6f2 rgb(156,166,242)
```
#98a3f6
```
#98a3f6 rgb(152,163,246)
```
#939ffb
```
#939ffb rgb(147,159,251)
```
#8f9cff
```
#8f9cff rgb(143,156,255)
```

Tone Color Variation

Below, you can see how #9ca6f2 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

#acacac Achromatopsia 0.005% of the population
#a9abba Atypical Achromatopsia 0.001% of the population

Dichromacy

#96adf4 Protanopia 1% of men
#95adf1 Deuteranopia 1% of men
#93b4c1 Tritanopia 0.001% of the population

Trichromacy

#98aaf3 Protanomaly 1% of men, 0.01% of women
#97abf1 Deuteranomaly 6% of men, 0.4% of women
#96afd3 Tritanomaly 0.01% of the population

#9ca6f2 hex color

#9ca6f2 Color Information

#9ca6f2 Color Conversion

Color Schemes with #9ca6f2

Alternatives to #9ca6f2

#9ca6f2 Preview

Shades and Tints of #9ca6f2

Tones of #9ca6f2

Color Blindness Simulator