#9ca5fd hex color

In a RGB color space, hex #9ca5fd is composed of 61.2% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 234.4 degrees, a saturation of 96% and a lightness of 80.2%. #9ca5fd color hex could be obtained by blending #ffffff with #394bfb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 65
- B 99
RGB color chart
- C 38
- M 35
- Y 0
- K 1
CMYK color chart

● #9ca5fd color description : Very soft blue.

The hexadecimal color #9ca5fd has RGB values of R:156, G:165, B:253 and CMYK values of C:0.38, M:0.35, Y:0, K:0.01. Its decimal value is 10266109.

Hex triplet	9ca5fd	`#9ca5fd`
RGB Decimal	156, 165, 253	`rgb(156,165,253)`
RGB Percent	61.2, 64.7, 99.2	`rgb(61.2%,64.7%,99.2%)`
CMYK	38, 35, 0, 1
HSL	234.4°, 96, 80.2	`hsl(234.4,96%,80.2%)`
HSV (or HSB)	234.4°, 38.3, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.224, 17.729, -44.757
XYZ	44.892, 41.069, 98.485
xyY	0.243, 0.223, 41.069
CIE-LCH	70.224, 48.14, 291.609
CIE-LUV	70.224, -9.206, -74.729
Hunter-Lab	64.085, 12.89, -46.256
Binary	10011100, 10100101, 11111101

#9ca5fd
```
#9ca5fd rgb(156,165,253)
```
#fdf49c
```
#fdf49c rgb(253,244,156)
```

Complementary Color

#9cd6fd
```
#9cd6fd rgb(156,214,253)
```
#9ca5fd
```
#9ca5fd rgb(156,165,253)
```
#c49cfd
```
#c49cfd rgb(196,156,253)
```

Analogous Color

#d6fd9c
```
#d6fd9c rgb(214,253,156)
```
#9ca5fd
```
#9ca5fd rgb(156,165,253)
```
#fdc49c
```
#fdc49c rgb(253,196,156)
```

Split Complementary Color

#a5fd9c
```
#a5fd9c rgb(165,253,156)
```
#9ca5fd
```
#9ca5fd rgb(156,165,253)
```
#fd9ca5
```
#fd9ca5 rgb(253,156,165)
```

Triadic Color

#9cfdf4
```
#9cfdf4 rgb(156,253,244)
```
#9ca5fd
```
#9ca5fd rgb(156,165,253)
```
#fd9ca5
```
#fd9ca5 rgb(253,156,165)
```
#fdf49c
```
#fdf49c rgb(253,244,156)
```

Tetradic Color

#5161fb
```
#5161fb rgb(81,97,251)
```
#6a78fc
```
#6a78fc rgb(106,120,252)
```
#838efc
```
#838efc rgb(131,142,252)
```
#9ca5fd
```
#9ca5fd rgb(156,165,253)
```
#b5bcfe
```
#b5bcfe rgb(181,188,254)
```
#ced2fe
```
#ced2fe rgb(206,210,254)
```
#e7e9ff
```
#e7e9ff rgb(231,233,255)
```

Monochromatic Color

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

#9cbdfd
```
#9cbdfd rgb(156,189,253)
```
#9cb5fd
```
#9cb5fd rgb(156,181,253)
```
#9cadfd
```
#9cadfd rgb(156,173,253)
```
#9ca5fd
```
#9ca5fd rgb(156,165,253)
```
#9c9dfd
```
#9c9dfd rgb(156,157,253)
```
#a39cfd
```
#a39cfd rgb(163,156,253)
```
#ab9cfd
```
#ab9cfd rgb(171,156,253)
```

Similar Colors

Text with hexadecimal color #9ca5fd

This text has a font color of #9ca5fd.

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

#9ca5fd background color

This paragraph has a background color of #9ca5fd.

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

#9ca5fd border color

This element has a border color of #9ca5fd.

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

CSS codes

.text {color:#9ca5fd;}

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

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

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

#000210
```
#000210 rgb(0,2,16)
```
#010424
```
#010424 rgb(1,4,36)
```
#010637
```
#010637 rgb(1,6,55)
```
#01084a
```
#01084a rgb(1,8,74)
```
#020a5d
```
#020a5d rgb(2,10,93)
```
#020c70
```
#020c70 rgb(2,12,112)
```
#030f84
```
#030f84 rgb(3,15,132)
```
#031197
```
#031197 rgb(3,17,151)
```
#0313aa
```
#0313aa rgb(3,19,170)
```
#0415bd
```
#0415bd rgb(4,21,189)
```
#0417d1
```
#0417d1 rgb(4,23,209)
```
#0519e4
```
#0519e4 rgb(5,25,228)
```
#051bf7
```
#051bf7 rgb(5,27,247)
```

Shade Color Variation

#152bfa
```
#152bfa rgb(21,43,250)
```
#293cfb
```
#293cfb rgb(41,60,251)
```
#3c4efb
```
#3c4efb rgb(60,78,251)
```
#4f5ffb
```
#4f5ffb rgb(79,95,251)
```
#6271fc
```
#6271fc rgb(98,113,252)
```
#7682fc
```
#7682fc rgb(118,130,252)
```
#8994fd
```
#8994fd rgb(137,148,253)
```
#9ca5fd
```
#9ca5fd rgb(156,165,253)
```
#afb6fd
```
#afb6fd rgb(175,182,253)
```
#c2c8fe
```
#c2c8fe rgb(194,200,254)
```
#d6d9fe
```
#d6d9fe rgb(214,217,254)
```
#e9ebff
```
#e9ebff rgb(233,235,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#cbcbce
```
#cbcbce rgb(203,203,206)
```
#c7c8d2
```
#c7c8d2 rgb(199,200,210)
```
#c3c5d6
```
#c3c5d6 rgb(195,197,214)
```
#bfc1da
```
#bfc1da rgb(191,193,218)
```
#bbbede
```
#bbbede rgb(187,190,222)
```
#b7bbe2
```
#b7bbe2 rgb(183,187,226)
```
#b3b8e6
```
#b3b8e6 rgb(179,184,230)
```
#afb5ea
```
#afb5ea rgb(175,181,234)
```
#acb2ed
```
#acb2ed rgb(172,178,237)
```
#a8aef1
```
#a8aef1 rgb(168,174,241)
```
#a4abf5
```
#a4abf5 rgb(164,171,245)
```
#a0a8f9
```
#a0a8f9 rgb(160,168,249)
```
#9ca5fd
```
#9ca5fd rgb(156,165,253)
```

Tone Color Variation

Below, you can see how #9ca5fd 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
#a9abbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#91adff Protanopia 1% of men
#8caffb Deuteranopia 1% of men
#8fb6c3 Tritanopia 0.001% of the population

Trichromacy

#95aafe Protanomaly 1% of men, 0.01% of women
#92abfb Deuteranomaly 6% of men, 0.4% of women
#94afd8 Tritanomaly 0.01% of the population

#9ca5fd hex color

#9ca5fd Color Information

#9ca5fd Color Conversion

Color Schemes with #9ca5fd

Alternatives to #9ca5fd

#9ca5fd Preview

Shades and Tints of #9ca5fd

Tones of #9ca5fd

Color Blindness Simulator