#0996fa hex color

In a RGB color space, hex #0996fa is composed of 3.5% red, 58.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 96.4% cyan, 40% magenta, 0% yellow and 2% black. It has a hue angle of 204.9 degrees, a saturation of 96% and a lightness of 50.8%. #0996fa color hex could be obtained by blending #12ffff with #002df5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 4
- G 59
- B 98
RGB color chart
- C 96
- M 40
- Y 0
- K 2
CMYK color chart

● #0996fa color description : Vivid blue.

The hexadecimal color #0996fa has RGB values of R:9, G:150, B:250 and CMYK values of C:0.96, M:0.4, Y:0, K:0.02. Its decimal value is 628474.

Hex triplet	0996fa	`#0996fa`
RGB Decimal	9, 150, 250	`rgb(9,150,250)`
RGB Percent	3.5, 58.8, 98	`rgb(3.5%,58.8%,98%)`
CMYK	96, 40, 0, 2
HSL	204.9°, 96, 50.8	`hsl(204.9,96%,50.8%)`
HSV (or HSB)	204.9°, 96.4, 98
Web Safe	0099ff	`#0099ff`

CIE-LAB	60.578, 3.681, -58.743
XYZ	28.27, 28.77, 94.5
xyY	0.187, 0.19, 28.77
CIE-LCH	60.578, 58.858, 273.585
CIE-LUV	60.578, -35.998, -94.497
Hunter-Lab	53.638, 0.213, -66.912
Binary	00001001, 10010110, 11111010

#0996fa
```
#0996fa rgb(9,150,250)
```
#fa6d09
```
#fa6d09 rgb(250,109,9)
```

Complementary Color

#09fae6
```
#09fae6 rgb(9,250,230)
```
#0996fa
```
#0996fa rgb(9,150,250)
```
#091dfa
```
#091dfa rgb(9,29,250)
```

Analogous Color

#fae609
```
#fae609 rgb(250,230,9)
```
#0996fa
```
#0996fa rgb(9,150,250)
```
#fa091e
```
#fa091e rgb(250,9,30)
```

Split Complementary Color

#96fa09
```
#96fa09 rgb(150,250,9)
```
#0996fa
```
#0996fa rgb(9,150,250)
```
#fa0996
```
#fa0996 rgb(250,9,150)
```

Triadic Color

#09fa6d
```
#09fa6d rgb(9,250,109)
```
#0996fa
```
#0996fa rgb(9,150,250)
```
#fa0996
```
#fa0996 rgb(250,9,150)
```
#fa6d09
```
#fa6d09 rgb(250,109,9)
```

Tetradic Color

#046ab3
```
#046ab3 rgb(4,106,179)
```
#0479cc
```
#0479cc rgb(4,121,204)
```
#0588e5
```
#0588e5 rgb(5,136,229)
```
#0996fa
```
#0996fa rgb(9,150,250)
```
#22a1fb
```
#22a1fb rgb(34,161,251)
```
#3babfb
```
#3babfb rgb(59,171,251)
```
#54b6fc
```
#54b6fc rgb(84,182,252)
```

Monochromatic Color

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

#09d2fa
```
#09d2fa rgb(9,210,250)
```
#09befa
```
#09befa rgb(9,190,250)
```
#09aafa
```
#09aafa rgb(9,170,250)
```
#0996fa
```
#0996fa rgb(9,150,250)
```
#0982fa
```
#0982fa rgb(9,130,250)
```
#096efa
```
#096efa rgb(9,110,250)
```
#095afa
```
#095afa rgb(9,90,250)
```

Similar Colors

Text with hexadecimal color #0996fa

This text has a font color of #0996fa.

<span style="color:#0996fa;">Text here</span>

#0996fa background color

This paragraph has a background color of #0996fa.

<p style="background-color:#0996fa;">Content here</p>

#0996fa border color

This element has a border color of #0996fa.

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

CSS codes

.text {color:#0996fa;}

.background {background-color:#0996fa;}

.border {border:1px solid #0996fa;}

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, #000204 is the darkest color, while #f0f8ff is the lightest one.

#000204
```
#000204 rgb(0,2,4)
```
#000e17
```
#000e17 rgb(0,14,23)
```
#01192a
```
#01192a rgb(1,25,42)
```
#01253e
```
#01253e rgb(1,37,62)
```
#023051
```
#023051 rgb(2,48,81)
```
#023b64
```
#023b64 rgb(2,59,100)
```
#024777
```
#024777 rgb(2,71,119)
```
#03528a
```
#03528a rgb(3,82,138)
```
#035e9e
```
#035e9e rgb(3,94,158)
```
#0469b1
```
#0469b1 rgb(4,105,177)
```
#0474c4
```
#0474c4 rgb(4,116,196)
```
#0480d7
```
#0480d7 rgb(4,128,215)
```
#058beb
```
#058beb rgb(5,139,235)
```

Shade Color Variation

#0996fa
```
#0996fa rgb(9,150,250)
```
#1c9efa
```
#1c9efa rgb(28,158,250)
```
#2fa6fb
```
#2fa6fb rgb(47,166,251)
```
#43affb
```
#43affb rgb(67,175,251)
```
#56b7fc
```
#56b7fc rgb(86,183,252)
```
#69bffc
```
#69bffc rgb(105,191,252)
```
#7cc7fc
```
#7cc7fc rgb(124,199,252)
```
#90cffd
```
#90cffd rgb(144,207,253)
```
#a3d8fd
```
#a3d8fd rgb(163,216,253)
```
#b6e0fe
```
#b6e0fe rgb(182,224,254)
```
#c9e8fe
```
#c9e8fe rgb(201,232,254)
```
#dcf0fe
```
#dcf0fe rgb(220,240,254)
```
#f0f8ff
```
#f0f8ff rgb(240,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8286 is the less saturated color, while #0996fa is the most saturated one.

#7d8286
```
#7d8286 rgb(125,130,134)
```
#738490
```
#738490 rgb(115,132,144)
```
#6a8699
```
#6a8699 rgb(106,134,153)
```
#6087a3
```
#6087a3 rgb(96,135,163)
```
#5689ad
```
#5689ad rgb(86,137,173)
```
#4d8bb6
```
#4d8bb6 rgb(77,139,182)
```
#438cc0
```
#438cc0 rgb(67,140,192)
```
#398eca
```
#398eca rgb(57,142,202)
```
#308fd3
```
#308fd3 rgb(48,143,211)
```
#2691dd
```
#2691dd rgb(38,145,221)
```
#1c93e7
```
#1c93e7 rgb(28,147,231)
```
#1394f0
```
#1394f0 rgb(19,148,240)
```
#0996fa
```
#0996fa rgb(9,150,250)
```

Tone Color Variation

Below, you can see how #0996fa 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

#777777 Achromatopsia 0.005% of the population
#617d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b94f4 Protanopia 1% of men
#3a99fb Deuteranopia 1% of men
#00a6b0 Tritanopia 0.001% of the population

Trichromacy

#4795f6 Protanomaly 1% of men, 0.01% of women
#2898fa Deuteranomaly 6% of men, 0.4% of women
#03a0cb Tritanomaly 0.01% of the population

#0996fa hex color

#0996fa Color Information

#0996fa Color Conversion

Color Schemes with #0996fa

Alternatives to #0996fa

#0996fa Preview

Shades and Tints of #0996fa

Tones of #0996fa

Color Blindness Simulator