#96c5f2 hex color

In a RGB color space, hex #96c5f2 is composed of 58.8% red, 77.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 18.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 209.3 degrees, a saturation of 78% and a lightness of 76.9%. #96c5f2 color hex could be obtained by blending #ffffff with #2d8be5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 59
- G 77
- B 95
RGB color chart
- C 38
- M 19
- Y 0
- K 5
CMYK color chart

● #96c5f2 color description : Very soft blue.

The hexadecimal color #96c5f2 has RGB values of R:150, G:197, B:242 and CMYK values of C:0.38, M:0.19, Y:0, K:0.05. Its decimal value is 9881074.

Hex triplet	96c5f2	`#96c5f2`
RGB Decimal	150, 197, 242	`rgb(150,197,242)`
RGB Percent	58.8, 77.3, 94.9	`rgb(58.8%,77.3%,94.9%)`
CMYK	38, 19, 0, 5
HSL	209.3°, 78, 76.9	`hsl(209.3,78%,76.9%)`
HSV (or HSB)	209.3°, 38, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.772, -4.454, -27.153
XYZ	48.567, 52.825, 91.637
xyY	0.252, 0.274, 52.825
CIE-LCH	77.772, 27.515, 260.684
CIE-LUV	77.772, -24.003, -42.737
Hunter-Lab	72.681, -7.914, -23.876
Binary	10010110, 11000101, 11110010

#96c5f2
```
#96c5f2 rgb(150,197,242)
```
#f2c396
```
#f2c396 rgb(242,195,150)
```

Complementary Color

#96f2f1
```
#96f2f1 rgb(150,242,241)
```
#96c5f2
```
#96c5f2 rgb(150,197,242)
```
#9697f2
```
#9697f2 rgb(150,151,242)
```

Analogous Color

#f2f196
```
#f2f196 rgb(242,241,150)
```
#96c5f2
```
#96c5f2 rgb(150,197,242)
```
#f29697
```
#f29697 rgb(242,150,151)
```

Split Complementary Color

#c5f296
```
#c5f296 rgb(197,242,150)
```
#96c5f2
```
#96c5f2 rgb(150,197,242)
```
#f296c5
```
#f296c5 rgb(242,150,197)
```

Triadic Color

#96f2c3
```
#96f2c3 rgb(150,242,195)
```
#96c5f2
```
#96c5f2 rgb(150,197,242)
```
#f296c5
```
#f296c5 rgb(242,150,197)
```
#f2c396
```
#f2c396 rgb(242,195,150)
```

Tetradic Color

#529fea
```
#529fea rgb(82,159,234)
```
#69acec
```
#69acec rgb(105,172,236)
```
#7fb8ef
```
#7fb8ef rgb(127,184,239)
```
#96c5f2
```
#96c5f2 rgb(150,197,242)
```
#add2f5
```
#add2f5 rgb(173,210,245)
```
#c3def8
```
#c3def8 rgb(195,222,248)
```
#daebfa
```
#daebfa rgb(218,235,250)
```

Monochromatic Color

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

#96dcf2
```
#96dcf2 rgb(150,220,242)
```
#96d4f2
```
#96d4f2 rgb(150,212,242)
```
#96cdf2
```
#96cdf2 rgb(150,205,242)
```
#96c5f2
```
#96c5f2 rgb(150,197,242)
```
#96bdf2
```
#96bdf2 rgb(150,189,242)
```
#96b6f2
```
#96b6f2 rgb(150,182,242)
```
#96aef2
```
#96aef2 rgb(150,174,242)
```

Similar Colors

Text with hexadecimal color #96c5f2

This text has a font color of #96c5f2.

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

#96c5f2 background color

This paragraph has a background color of #96c5f2.

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

#96c5f2 border color

This element has a border color of #96c5f2.

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

CSS codes

.text {color:#96c5f2;}

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

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

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, #020a11 is the darkest color, while #ffffff is the lightest one.

#020a11
```
#020a11 rgb(2,10,17)
```
#041423
```
#041423 rgb(4,20,35)
```
#061e34
```
#061e34 rgb(6,30,52)
```
#092846
```
#092846 rgb(9,40,70)
```
#0b3257
```
#0b3257 rgb(11,50,87)
```
#0d3c68
```
#0d3c68 rgb(13,60,104)
```
#0f467a
```
#0f467a rgb(15,70,122)
```
#11508b
```
#11508b rgb(17,80,139)
```
#135a9d
```
#135a9d rgb(19,90,157)
```
#1664ae
```
#1664ae rgb(22,100,174)
```
#186ec0
```
#186ec0 rgb(24,110,192)
```
#1a78d1
```
#1a78d1 rgb(26,120,209)
```
#1c82e3
```
#1c82e3 rgb(28,130,227)
```

Shade Color Variation

#2d8be5
```
#2d8be5 rgb(45,139,229)
```
#3f95e7
```
#3f95e7 rgb(63,149,231)
```
#509ee9
```
#509ee9 rgb(80,158,233)
```
#62a8ec
```
#62a8ec rgb(98,168,236)
```
#73b2ee
```
#73b2ee rgb(115,178,238)
```
#85bbf0
```
#85bbf0 rgb(133,187,240)
```
#96c5f2
```
#96c5f2 rgb(150,197,242)
```
#a7cff4
```
#a7cff4 rgb(167,207,244)
```
#b9d8f6
```
#b9d8f6 rgb(185,216,246)
```
#cae2f8
```
#cae2f8 rgb(202,226,248)
```
#dcecfb
```
#dcecfb rgb(220,236,251)
```
#edf5fd
```
#edf5fd rgb(237,245,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c3c4c5
```
#c3c4c5 rgb(195,196,197)
```
#bfc4c9
```
#bfc4c9 rgb(191,196,201)
```
#bac4ce
```
#bac4ce rgb(186,196,206)
```
#b6c4d2
```
#b6c4d2 rgb(182,196,210)
```
#b1c4d7
```
#b1c4d7 rgb(177,196,215)
```
#adc5db
```
#adc5db rgb(173,197,219)
```
#a8c5e0
```
#a8c5e0 rgb(168,197,224)
```
#a4c5e4
```
#a4c5e4 rgb(164,197,228)
```
#9fc5e9
```
#9fc5e9 rgb(159,197,233)
```
#9bc5ed
```
#9bc5ed rgb(155,197,237)
```
#96c5f2
```
#96c5f2 rgb(150,197,242)
```
#91c5f7
```
#91c5f7 rgb(145,197,247)
```
#8dc5fb
```
#8dc5fb rgb(141,197,251)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b4bec7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c1ee Protanopia 1% of men
#b9c0f5 Deuteranopia 1% of men
#94ccdb Tritanopia 0.001% of the population

Trichromacy

#abc2ef Protanomaly 1% of men, 0.01% of women
#acc2f4 Deuteranomaly 6% of men, 0.4% of women
#94c9e3 Tritanomaly 0.01% of the population

#96c5f2 hex color

#96c5f2 Color Information

#96c5f2 Color Conversion

Color Schemes with #96c5f2

Alternatives to #96c5f2

#96c5f2 Preview

Shades and Tints of #96c5f2

Tones of #96c5f2

Color Blindness Simulator