#96b5f0 hex color

In a RGB color space, hex #96b5f0 is composed of 58.8% red, 71% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 24.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 219.3 degrees, a saturation of 75% and a lightness of 76.5%. #96b5f0 color hex could be obtained by blending #ffffff with #2d6be1. 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

● #96b5f0 color description : Very soft blue.

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

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

CIE-LAB	73.43, 3.724, -32.751
XYZ	44.826, 45.822, 88.916
xyY	0.25, 0.255, 45.822
CIE-LCH	73.43, 32.962, 276.486
CIE-LUV	73.43, -17.504, -52.967
Hunter-Lab	67.692, -0.255, -30.496
Binary	10010110, 10110101, 11110000

#96b5f0
```
#96b5f0 rgb(150,181,240)
```
#f0d196
```
#f0d196 rgb(240,209,150)
```

Complementary Color

#96e2f0
```
#96e2f0 rgb(150,226,240)
```
#96b5f0
```
#96b5f0 rgb(150,181,240)
```
#a496f0
```
#a496f0 rgb(164,150,240)
```

Analogous Color

#e2f096
```
#e2f096 rgb(226,240,150)
```
#96b5f0
```
#96b5f0 rgb(150,181,240)
```
#f0a496
```
#f0a496 rgb(240,164,150)
```

Split Complementary Color

#b5f096
```
#b5f096 rgb(181,240,150)
```
#96b5f0
```
#96b5f0 rgb(150,181,240)
```
#f096b5
```
#f096b5 rgb(240,150,181)
```

Triadic Color

#96f0d1
```
#96f0d1 rgb(150,240,209)
```
#96b5f0
```
#96b5f0 rgb(150,181,240)
```
#f096b5
```
#f096b5 rgb(240,150,181)
```
#f0d196
```
#f0d196 rgb(240,209,150)
```

Tetradic Color

#5386e6
```
#5386e6 rgb(83,134,230)
```
#6996ea
```
#6996ea rgb(105,150,234)
```
#80a5ed
```
#80a5ed rgb(128,165,237)
```
#96b5f0
```
#96b5f0 rgb(150,181,240)
```
#acc5f3
```
#acc5f3 rgb(172,197,243)
```
#c3d4f6
```
#c3d4f6 rgb(195,212,246)
```
#d9e4fa
```
#d9e4fa rgb(217,228,250)
```

Monochromatic Color

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

#96ccf0
```
#96ccf0 rgb(150,204,240)
```
#96c4f0
```
#96c4f0 rgb(150,196,240)
```
#96bdf0
```
#96bdf0 rgb(150,189,240)
```
#96b5f0
```
#96b5f0 rgb(150,181,240)
```
#96aef0
```
#96aef0 rgb(150,174,240)
```
#96a6f0
```
#96a6f0 rgb(150,166,240)
```
#969ff0
```
#969ff0 rgb(150,159,240)
```

Similar Colors

Text with hexadecimal color #96b5f0

This text has a font color of #96b5f0.

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

#96b5f0 background color

This paragraph has a background color of #96b5f0.

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

#96b5f0 border color

This element has a border color of #96b5f0.

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

CSS codes

.text {color:#96b5f0;}

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

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

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

#02070f
```
#02070f rgb(2,7,15)
```
#050e20
```
#050e20 rgb(5,14,32)
```
#071631
```
#071631 rgb(7,22,49)
```
#0a1d43
```
#0a1d43 rgb(10,29,67)
```
#0c2554
```
#0c2554 rgb(12,37,84)
```
#0e2c65
```
#0e2c65 rgb(14,44,101)
```
#113476
```
#113476 rgb(17,52,118)
```
#133b87
```
#133b87 rgb(19,59,135)
```
#164398
```
#164398 rgb(22,67,152)
```
#184aaa
```
#184aaa rgb(24,74,170)
```
#1b52bb
```
#1b52bb rgb(27,82,187)
```
#1d59cc
```
#1d59cc rgb(29,89,204)
```
#2061dd
```
#2061dd rgb(32,97,221)
```

Shade Color Variation

#2f6ce1
```
#2f6ce1 rgb(47,108,225)
```
#4079e4
```
#4079e4 rgb(64,121,228)
```
#5185e6
```
#5185e6 rgb(81,133,230)
```
#6391e9
```
#6391e9 rgb(99,145,233)
```
#749deb
```
#749deb rgb(116,157,235)
```
#85a9ee
```
#85a9ee rgb(133,169,238)
```
#96b5f0
```
#96b5f0 rgb(150,181,240)
```
#a7c1f2
```
#a7c1f2 rgb(167,193,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 #88b1fe is the most saturated one.

#c0c2c6
```
#c0c2c6 rgb(192,194,198)
```
#bbc0cb
```
#bbc0cb rgb(187,192,203)
```
#b6bfd0
```
#b6bfd0 rgb(182,191,208)
```
#b2bed4
```
#b2bed4 rgb(178,190,212)
```
#adbcd9
```
#adbcd9 rgb(173,188,217)
```
#a8bbde
```
#a8bbde rgb(168,187,222)
```
#a4b9e2
```
#a4b9e2 rgb(164,185,226)
```
#9fb8e7
```
#9fb8e7 rgb(159,184,231)
```
#9bb6eb
```
#9bb6eb rgb(155,182,235)
```
#96b5f0
```
#96b5f0 rgb(150,181,240)
```
#91b4f5
```
#91b4f5 rgb(145,180,245)
```
#8db2f9
```
#8db2f9 rgb(141,178,249)
```
#88b1fe
```
#88b1fe rgb(136,177,254)
```

Tone Color Variation

Below, you can see how #96b5f0 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
#acb3be Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b6ee Protanopia 1% of men
#a6b5f1 Deuteranopia 1% of men
#90bfcd Tritanopia 0.001% of the population

Trichromacy

#a1b5ef Protanomaly 1% of men, 0.01% of women
#a0b5f1 Deuteranomaly 6% of men, 0.4% of women
#92bbda Tritanomaly 0.01% of the population

#96b5f0 hex color

#96b5f0 Color Information

#96b5f0 Color Conversion

Color Schemes with #96b5f0

Alternatives to #96b5f0

#96b5f0 Preview

Shades and Tints of #96b5f0

Tones of #96b5f0

Color Blindness Simulator