#9ca4f2 hex color

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

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

● #9ca4f2 color description : Very soft blue.

The hexadecimal color #9ca4f2 has RGB values of R:156, G:164, B:242 and CMYK values of C:0.36, M:0.32, Y:0, K:0.05. Its decimal value is 10265842.

Hex triplet	9ca4f2	`#9ca4f2`
RGB Decimal	156, 164, 242	`rgb(156,164,242)`
RGB Percent	61.2, 64.3, 94.9	`rgb(61.2%,64.3%,94.9%)`
CMYK	36, 32, 0, 5
HSL	234.4°, 76.8, 78	`hsl(234.4,76.8%,78%)`
HSV (or HSB)	234.4°, 35.5, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.49, 15.374, -39.924
XYZ	43.01, 40.029, 89.46
xyY	0.249, 0.232, 40.029
CIE-LCH	69.49, 42.782, 291.061
CIE-LUV	69.49, -8.278, -66.161
Hunter-Lab	63.268, 10.625, -39.547
Binary	10011100, 10100100, 11110010

#9ca4f2
```
#9ca4f2 rgb(156,164,242)
```
#f2ea9c
```
#f2ea9c rgb(242,234,156)
```

Complementary Color

#9ccff2
```
#9ccff2 rgb(156,207,242)
```
#9ca4f2
```
#9ca4f2 rgb(156,164,242)
```
#bf9cf2
```
#bf9cf2 rgb(191,156,242)
```

Analogous Color

#cff29c
```
#cff29c rgb(207,242,156)
```
#9ca4f2
```
#9ca4f2 rgb(156,164,242)
```
#f2bf9c
```
#f2bf9c rgb(242,191,156)
```

Split Complementary Color

#a4f29c
```
#a4f29c rgb(164,242,156)
```
#9ca4f2
```
#9ca4f2 rgb(156,164,242)
```
#f29ca4
```
#f29ca4 rgb(242,156,164)
```

Triadic Color

#9cf2ea
```
#9cf2ea rgb(156,242,234)
```
#9ca4f2
```
#9ca4f2 rgb(156,164,242)
```
#f29ca4
```
#f29ca4 rgb(242,156,164)
```
#f2ea9c
```
#f2ea9c rgb(242,234,156)
```

Tetradic Color

#5866e9
```
#5866e9 rgb(88,102,233)
```
#6f7bec
```
#6f7bec rgb(111,123,236)
```
#858fef
```
#858fef rgb(133,143,239)
```
#9ca4f2
```
#9ca4f2 rgb(156,164,242)
```
#b3b9f5
```
#b3b9f5 rgb(179,185,245)
```
#c9cdf8
```
#c9cdf8 rgb(201,205,248)
```
#e0e2fb
```
#e0e2fb rgb(224,226,251)
```

Monochromatic Color

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

#9cbaf2
```
#9cbaf2 rgb(156,186,242)
```
#9cb2f2
```
#9cb2f2 rgb(156,178,242)
```
#9cabf2
```
#9cabf2 rgb(156,171,242)
```
#9ca4f2
```
#9ca4f2 rgb(156,164,242)
```
#9c9df2
```
#9c9df2 rgb(156,157,242)
```
#a29cf2
```
#a29cf2 rgb(162,156,242)
```
#aa9cf2
```
#aa9cf2 rgb(170,156,242)
```

Similar Colors

Text with hexadecimal color #9ca4f2

This text has a font color of #9ca4f2.

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

#9ca4f2 background color

This paragraph has a background color of #9ca4f2.

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

#9ca4f2 border color

This element has a border color of #9ca4f2.

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

CSS codes

.text {color:#9ca4f2;}

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

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

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)
```
#050828
```
#050828 rgb(5,8,40)
```
#070c39
```
#070c39 rgb(7,12,57)
```
#0a104a
```
#0a104a rgb(10,16,74)
```
#0c135c
```
#0c135c rgb(12,19,92)
```
#0e176d
```
#0e176d rgb(14,23,109)
```
#111b7e
```
#111b7e rgb(17,27,126)
```
#131e90
```
#131e90 rgb(19,30,144)
```
#1522a1
```
#1522a1 rgb(21,34,161)
```
#1726b2
```
#1726b2 rgb(23,38,178)
```
#1a2ac4
```
#1a2ac4 rgb(26,42,196)
```
#1c2dd5
```
#1c2dd5 rgb(28,45,213)
```

Shade Color Variation

#2334e2
```
#2334e2 rgb(35,52,226)
```
#3444e4
```
#3444e4 rgb(52,68,228)
```
#4554e7
```
#4554e7 rgb(69,84,231)
```
#5764e9
```
#5764e9 rgb(87,100,233)
```
#6874eb
```
#6874eb rgb(104,116,235)
```
#7984ed
```
#7984ed rgb(121,132,237)
```
#8b94f0
```
#8b94f0 rgb(139,148,240)
```
#9ca4f2
```
#9ca4f2 rgb(156,164,242)
```
#adb4f4
```
#adb4f4 rgb(173,180,244)
```
#bfc4f7
```
#bfc4f7 rgb(191,196,247)
```
#d0d4f9
```
#d0d4f9 rgb(208,212,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 #8f99ff is the most saturated one.

#c3c4cb
```
#c3c4cb rgb(195,196,203)
```
#bec0d0
```
#bec0d0 rgb(190,192,208)
```
#babdd4
```
#babdd4 rgb(186,189,212)
```
#b6b9d8
```
#b6b9d8 rgb(182,185,216)
```
#b2b6dc
```
#b2b6dc rgb(178,182,220)
```
#adb2e1
```
#adb2e1 rgb(173,178,225)
```
#a9afe5
```
#a9afe5 rgb(169,175,229)
```
#a5abe9
```
#a5abe9 rgb(165,171,233)
```
#a0a8ee
```
#a0a8ee rgb(160,168,238)
```
#9ca4f2
```
#9ca4f2 rgb(156,164,242)
```
#98a0f6
```
#98a0f6 rgb(152,160,246)
```
#939dfb
```
#939dfb rgb(147,157,251)
```
#8f99ff
```
#8f99ff rgb(143,153,255)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a8aab9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94abf4 Protanopia 1% of men
#92acf1 Deuteranopia 1% of men
#92b3c0 Tritanopia 0.001% of the population

Trichromacy

#97a8f3 Protanomaly 1% of men, 0.01% of women
#96a9f1 Deuteranomaly 6% of men, 0.4% of women
#96add2 Tritanomaly 0.01% of the population

#9ca4f2 hex color

#9ca4f2 Color Information

#9ca4f2 Color Conversion

Color Schemes with #9ca4f2

Alternatives to #9ca4f2

#9ca4f2 Preview

Shades and Tints of #9ca4f2

Tones of #9ca4f2

Color Blindness Simulator