#96b2f4 hex color

In a RGB color space, hex #96b2f4 is composed of 58.8% red, 69.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 27% magenta, 0% yellow and 4.3% black. It has a hue angle of 222.1 degrees, a saturation of 81% and a lightness of 77.3%. #96b2f4 color hex could be obtained by blending #ffffff with #2d65e9. Closest websafe color is: #9999ff.

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

● #96b2f4 color description : Very soft blue.

The hexadecimal color #96b2f4 has RGB values of R:150, G:178, B:244 and CMYK values of C:0.39, M:0.27, Y:0, K:0.04. Its decimal value is 9876212.

Hex triplet	96b2f4	`#96b2f4`
RGB Decimal	150, 178, 244	`rgb(150,178,244)`
RGB Percent	58.8, 69.8, 95.7	`rgb(58.8%,69.8%,95.7%)`
CMYK	39, 27, 0, 4
HSL	222.1°, 81, 77.3	`hsl(222.1,81%,77.3%)`
HSV (or HSB)	222.1°, 38.5, 95.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.796, 6.446, -35.897
XYZ	44.824, 44.855, 91.879
xyY	0.247, 0.247, 44.855
CIE-LCH	72.796, 36.471, 280.179
CIE-LUV	72.796, -16.403, -58.591
Hunter-Lab	66.974, 2.261, -34.456
Binary	10010110, 10110010, 11110100

#96b2f4
```
#96b2f4 rgb(150,178,244)
```
#f4d896
```
#f4d896 rgb(244,216,150)
```

Complementary Color

#96e1f4
```
#96e1f4 rgb(150,225,244)
```
#96b2f4
```
#96b2f4 rgb(150,178,244)
```
#a996f4
```
#a996f4 rgb(169,150,244)
```

Analogous Color

#e1f496
```
#e1f496 rgb(225,244,150)
```
#96b2f4
```
#96b2f4 rgb(150,178,244)
```
#f4a996
```
#f4a996 rgb(244,169,150)
```

Split Complementary Color

#b2f496
```
#b2f496 rgb(178,244,150)
```
#96b2f4
```
#96b2f4 rgb(150,178,244)
```
#f496b2
```
#f496b2 rgb(244,150,178)
```

Triadic Color

#96f4d8
```
#96f4d8 rgb(150,244,216)
```
#96b2f4
```
#96b2f4 rgb(150,178,244)
```
#f496b2
```
#f496b2 rgb(244,150,178)
```
#f4d896
```
#f4d896 rgb(244,216,150)
```

Tetradic Color

#517fed
```
#517fed rgb(81,127,237)
```
#6890ef
```
#6890ef rgb(104,144,239)
```
#7fa1f2
```
#7fa1f2 rgb(127,161,242)
```
#96b2f4
```
#96b2f4 rgb(150,178,244)
```
#adc3f6
```
#adc3f6 rgb(173,195,246)
```
#c4d4f9
```
#c4d4f9 rgb(196,212,249)
```
#dbe5fb
```
#dbe5fb rgb(219,229,251)
```

Monochromatic Color

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

#96caf4
```
#96caf4 rgb(150,202,244)
```
#96c2f4
```
#96c2f4 rgb(150,194,244)
```
#96baf4
```
#96baf4 rgb(150,186,244)
```
#96b2f4
```
#96b2f4 rgb(150,178,244)
```
#96aaf4
```
#96aaf4 rgb(150,170,244)
```
#96a2f4
```
#96a2f4 rgb(150,162,244)
```
#969bf4
```
#969bf4 rgb(150,155,244)
```

Similar Colors

Text with hexadecimal color #96b2f4

This text has a font color of #96b2f4.

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

#96b2f4 background color

This paragraph has a background color of #96b2f4.

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

#96b2f4 border color

This element has a border color of #96b2f4.

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

CSS codes

.text {color:#96b2f4;}

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

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

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 #eff3fd is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#020713
```
#020713 rgb(2,7,19)
```
#040e25
```
#040e25 rgb(4,14,37)
```
#061437
```
#061437 rgb(6,20,55)
```
#081b49
```
#081b49 rgb(8,27,73)
```
#09225a
```
#09225a rgb(9,34,90)
```
#0b286c
```
#0b286c rgb(11,40,108)
```
#0d2f7e
```
#0d2f7e rgb(13,47,126)
```
#0f3590
```
#0f3590 rgb(15,53,144)
```
#113ca1
```
#113ca1 rgb(17,60,161)
```
#1343b3
```
#1343b3 rgb(19,67,179)
```
#1549c5
```
#1549c5 rgb(21,73,197)
```
#1650d7
```
#1650d7 rgb(22,80,215)
```

Shade Color Variation

#1a57e7
```
#1a57e7 rgb(26,87,231)
```
#2b64e9
```
#2b64e9 rgb(43,100,233)
```
#3d71eb
```
#3d71eb rgb(61,113,235)
```
#4f7eed
```
#4f7eed rgb(79,126,237)
```
#618bee
```
#618bee rgb(97,139,238)
```
#7298f0
```
#7298f0 rgb(114,152,240)
```
#84a5f2
```
#84a5f2 rgb(132,165,242)
```
#96b2f4
```
#96b2f4 rgb(150,178,244)
```
#a8bff6
```
#a8bff6 rgb(168,191,246)
```
#baccf8
```
#baccf8 rgb(186,204,248)
```
#cbd9fa
```
#cbd9fa rgb(203,217,250)
```
#dde6fb
```
#dde6fb rgb(221,230,251)
```
#eff3fd
```
#eff3fd rgb(239,243,253)
```

Tint Color Variation

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

#c3c4c7
```
#c3c4c7 rgb(195,196,199)
```
#bec2cc
```
#bec2cc rgb(190,194,204)
```
#bac0d0
```
#bac0d0 rgb(186,192,208)
```
#b5bfd5
```
#b5bfd5 rgb(181,191,213)
```
#b1bdd9
```
#b1bdd9 rgb(177,189,217)
```
#acbbde
```
#acbbde rgb(172,187,222)
```
#a8b9e2
```
#a8b9e2 rgb(168,185,226)
```
#a3b7e7
```
#a3b7e7 rgb(163,183,231)
```
#9fb6eb
```
#9fb6eb rgb(159,182,235)
```
#9ab4f0
```
#9ab4f0 rgb(154,180,240)
```
#96b2f4
```
#96b2f4 rgb(150,178,244)
```
#92b0f8
```
#92b0f8 rgb(146,176,248)
```
#8daefd
```
#8daefd rgb(141,174,253)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#acb1be Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b4f3 Protanopia 1% of men
#a0b4f5 Deuteranopia 1% of men
#8ebecb Tritanopia 0.001% of the population

Trichromacy

#9eb3f3 Protanomaly 1% of men, 0.01% of women
#9cb3f4 Deuteranomaly 6% of men, 0.4% of women
#91b9da Tritanomaly 0.01% of the population

#96b2f4 hex color

#96b2f4 Color Information

#96b2f4 Color Conversion

Color Schemes with #96b2f4

Alternatives to #96b2f4

#96b2f4 Preview

Shades and Tints of #96b2f4

Tones of #96b2f4

Color Blindness Simulator