#0396fc hex color

In a RGB color space, hex #0396fc is composed of 1.2% red, 58.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 40.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 204.6 degrees, a saturation of 97.6% and a lightness of 50%. #0396fc color hex could be obtained by blending #06ffff with #002df9. Closest websafe color is: #0099ff.

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

● #0396fc color description : Vivid blue.

The hexadecimal color #0396fc has RGB values of R:3, G:150, B:252 and CMYK values of C:0.99, M:0.4, Y:0, K:0.01. Its decimal value is 235260.

Hex triplet	0396fc	`#0396fc`
RGB Decimal	3, 150, 252	`rgb(3,150,252)`
RGB Percent	1.2, 58.8, 98.8	`rgb(1.2%,58.8%,98.8%)`
CMYK	99, 40, 0, 1
HSL	204.6°, 97.6, 50	`hsl(204.6,97.6%,50%)`
HSV (or HSB)	204.6°, 98.8, 98.8
Web Safe	0099ff	`#0099ff`

CIE-LAB	60.656, 4.289, -59.718
XYZ	28.51, 28.858, 96.158
xyY	0.186, 0.188, 28.858
CIE-LCH	60.656, 59.872, 274.108
CIE-LUV	60.656, -36.078, -96.18
Hunter-Lab	53.719, 0.726, -68.526
Binary	00000011, 10010110, 11111100

#0396fc
```
#0396fc rgb(3,150,252)
```
#fc6903
```
#fc6903 rgb(252,105,3)
```

Complementary Color

#03fce6
```
#03fce6 rgb(3,252,230)
```
#0396fc
```
#0396fc rgb(3,150,252)
```
#031afc
```
#031afc rgb(3,26,252)
```

Analogous Color

#fce603
```
#fce603 rgb(252,230,3)
```
#0396fc
```
#0396fc rgb(3,150,252)
```
#fc031a
```
#fc031a rgb(252,3,26)
```

Split Complementary Color

#96fc03
```
#96fc03 rgb(150,252,3)
```
#0396fc
```
#0396fc rgb(3,150,252)
```
#fc0396
```
#fc0396 rgb(252,3,150)
```

Triadic Color

#03fc69
```
#03fc69 rgb(3,252,105)
```
#0396fc
```
#0396fc rgb(3,150,252)
```
#fc0396
```
#fc0396 rgb(252,3,150)
```
#fc6903
```
#fc6903 rgb(252,105,3)
```

Tetradic Color

#0269b0
```
#0269b0 rgb(2,105,176)
```
#0278ca
```
#0278ca rgb(2,120,202)
```
#0387e3
```
#0387e3 rgb(3,135,227)
```
#0396fc
```
#0396fc rgb(3,150,252)
```
#1ca1fc
```
#1ca1fc rgb(28,161,252)
```
#35abfd
```
#35abfd rgb(53,171,253)
```
#4fb6fd
```
#4fb6fd rgb(79,182,253)
```

Monochromatic Color

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

#03d4fc
```
#03d4fc rgb(3,212,252)
```
#03c0fc
```
#03c0fc rgb(3,192,252)
```
#03abfc
```
#03abfc rgb(3,171,252)
```
#0396fc
```
#0396fc rgb(3,150,252)
```
#0381fc
```
#0381fc rgb(3,129,252)
```
#036dfc
```
#036dfc rgb(3,109,252)
```
#0358fc
```
#0358fc rgb(3,88,252)
```

Similar Colors

Text with hexadecimal color #0396fc

This text has a font color of #0396fc.

<span style="color:#0396fc;">Text here</span>

#0396fc background color

This paragraph has a background color of #0396fc.

<p style="background-color:#0396fc;">Content here</p>

#0396fc border color

This element has a border color of #0396fc.

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

CSS codes

.text {color:#0396fc;}

.background {background-color:#0396fc;}

.border {border:1px solid #0396fc;}

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

#000c13
```
#000c13 rgb(0,12,19)
```
#001727
```
#001727 rgb(0,23,39)
```
#01233a
```
#01233a rgb(1,35,58)
```
#012e4e
```
#012e4e rgb(1,46,78)
```
#013a61
```
#013a61 rgb(1,58,97)
```
#014574
```
#014574 rgb(1,69,116)
```
#025188
```
#025188 rgb(2,81,136)
```
#025c9b
```
#025c9b rgb(2,92,155)
```
#0268ae
```
#0268ae rgb(2,104,174)
```
#0273c2
```
#0273c2 rgb(2,115,194)
```
#037fd5
```
#037fd5 rgb(3,127,213)
```
#038ae9
```
#038ae9 rgb(3,138,233)
```
#0396fc
```
#0396fc rgb(3,150,252)
```

Shade Color Variation

#169efc
```
#169efc rgb(22,158,252)
```
#2aa6fc
```
#2aa6fc rgb(42,166,252)
```
#3daefd
```
#3daefd rgb(61,174,253)
```
#51b6fd
```
#51b6fd rgb(81,182,253)
```
#64befd
```
#64befd rgb(100,190,253)
```
#77c6fd
```
#77c6fd rgb(119,198,253)
```
#8bcffe
```
#8bcffe rgb(139,207,254)
```
#9ed7fe
```
#9ed7fe rgb(158,215,254)
```
#b1dffe
```
#b1dffe rgb(177,223,254)
```
#c5e7fe
```
#c5e7fe rgb(197,231,254)
```
#d8efff
```
#d8efff rgb(216,239,255)
```
#ecf7ff
```
#ecf7ff rgb(236,247,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#798186
```
#798186 rgb(121,129,134)
```
#6f8390
```
#6f8390 rgb(111,131,144)
```
#65849a
```
#65849a rgb(101,132,154)
```
#5b86a4
```
#5b86a4 rgb(91,134,164)
```
#5188ae
```
#5188ae rgb(81,136,174)
```
#488ab7
```
#488ab7 rgb(72,138,183)
```
#3e8bc1
```
#3e8bc1 rgb(62,139,193)
```
#348dcb
```
#348dcb rgb(52,141,203)
```
#2a8fd5
```
#2a8fd5 rgb(42,143,213)
```
#2091df
```
#2091df rgb(32,145,223)
```
#1792e8
```
#1792e8 rgb(23,146,232)
```
#0d94f2
```
#0d94f2 rgb(13,148,242)
```
#0396fc
```
#0396fc rgb(3,150,252)
```

Tone Color Variation

Below, you can see how #0396fc 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

#767676 Achromatopsia 0.005% of the population
#5f7c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6994f6 Protanopia 1% of men
#3499fc Deuteranopia 1% of men
#00a6b0 Tritanopia 0.001% of the population

Trichromacy

#4495f8 Protanomaly 1% of men, 0.01% of women
#2298fc Deuteranomaly 6% of men, 0.4% of women
#01a0cc Tritanomaly 0.01% of the population

#0396fc hex color

#0396fc Color Information

#0396fc Color Conversion

Color Schemes with #0396fc

Alternatives to #0396fc

#0396fc Preview

Shades and Tints of #0396fc

Tones of #0396fc

Color Blindness Simulator