#9ca2fe hex color

In a RGB color space, hex #9ca2fe is composed of 61.2% red, 63.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 38.6% cyan, 36.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 236.3 degrees, a saturation of 98% and a lightness of 80.4%. #9ca2fe color hex could be obtained by blending #ffffff with #3945fd. Closest websafe color is: #9999ff.

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

● #9ca2fe color description : Very soft blue.

The hexadecimal color #9ca2fe has RGB values of R:156, G:162, B:254 and CMYK values of C:0.39, M:0.36, Y:0, K:0. Its decimal value is 10265342.

Hex triplet	9ca2fe	`#9ca2fe`
RGB Decimal	156, 162, 254	`rgb(156,162,254)`
RGB Percent	61.2, 63.5, 99.6	`rgb(61.2%,63.5%,99.6%)`
CMYK	39, 36, 0, 0
HSL	236.3°, 98, 80.4	`hsl(236.3,98%,80.4%)`
HSV (or HSB)	236.3°, 38.6, 99.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.515, 19.7, -46.414
XYZ	44.516, 40.063, 99.148
xyY	0.242, 0.218, 40.063
CIE-LCH	69.515, 50.421, 292.998
CIE-LUV	69.515, -8.126, -77.659
Hunter-Lab	63.296, 14.774, -48.567
Binary	10011100, 10100010, 11111110

#9ca2fe
```
#9ca2fe rgb(156,162,254)
```
#fef89c
```
#fef89c rgb(254,248,156)
```

Complementary Color

#9cd3fe
```
#9cd3fe rgb(156,211,254)
```
#9ca2fe
```
#9ca2fe rgb(156,162,254)
```
#c79cfe
```
#c79cfe rgb(199,156,254)
```

Analogous Color

#d3fe9c
```
#d3fe9c rgb(211,254,156)
```
#9ca2fe
```
#9ca2fe rgb(156,162,254)
```
#fec79c
```
#fec79c rgb(254,199,156)
```

Split Complementary Color

#a2fe9c
```
#a2fe9c rgb(162,254,156)
```
#9ca2fe
```
#9ca2fe rgb(156,162,254)
```
#fe9ca2
```
#fe9ca2 rgb(254,156,162)
```

Triadic Color

#9cfef8
```
#9cfef8 rgb(156,254,248)
```
#9ca2fe
```
#9ca2fe rgb(156,162,254)
```
#fe9ca2
```
#fe9ca2 rgb(254,156,162)
```
#fef89c
```
#fef89c rgb(254,248,156)
```

Tetradic Color

#505bfd
```
#505bfd rgb(80,91,253)
```
#6a73fd
```
#6a73fd rgb(106,115,253)
```
#838afe
```
#838afe rgb(131,138,254)
```
#9ca2fe
```
#9ca2fe rgb(156,162,254)
```
#b5bafe
```
#b5bafe rgb(181,186,254)
```
#ced1ff
```
#ced1ff rgb(206,209,255)
```
#e8e9ff
```
#e8e9ff rgb(232,233,255)
```

Monochromatic Color

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

#9cbbfe
```
#9cbbfe rgb(156,187,254)
```
#9cb2fe
```
#9cb2fe rgb(156,178,254)
```
#9caafe
```
#9caafe rgb(156,170,254)
```
#9ca2fe
```
#9ca2fe rgb(156,162,254)
```
#9e9cfe
```
#9e9cfe rgb(158,156,254)
```
#a69cfe
```
#a69cfe rgb(166,156,254)
```
#af9cfe
```
#af9cfe rgb(175,156,254)
```

Similar Colors

Text with hexadecimal color #9ca2fe

This text has a font color of #9ca2fe.

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

#9ca2fe background color

This paragraph has a background color of #9ca2fe.

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

#9ca2fe border color

This element has a border color of #9ca2fe.

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

CSS codes

.text {color:#9ca2fe;}

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

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

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

#000112
```
#000112 rgb(0,1,18)
```
#000325
```
#000325 rgb(0,3,37)
```
#010438
```
#010438 rgb(1,4,56)
```
#01054c
```
#01054c rgb(1,5,76)
```
#01075f
```
#01075f rgb(1,7,95)
```
#010873
```
#010873 rgb(1,8,115)
```
#010986
```
#010986 rgb(1,9,134)
```
#020b99
```
#020b99 rgb(2,11,153)
```
#020cad
```
#020cad rgb(2,12,173)
```
#020ec0
```
#020ec0 rgb(2,14,192)
```
#020fd4
```
#020fd4 rgb(2,15,212)
```
#0210e7
```
#0210e7 rgb(2,16,231)
```
#0312fb
```
#0312fb rgb(3,18,251)
```

Shade Color Variation

#1422fd
```
#1422fd rgb(20,34,253)
```
#2735fd
```
#2735fd rgb(39,53,253)
```
#3b47fd
```
#3b47fd rgb(59,71,253)
```
#4e59fd
```
#4e59fd rgb(78,89,253)
```
#626bfd
```
#626bfd rgb(98,107,253)
```
#757efe
```
#757efe rgb(117,126,254)
```
#8990fe
```
#8990fe rgb(137,144,254)
```
#9ca2fe
```
#9ca2fe rgb(156,162,254)
```
#afb4fe
```
#afb4fe rgb(175,180,254)
```
#c3c6fe
```
#c3c6fe rgb(195,198,254)
```
#d6d9ff
```
#d6d9ff rgb(214,217,255)
```
#eaebff
```
#eaebff rgb(234,235,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#cacbd0
```
#cacbd0 rgb(202,203,208)
```
#c6c7d4
```
#c6c7d4 rgb(198,199,212)
```
#c2c4d8
```
#c2c4d8 rgb(194,196,216)
```
#bfc0db
```
#bfc0db rgb(191,192,219)
```
#bbbddf
```
#bbbddf rgb(187,189,223)
```
#b7bae3
```
#b7bae3 rgb(183,186,227)
```
#b3b6e7
```
#b3b6e7 rgb(179,182,231)
```
#afb3eb
```
#afb3eb rgb(175,179,235)
```
#abb0ef
```
#abb0ef rgb(171,176,239)
```
#a8acf2
```
#a8acf2 rgb(168,172,242)
```
#a4a9f6
```
#a4a9f6 rgb(164,169,246)
```
#a0a5fa
```
#a0a5fa rgb(160,165,250)
```
#9ca2fe
```
#9ca2fe rgb(156,162,254)
```

Tone Color Variation

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

Dichromacy

#8eabff Protanopia 1% of men
#87adfb Deuteranopia 1% of men
#8eb4c1 Tritanopia 0.001% of the population

Trichromacy

#93a8fe Protanomaly 1% of men, 0.01% of women
#8fa9fc Deuteranomaly 6% of men, 0.4% of women
#93add7 Tritanomaly 0.01% of the population

#9ca2fe hex color

#9ca2fe Color Information

#9ca2fe Color Conversion

Color Schemes with #9ca2fe

Alternatives to #9ca2fe

#9ca2fe Preview

Shades and Tints of #9ca2fe

Tones of #9ca2fe

Color Blindness Simulator