#96a5f5 hex color

In a RGB color space, hex #96a5f5 is composed of 58.8% red, 64.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 32.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 230.5 degrees, a saturation of 82.6% and a lightness of 77.5%. #96a5f5 color hex could be obtained by blending #ffffff with #2d4beb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 59
- G 65
- B 96
RGB color chart
- C 39
- M 33
- Y 0
- K 4
CMYK color chart

● #96a5f5 color description : Very soft blue.

The hexadecimal color #96a5f5 has RGB values of R:150, G:165, B:245 and CMYK values of C:0.39, M:0.33, Y:0, K:0.04. Its decimal value is 9872885.

Hex triplet	96a5f5	`#96a5f5`
RGB Decimal	150, 165, 245	`rgb(150,165,245)`
RGB Percent	58.8, 64.7, 96.1	`rgb(58.8%,64.7%,96.1%)`
CMYK	39, 33, 0, 4
HSL	230.5°, 82.6, 77.5	`hsl(230.5,82.6%,77.5%)`
HSV (or HSB)	230.5°, 38.8, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.459, 14.017, -41.637
XYZ	42.511, 39.986, 91.859
xyY	0.244, 0.229, 39.986
CIE-LCH	69.459, 43.933, 288.605
CIE-LUV	69.459, -11.361, -68.866
Hunter-Lab	63.234, 9.341, -41.866
Binary	10010110, 10100101, 11110101

#96a5f5
```
#96a5f5 rgb(150,165,245)
```
#f5e696
```
#f5e696 rgb(245,230,150)
```

Complementary Color

#96d5f5
```
#96d5f5 rgb(150,213,245)
```
#96a5f5
```
#96a5f5 rgb(150,165,245)
```
#b796f5
```
#b796f5 rgb(183,150,245)
```

Analogous Color

#d5f596
```
#d5f596 rgb(213,245,150)
```
#96a5f5
```
#96a5f5 rgb(150,165,245)
```
#f5b796
```
#f5b796 rgb(245,183,150)
```

Split Complementary Color

#a5f596
```
#a5f596 rgb(165,245,150)
```
#96a5f5
```
#96a5f5 rgb(150,165,245)
```
#f596a5
```
#f596a5 rgb(245,150,165)
```

Triadic Color

#96f5e6
```
#96f5e6 rgb(150,245,230)
```
#96a5f5
```
#96a5f5 rgb(150,165,245)
```
#f596a5
```
#f596a5 rgb(245,150,165)
```
#f5e696
```
#f5e696 rgb(245,230,150)
```

Tetradic Color

#5069ee
```
#5069ee rgb(80,105,238)
```
#677df1
```
#677df1 rgb(103,125,241)
```
#7f91f3
```
#7f91f3 rgb(127,145,243)
```
#96a5f5
```
#96a5f5 rgb(150,165,245)
```
#adb9f7
```
#adb9f7 rgb(173,185,247)
```
#c5cdf9
```
#c5cdf9 rgb(197,205,249)
```
#dce1fc
```
#dce1fc rgb(220,225,252)
```

Monochromatic Color

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

#96bdf5
```
#96bdf5 rgb(150,189,245)
```
#96b5f5
```
#96b5f5 rgb(150,181,245)
```
#96adf5
```
#96adf5 rgb(150,173,245)
```
#96a5f5
```
#96a5f5 rgb(150,165,245)
```
#969df5
```
#969df5 rgb(150,157,245)
```
#9796f5
```
#9796f5 rgb(151,150,245)
```
#9f96f5
```
#9f96f5 rgb(159,150,245)
```

Similar Colors

Text with hexadecimal color #96a5f5

This text has a font color of #96a5f5.

<span style="color:#96a5f5;">Text here</span>

#96a5f5 background color

This paragraph has a background color of #96a5f5.

<p style="background-color:#96a5f5;">Content here</p>

#96a5f5 border color

This element has a border color of #96a5f5.

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

CSS codes

.text {color:#96a5f5;}

.background {background-color:#96a5f5;}

.border {border:1px solid #96a5f5;}

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

#000102
```
#000102 rgb(0,1,2)
```
#020514
```
#020514 rgb(2,5,20)
```
#040926
```
#040926 rgb(4,9,38)
```
#050d38
```
#050d38 rgb(5,13,56)
```
#07124a
```
#07124a rgb(7,18,74)
```
#09165c
```
#09165c rgb(9,22,92)
```
#0a1a6e
```
#0a1a6e rgb(10,26,110)
```
#0c1e80
```
#0c1e80 rgb(12,30,128)
```
#0e2392
```
#0e2392 rgb(14,35,146)
```
#1027a4
```
#1027a4 rgb(16,39,164)
```
#112bb6
```
#112bb6 rgb(17,43,182)
```
#132fc7
```
#132fc7 rgb(19,47,199)
```
#1534d9
```
#1534d9 rgb(21,52,217)
```

Shade Color Variation

#193ae9
```
#193ae9 rgb(25,58,233)
```
#2b49eb
```
#2b49eb rgb(43,73,235)
```
#3c58ec
```
#3c58ec rgb(60,88,236)
```
#4e68ee
```
#4e68ee rgb(78,104,238)
```
#6077f0
```
#6077f0 rgb(96,119,240)
```
#7286f2
```
#7286f2 rgb(114,134,242)
```
#8496f3
```
#8496f3 rgb(132,150,243)
```
#96a5f5
```
#96a5f5 rgb(150,165,245)
```
#a8b4f7
```
#a8b4f7 rgb(168,180,247)
```
#bac4f8
```
#bac4f8 rgb(186,196,248)
```
#ccd3fa
```
#ccd3fa rgb(204,211,250)
```
#dee2fc
```
#dee2fc rgb(222,226,252)
```
#f0f2fe
```
#f0f2fe rgb(240,242,254)
```

Tint Color Variation

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

#c2c3c9
```
#c2c3c9 rgb(194,195,201)
```
#bec0cd
```
#bec0cd rgb(190,192,205)
```
#b9bdd2
```
#b9bdd2 rgb(185,189,210)
```
#b5bad6
```
#b5bad6 rgb(181,186,214)
```
#b1b7da
```
#b1b7da rgb(177,183,218)
```
#acb4df
```
#acb4df rgb(172,180,223)
```
#a8b1e3
```
#a8b1e3 rgb(168,177,227)
```
#a3aee8
```
#a3aee8 rgb(163,174,232)
```
#9fabec
```
#9fabec rgb(159,171,236)
```
#9aa8f1
```
#9aa8f1 rgb(154,168,241)
```
#96a5f5
```
#96a5f5 rgb(150,165,245)
```
#92a2f9
```
#92a2f9 rgb(146,162,249)
```
#8d9ffe
```
#8d9ffe rgb(141,159,254)
```

Tone Color Variation

Below, you can see how #96a5f5 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

#aaaaaa Achromatopsia 0.005% of the population
#a6a9b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93abf6 Protanopia 1% of men
#8facf4 Deuteranopia 1% of men
#8bb4c1 Tritanopia 0.001% of the population

Trichromacy

#94a9f6 Protanomaly 1% of men, 0.01% of women
#91aaf4 Deuteranomaly 6% of men, 0.4% of women
#8faed4 Tritanomaly 0.01% of the population

#96a5f5 hex color

#96a5f5 Color Information

#96a5f5 Color Conversion

Color Schemes with #96a5f5

Alternatives to #96a5f5

#96a5f5 Preview

Shades and Tints of #96a5f5

Tones of #96a5f5

Color Blindness Simulator