#96b4f0 hex color

In a RGB color space, hex #96b4f0 is composed of 58.8% red, 70.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 25% magenta, 0% yellow and 5.9% black. It has a hue angle of 220 degrees, a saturation of 75% and a lightness of 76.5%. #96b4f0 color hex could be obtained by blending #ffffff with #2d69e1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 59
- G 71
- B 94
RGB color chart
- C 38
- M 25
- Y 0
- K 6
CMYK color chart

● #96b4f0 color description : Very soft blue.

The hexadecimal color #96b4f0 has RGB values of R:150, G:180, B:240 and CMYK values of C:0.38, M:0.25, Y:0, K:0.06. Its decimal value is 9876720.

Hex triplet	96b4f0	`#96b4f0`
RGB Decimal	150, 180, 240	`rgb(150,180,240)`
RGB Percent	58.8, 70.6, 94.1	`rgb(58.8%,70.6%,94.1%)`
CMYK	38, 25, 0, 6
HSL	220°, 75, 76.5	`hsl(220,75%,76.5%)`
HSV (or HSB)	220°, 37.5, 94.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	73.165, 4.276, -33.16
XYZ	44.624, 45.416, 88.848
xyY	0.249, 0.254, 45.416
CIE-LCH	73.165, 33.434, 277.348
CIE-LUV	73.165, -17.102, -53.706
Hunter-Lab	67.392, 0.259, -30.993
Binary	10010110, 10110100, 11110000

#96b4f0
```
#96b4f0 rgb(150,180,240)
```
#f0d296
```
#f0d296 rgb(240,210,150)
```

Complementary Color

#96e1f0
```
#96e1f0 rgb(150,225,240)
```
#96b4f0
```
#96b4f0 rgb(150,180,240)
```
#a596f0
```
#a596f0 rgb(165,150,240)
```

Analogous Color

#e1f096
```
#e1f096 rgb(225,240,150)
```
#96b4f0
```
#96b4f0 rgb(150,180,240)
```
#f0a596
```
#f0a596 rgb(240,165,150)
```

Split Complementary Color

#b4f096
```
#b4f096 rgb(180,240,150)
```
#96b4f0
```
#96b4f0 rgb(150,180,240)
```
#f096b4
```
#f096b4 rgb(240,150,180)
```

Triadic Color

#96f0d2
```
#96f0d2 rgb(150,240,210)
```
#96b4f0
```
#96b4f0 rgb(150,180,240)
```
#f096b4
```
#f096b4 rgb(240,150,180)
```
#f0d296
```
#f0d296 rgb(240,210,150)
```

Tetradic Color

#5384e6
```
#5384e6 rgb(83,132,230)
```
#6994ea
```
#6994ea rgb(105,148,234)
```
#80a4ed
```
#80a4ed rgb(128,164,237)
```
#96b4f0
```
#96b4f0 rgb(150,180,240)
```
#acc4f3
```
#acc4f3 rgb(172,196,243)
```
#c3d4f6
```
#c3d4f6 rgb(195,212,246)
```
#d9e4fa
```
#d9e4fa rgb(217,228,250)
```

Monochromatic Color

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

#96cbf0
```
#96cbf0 rgb(150,203,240)
```
#96c3f0
```
#96c3f0 rgb(150,195,240)
```
#96bcf0
```
#96bcf0 rgb(150,188,240)
```
#96b4f0
```
#96b4f0 rgb(150,180,240)
```
#96adf0
```
#96adf0 rgb(150,173,240)
```
#96a5f0
```
#96a5f0 rgb(150,165,240)
```
#969ef0
```
#969ef0 rgb(150,158,240)
```

Similar Colors

Text with hexadecimal color #96b4f0

This text has a font color of #96b4f0.

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

#96b4f0 background color

This paragraph has a background color of #96b4f0.

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

#96b4f0 border color

This element has a border color of #96b4f0.

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

CSS codes

.text {color:#96b4f0;}

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

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

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, #02060f is the darkest color, while #fdfeff is the lightest one.

#02060f
```
#02060f rgb(2,6,15)
```
#050e20
```
#050e20 rgb(5,14,32)
```
#071531
```
#071531 rgb(7,21,49)
```
#0a1d43
```
#0a1d43 rgb(10,29,67)
```
#0c2454
```
#0c2454 rgb(12,36,84)
```
#0e2b65
```
#0e2b65 rgb(14,43,101)
```
#113376
```
#113376 rgb(17,51,118)
```
#133a87
```
#133a87 rgb(19,58,135)
```
#164198
```
#164198 rgb(22,65,152)
```
#1849aa
```
#1849aa rgb(24,73,170)
```
#1b50bb
```
#1b50bb rgb(27,80,187)
```
#1d57cc
```
#1d57cc rgb(29,87,204)
```
#205fdd
```
#205fdd rgb(32,95,221)
```

Shade Color Variation

#2f6ae1
```
#2f6ae1 rgb(47,106,225)
```
#4077e4
```
#4077e4 rgb(64,119,228)
```
#5183e6
```
#5183e6 rgb(81,131,230)
```
#638fe9
```
#638fe9 rgb(99,143,233)
```
#749beb
```
#749beb rgb(116,155,235)
```
#85a8ee
```
#85a8ee rgb(133,168,238)
```
#96b4f0
```
#96b4f0 rgb(150,180,240)
```
#a7c0f2
```
#a7c0f2 rgb(167,192,242)
```
#b8cdf5
```
#b8cdf5 rgb(184,205,245)
```
#c9d9f7
```
#c9d9f7 rgb(201,217,247)
```
#dbe5fa
```
#dbe5fa rgb(219,229,250)
```
#ecf1fc
```
#ecf1fc rgb(236,241,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#c0c2c6
```
#c0c2c6 rgb(192,194,198)
```
#bbc0cb
```
#bbc0cb rgb(187,192,203)
```
#b6bfd0
```
#b6bfd0 rgb(182,191,208)
```
#b2bdd4
```
#b2bdd4 rgb(178,189,212)
```
#adbcd9
```
#adbcd9 rgb(173,188,217)
```
#a8bade
```
#a8bade rgb(168,186,222)
```
#a4b9e2
```
#a4b9e2 rgb(164,185,226)
```
#9fb7e7
```
#9fb7e7 rgb(159,183,231)
```
#9bb6eb
```
#9bb6eb rgb(155,182,235)
```
#96b4f0
```
#96b4f0 rgb(150,180,240)
```
#91b2f5
```
#91b2f5 rgb(145,178,245)
```
#8db1f9
```
#8db1f9 rgb(141,177,249)
```
#88affe
```
#88affe rgb(136,175,254)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#acb2be Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b5ef Protanopia 1% of men
#a5b5f1 Deuteranopia 1% of men
#90becc Tritanopia 0.001% of the population

Trichromacy

#a0b4ef Protanomaly 1% of men, 0.01% of women
#9fb4f1 Deuteranomaly 6% of men, 0.4% of women
#92bad9 Tritanomaly 0.01% of the population

#96b4f0 hex color

#96b4f0 Color Information

#96b4f0 Color Conversion

Color Schemes with #96b4f0

Alternatives to #96b4f0

#96b4f0 Preview

Shades and Tints of #96b4f0

Tones of #96b4f0

Color Blindness Simulator