#96aefd hex color

In a RGB color space, hex #96aefd is composed of 58.8% red, 68.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 31.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 226 degrees, a saturation of 96.3% and a lightness of 79%. #96aefd color hex could be obtained by blending #ffffff with #2d5dfb. Closest websafe color is: #9999ff.

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

● #96aefd color description : Very soft blue.

The hexadecimal color #96aefd has RGB values of R:150, G:174, B:253 and CMYK values of C:0.41, M:0.31, Y:0, K:0.01. Its decimal value is 9875197.

Hex triplet	96aefd	`#96aefd`
RGB Decimal	150, 174, 253	`rgb(150,174,253)`
RGB Percent	58.8, 68.2, 99.2	`rgb(58.8%,68.2%,99.2%)`
CMYK	41, 31, 0, 1
HSL	226°, 96.3, 79	`hsl(226,96.3%,79%)`
HSV (or HSB)	226°, 40.7, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.126, 11.11, -41.81
XYZ	45.44, 43.846, 98.992
xyY	0.241, 0.233, 43.846
CIE-LCH	72.126, 43.261, 284.882
CIE-LUV	72.126, -15.098, -69.162
Hunter-Lab	66.217, 6.612, -42.285
Binary	10010110, 10101110, 11111101

#96aefd
```
#96aefd rgb(150,174,253)
```
#fde596
```
#fde596 rgb(253,229,150)
```

Complementary Color

#96e2fd
```
#96e2fd rgb(150,226,253)
```
#96aefd
```
#96aefd rgb(150,174,253)
```
#b296fd
```
#b296fd rgb(178,150,253)
```

Analogous Color

#e2fd96
```
#e2fd96 rgb(226,253,150)
```
#96aefd
```
#96aefd rgb(150,174,253)
```
#fdb296
```
#fdb296 rgb(253,178,150)
```

Split Complementary Color

#aefd96
```
#aefd96 rgb(174,253,150)
```
#96aefd
```
#96aefd rgb(150,174,253)
```
#fd96ae
```
#fd96ae rgb(253,150,174)
```

Triadic Color

#96fde5
```
#96fde5 rgb(150,253,229)
```
#96aefd
```
#96aefd rgb(150,174,253)
```
#fd96ae
```
#fd96ae rgb(253,150,174)
```
#fde596
```
#fde596 rgb(253,229,150)
```

Tetradic Color

#4b74fc
```
#4b74fc rgb(75,116,252)
```
#6487fc
```
#6487fc rgb(100,135,252)
```
#7d9bfd
```
#7d9bfd rgb(125,155,253)
```
#96aefd
```
#96aefd rgb(150,174,253)
```
#afc1fd
```
#afc1fd rgb(175,193,253)
```
#c8d5fe
```
#c8d5fe rgb(200,213,254)
```
#e1e8fe
```
#e1e8fe rgb(225,232,254)
```

Monochromatic Color

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

#96c8fd
```
#96c8fd rgb(150,200,253)
```
#96bffd
```
#96bffd rgb(150,191,253)
```
#96b7fd
```
#96b7fd rgb(150,183,253)
```
#96aefd
```
#96aefd rgb(150,174,253)
```
#96a5fd
```
#96a5fd rgb(150,165,253)
```
#969dfd
```
#969dfd rgb(150,157,253)
```
#9896fd
```
#9896fd rgb(152,150,253)
```

Similar Colors

Text with hexadecimal color #96aefd

This text has a font color of #96aefd.

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

#96aefd background color

This paragraph has a background color of #96aefd.

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

#96aefd border color

This element has a border color of #96aefd.

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

CSS codes

.text {color:#96aefd;}

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

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

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

#00030a
```
#00030a rgb(0,3,10)
```
#01071e
```
#01071e rgb(1,7,30)
```
#010c31
```
#010c31 rgb(1,12,49)
```
#011144
```
#011144 rgb(1,17,68)
```
#021657
```
#021657 rgb(2,22,87)
```
#021a6b
```
#021a6b rgb(2,26,107)
```
#021f7e
```
#021f7e rgb(2,31,126)
```
#032491
```
#032491 rgb(3,36,145)
```
#0329a4
```
#0329a4 rgb(3,41,164)
```
#032db8
```
#032db8 rgb(3,45,184)
```
#0432cb
```
#0432cb rgb(4,50,203)
```
#0437de
```
#0437de rgb(4,55,222)
```
#053cf1
```
#053cf1 rgb(5,60,241)
```

Shade Color Variation

#0f46fa
```
#0f46fa rgb(15,70,250)
```
#2355fb
```
#2355fb rgb(35,85,251)
```
#3664fb
```
#3664fb rgb(54,100,251)
```
#4973fc
```
#4973fc rgb(73,115,252)
```
#5c81fc
```
#5c81fc rgb(92,129,252)
```
#7090fc
```
#7090fc rgb(112,144,252)
```
#839ffd
```
#839ffd rgb(131,159,253)
```
#96aefd
```
#96aefd rgb(150,174,253)
```
#a9bdfd
```
#a9bdfd rgb(169,189,253)
```
#bcccfe
```
#bcccfe rgb(188,204,254)
```
#d0dbfe
```
#d0dbfe rgb(208,219,254)
```
#e3e9fe
```
#e3e9fe rgb(227,233,254)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#c7c8cc
```
#c7c8cc rgb(199,200,204)
```
#c3c6d0
```
#c3c6d0 rgb(195,198,208)
```
#bfc4d4
```
#bfc4d4 rgb(191,196,212)
```
#bbc2d8
```
#bbc2d8 rgb(187,194,216)
```
#b7c0dc
```
#b7c0dc rgb(183,192,220)
```
#b3bde0
```
#b3bde0 rgb(179,189,224)
```
#afbbe4
```
#afbbe4 rgb(175,187,228)
```
#abb9e8
```
#abb9e8 rgb(171,185,232)
```
#a6b7ed
```
#a6b7ed rgb(166,183,237)
```
#a2b5f1
```
#a2b5f1 rgb(162,181,241)
```
#9eb2f5
```
#9eb2f5 rgb(158,178,245)
```
#9ab0f9
```
#9ab0f9 rgb(154,176,249)
```
#96aefd
```
#96aefd rgb(150,174,253)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#abb0bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ab2fd Protanopia 1% of men
#96b3fc Deuteranopia 1% of men
#8bbcca Tritanopia 0.001% of the population

Trichromacy

#99b0fd Protanomaly 1% of men, 0.01% of women
#96b1fc Deuteranomaly 6% of men, 0.4% of women
#8fb7dc Tritanomaly 0.01% of the population

#96aefd hex color

#96aefd Color Information

#96aefd Color Conversion

Color Schemes with #96aefd

Alternatives to #96aefd

#96aefd Preview

Shades and Tints of #96aefd

Tones of #96aefd

Color Blindness Simulator