#0963f2 hex color

In a RGB color space, hex #0963f2 is composed of 3.5% red, 38.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 59.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 216.8 degrees, a saturation of 92.8% and a lightness of 49.2%. #0963f2 color hex could be obtained by blending #12c6ff with #0000e5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 4
- G 39
- B 95
RGB color chart
- C 96
- M 59
- Y 0
- K 5
CMYK color chart

● #0963f2 color description : Vivid blue.

The hexadecimal color #0963f2 has RGB values of R:9, G:99, B:242 and CMYK values of C:0.96, M:0.59, Y:0, K:0.05. Its decimal value is 615410.

Hex triplet	0963f2	`#0963f2`
RGB Decimal	9, 99, 242	`rgb(9,99,242)`
RGB Percent	3.5, 38.8, 94.9	`rgb(3.5%,38.8%,94.9%)`
CMYK	96, 59, 0, 5
HSL	216.8°, 92.8, 49.2	`hsl(216.8,92.8%,49.2%)`
HSV (or HSB)	216.8°, 96.3, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	46.165, 32.379, -77.611
XYZ	20.598, 15.391, 85.885
xyY	0.169, 0.126, 15.391
CIE-LCH	46.165, 84.094, 292.645
CIE-LUV	46.165, -21.608, -117.785
Hunter-Lab	39.231, 25.066, -102.336
Binary	00001001, 01100011, 11110010

#0963f2
```
#0963f2 rgb(9,99,242)
```
#f29809
```
#f29809 rgb(242,152,9)
```

Complementary Color

#09d8f2
```
#09d8f2 rgb(9,216,242)
```
#0963f2
```
#0963f2 rgb(9,99,242)
```
#2409f2
```
#2409f2 rgb(36,9,242)
```

Analogous Color

#d8f209
```
#d8f209 rgb(216,242,9)
```
#0963f2
```
#0963f2 rgb(9,99,242)
```
#f22409
```
#f22409 rgb(242,36,9)
```

Split Complementary Color

#63f209
```
#63f209 rgb(99,242,9)
```
#0963f2
```
#0963f2 rgb(9,99,242)
```
#f20963
```
#f20963 rgb(242,9,99)
```

Triadic Color

#09f298
```
#09f298 rgb(9,242,152)
```
#0963f2
```
#0963f2 rgb(9,99,242)
```
#f20963
```
#f20963 rgb(242,9,99)
```
#f29809
```
#f29809 rgb(242,152,9)
```

Tetradic Color

#0645a8
```
#0645a8 rgb(6,69,168)
```
#074fc1
```
#074fc1 rgb(7,79,193)
```
#0859d9
```
#0859d9 rgb(8,89,217)
```
#0963f2
```
#0963f2 rgb(9,99,242)
```
#1e72f7
```
#1e72f7 rgb(30,114,247)
```
#3681f8
```
#3681f8 rgb(54,129,248)
```
#4f90f8
```
#4f90f8 rgb(79,144,248)
```

Monochromatic Color

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

#099df2
```
#099df2 rgb(9,157,242)
```
#098af2
```
#098af2 rgb(9,138,242)
```
#0976f2
```
#0976f2 rgb(9,118,242)
```
#0963f2
```
#0963f2 rgb(9,99,242)
```
#0950f2
```
#0950f2 rgb(9,80,242)
```
#093cf2
```
#093cf2 rgb(9,60,242)
```
#0929f2
```
#0929f2 rgb(9,41,242)
```

Similar Colors

Text with hexadecimal color #0963f2

This text has a font color of #0963f2.

<span style="color:#0963f2;">Text here</span>

#0963f2 background color

This paragraph has a background color of #0963f2.

<p style="background-color:#0963f2;">Content here</p>

#0963f2 border color

This element has a border color of #0963f2.

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

CSS codes

.text {color:#0963f2;}

.background {background-color:#0963f2;}

.border {border:1px solid #0963f2;}

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

#01060f
```
#01060f rgb(1,6,15)
```
#010e22
```
#010e22 rgb(1,14,34)
```
#021635
```
#021635 rgb(2,22,53)
```
#031d48
```
#031d48 rgb(3,29,72)
```
#03255b
```
#03255b rgb(3,37,91)
```
#042d6e
```
#042d6e rgb(4,45,110)
```
#053581
```
#053581 rgb(5,53,129)
```
#053c93
```
#053c93 rgb(5,60,147)
```
#0644a6
```
#0644a6 rgb(6,68,166)
```
#074cb9
```
#074cb9 rgb(7,76,185)
```
#0854cc
```
#0854cc rgb(8,84,204)
```
#085bdf
```
#085bdf rgb(8,91,223)
```
#0963f2
```
#0963f2 rgb(9,99,242)
```

Shade Color Variation

#186ef6
```
#186ef6 rgb(24,110,246)
```
#2b7af7
```
#2b7af7 rgb(43,122,247)
```
#3e86f8
```
#3e86f8 rgb(62,134,248)
```
#5192f9
```
#5192f9 rgb(81,146,249)
```
#649ef9
```
#649ef9 rgb(100,158,249)
```
#77a9fa
```
#77a9fa rgb(119,169,250)
```
#8ab5fb
```
#8ab5fb rgb(138,181,251)
```
#9dc1fb
```
#9dc1fb rgb(157,193,251)
```
#afcdfc
```
#afcdfc rgb(175,205,252)
```
#c2d9fd
```
#c2d9fd rgb(194,217,253)
```
#d5e5fd
```
#d5e5fd rgb(213,229,253)
```
#e8f1fe
```
#e8f1fe rgb(232,241,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#7d7d7e
```
#7d7d7e rgb(125,125,126)
```
#737b88
```
#737b88 rgb(115,123,136)
```
#6a7991
```
#6a7991 rgb(106,121,145)
```
#60779b
```
#60779b rgb(96,119,155)
```
#5675a5
```
#5675a5 rgb(86,117,165)
```
#4d72ae
```
#4d72ae rgb(77,114,174)
```
#4370b8
```
#4370b8 rgb(67,112,184)
```
#396ec2
```
#396ec2 rgb(57,110,194)
```
#306ccb
```
#306ccb rgb(48,108,203)
```
#266ad5
```
#266ad5 rgb(38,106,213)
```
#1c67df
```
#1c67df rgb(28,103,223)
```
#1365e8
```
#1365e8 rgb(19,101,232)
```
#0963f2
```
#0963f2 rgb(9,99,242)
```

Tone Color Variation

Below, you can see how #0963f2 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

#585858 Achromatopsia 0.005% of the population
#485a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#036ce5 Protanomaly 1% of men, 0.01% of women
#0370d2 Deuteranomaly 6% of men, 0.4% of women
#0375ad Tritanomaly 0.01% of the population

#0963f2 hex color

#0963f2 Color Information

#0963f2 Color Conversion

Color Schemes with #0963f2

Alternatives to #0963f2

#0963f2 Preview

Shades and Tints of #0963f2

Tones of #0963f2

Color Blindness Simulator