#96bdfd hex color

In a RGB color space, hex #96bdfd is composed of 58.8% red, 74.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 25.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.3 degrees, a saturation of 96.3% and a lightness of 79%. #96bdfd color hex could be obtained by blending #ffffff with #2d7bfb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 59
- G 74
- B 99
RGB color chart
- C 41
- M 25
- Y 0
- K 1
CMYK color chart

● #96bdfd color description : Very soft blue.

The hexadecimal color #96bdfd has RGB values of R:150, G:189, B:253 and CMYK values of C:0.41, M:0.25, Y:0, K:0.01. Its decimal value is 9879037.

Hex triplet	96bdfd	`#96bdfd`
RGB Decimal	150, 189, 253	`rgb(150,189,253)`
RGB Percent	58.8, 74.1, 99.2	`rgb(58.8%,74.1%,99.2%)`
CMYK	41, 25, 0, 1
HSL	217.3°, 96.3, 79	`hsl(217.3,96.3%,79%)`
HSV (or HSB)	217.3°, 40.7, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.05, 2.784, -35.707
XYZ	48.501, 49.969, 100.013
xyY	0.244, 0.252, 49.969
CIE-LCH	76.05, 35.815, 274.458
CIE-LUV	76.05, -20.924, -58.114
Hunter-Lab	70.689, -1.233, -34.403
Binary	10010110, 10111101, 11111101

#96bdfd
```
#96bdfd rgb(150,189,253)
```
#fdd696
```
#fdd696 rgb(253,214,150)
```

Complementary Color

#96f1fd
```
#96f1fd rgb(150,241,253)
```
#96bdfd
```
#96bdfd rgb(150,189,253)
```
#a396fd
```
#a396fd rgb(163,150,253)
```

Analogous Color

#f1fd96
```
#f1fd96 rgb(241,253,150)
```
#96bdfd
```
#96bdfd rgb(150,189,253)
```
#fda396
```
#fda396 rgb(253,163,150)
```

Split Complementary Color

#bdfd96
```
#bdfd96 rgb(189,253,150)
```
#96bdfd
```
#96bdfd rgb(150,189,253)
```
#fd96bd
```
#fd96bd rgb(253,150,189)
```

Triadic Color

#96fdd6
```
#96fdd6 rgb(150,253,214)
```
#96bdfd
```
#96bdfd rgb(150,189,253)
```
#fd96bd
```
#fd96bd rgb(253,150,189)
```
#fdd696
```
#fdd696 rgb(253,214,150)
```

Tetradic Color

#4b8efc
```
#4b8efc rgb(75,142,252)
```
#649efc
```
#649efc rgb(100,158,252)
```
#7dadfd
```
#7dadfd rgb(125,173,253)
```
#96bdfd
```
#96bdfd rgb(150,189,253)
```
#afcdfd
```
#afcdfd rgb(175,205,253)
```
#c8dcfe
```
#c8dcfe rgb(200,220,254)
```
#e1ecfe
```
#e1ecfe rgb(225,236,254)
```

Monochromatic Color

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

#96d7fd
```
#96d7fd rgb(150,215,253)
```
#96cefd
```
#96cefd rgb(150,206,253)
```
#96c6fd
```
#96c6fd rgb(150,198,253)
```
#96bdfd
```
#96bdfd rgb(150,189,253)
```
#96b4fd
```
#96b4fd rgb(150,180,253)
```
#96acfd
```
#96acfd rgb(150,172,253)
```
#96a3fd
```
#96a3fd rgb(150,163,253)
```

Similar Colors

Text with hexadecimal color #96bdfd

This text has a font color of #96bdfd.

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

#96bdfd background color

This paragraph has a background color of #96bdfd.

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

#96bdfd border color

This element has a border color of #96bdfd.

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

CSS codes

.text {color:#96bdfd;}

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

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

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, #00040a is the darkest color, while #f6f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#010c1e
```
#010c1e rgb(1,12,30)
```
#011331
```
#011331 rgb(1,19,49)
```
#011b44
```
#011b44 rgb(1,27,68)
```
#022257
```
#022257 rgb(2,34,87)
```
#022a6b
```
#022a6b rgb(2,42,107)
```
#02317e
```
#02317e rgb(2,49,126)
```
#033991
```
#033991 rgb(3,57,145)
```
#0340a4
```
#0340a4 rgb(3,64,164)
```
#0348b8
```
#0348b8 rgb(3,72,184)
```
#044fcb
```
#044fcb rgb(4,79,203)
```
#0457de
```
#0457de rgb(4,87,222)
```
#055ef1
```
#055ef1 rgb(5,94,241)
```

Shade Color Variation

#0f68fa
```
#0f68fa rgb(15,104,250)
```
#2374fb
```
#2374fb rgb(35,116,251)
```
#3681fb
```
#3681fb rgb(54,129,251)
```
#498dfc
```
#498dfc rgb(73,141,252)
```
#5c99fc
```
#5c99fc rgb(92,153,252)
```
#70a5fc
```
#70a5fc rgb(112,165,252)
```
#83b1fd
```
#83b1fd rgb(131,177,253)
```
#96bdfd
```
#96bdfd rgb(150,189,253)
```
#a9c9fd
```
#a9c9fd rgb(169,201,253)
```
#bcd5fe
```
#bcd5fe rgb(188,213,254)
```
#d0e1fe
```
#d0e1fe rgb(208,225,254)
```
#e3edfe
```
#e3edfe rgb(227,237,254)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#c7c9cc
```
#c7c9cc rgb(199,201,204)
```
#c3c8d0
```
#c3c8d0 rgb(195,200,208)
```
#bfc7d4
```
#bfc7d4 rgb(191,199,212)
```
#bbc6d8
```
#bbc6d8 rgb(187,198,216)
```
#b7c5dc
```
#b7c5dc rgb(183,197,220)
```
#b3c4e0
```
#b3c4e0 rgb(179,196,224)
```
#afc3e4
```
#afc3e4 rgb(175,195,228)
```
#abc2e8
```
#abc2e8 rgb(171,194,232)
```
#a6c1ed
```
#a6c1ed rgb(166,193,237)
```
#a2c0f1
```
#a2c0f1 rgb(162,192,241)
```
#9ebff5
```
#9ebff5 rgb(158,191,245)
```
#9abef9
```
#9abef9 rgb(154,190,249)
```
#96bdfd
```
#96bdfd rgb(150,189,253)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b2bac7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acbcfa Protanopia 1% of men
#a9bcfe Deuteranopia 1% of men
#8ec8d6 Tritanopia 0.001% of the population

Trichromacy

#a4bcfb Protanomaly 1% of men, 0.01% of women
#a2bcfd Deuteranomaly 6% of men, 0.4% of women
#91c4e4 Tritanomaly 0.01% of the population

#96bdfd hex color

#96bdfd Color Information

#96bdfd Color Conversion

Color Schemes with #96bdfd

Alternatives to #96bdfd

#96bdfd Preview

Shades and Tints of #96bdfd

Tones of #96bdfd

Color Blindness Simulator