#0362ff hex color

In a RGB color space, hex #0362ff is composed of 1.2% red, 38.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 61.6% magenta, 0% yellow and 0% black. It has a hue angle of 217.4 degrees, a saturation of 100% and a lightness of 50.6%. #0362ff color hex could be obtained by blending #06c4ff with #0000ff. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 1
- G 38
- B 100
RGB color chart
- C 99
- M 62
- Y 0
- K 0
CMYK color chart

● #0362ff color description : Vivid blue.

The hexadecimal color #0362ff has RGB values of R:3, G:98, B:255 and CMYK values of C:0.99, M:0.62, Y:0, K:0. Its decimal value is 221951.

Hex triplet	0362ff	`#0362ff`
RGB Decimal	3, 98, 255	`rgb(3,98,255)`
RGB Percent	1.2, 38.4, 100	`rgb(1.2%,38.4%,100%)`
CMYK	99, 62, 0, 0
HSL	217.4°, 100, 50.6	`hsl(217.4,100%,50.6%)`
HSV (or HSB)	217.4°, 98.8, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	46.939, 37.793, -83.597
XYZ	22.451, 15.973, 96.502
xyY	0.166, 0.118, 15.973
CIE-LCH	46.939, 91.743, 294.327
CIE-LUV	46.939, -21.367, -126.738
Hunter-Lab	39.966, 30.334, -115.186
Binary	00000011, 01100010, 11111111

#0362ff
```
#0362ff rgb(3,98,255)
```
#ffa003
```
#ffa003 rgb(255,160,3)
```

Complementary Color

#03e0ff
```
#03e0ff rgb(3,224,255)
```
#0362ff
```
#0362ff rgb(3,98,255)
```
#2203ff
```
#2203ff rgb(34,3,255)
```

Analogous Color

#e0ff03
```
#e0ff03 rgb(224,255,3)
```
#0362ff
```
#0362ff rgb(3,98,255)
```
#ff2203
```
#ff2203 rgb(255,34,3)
```

Split Complementary Color

#62ff03
```
#62ff03 rgb(98,255,3)
```
#0362ff
```
#0362ff rgb(3,98,255)
```
#ff0362
```
#ff0362 rgb(255,3,98)
```

Triadic Color

#03ffa0
```
#03ffa0 rgb(3,255,160)
```
#0362ff
```
#0362ff rgb(3,98,255)
```
#ff0362
```
#ff0362 rgb(255,3,98)
```
#ffa003
```
#ffa003 rgb(255,160,3)
```

Tetradic Color

#0044b6
```
#0044b6 rgb(0,68,182)
```
#004ecf
```
#004ecf rgb(0,78,207)
```
#0058e9
```
#0058e9 rgb(0,88,233)
```
#0362ff
```
#0362ff rgb(3,98,255)
```
#1d72ff
```
#1d72ff rgb(29,114,255)
```
#3682ff
```
#3682ff rgb(54,130,255)
```
#5092ff
```
#5092ff rgb(80,146,255)
```

Monochromatic Color

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

#03a1ff
```
#03a1ff rgb(3,161,255)
```
#038cff
```
#038cff rgb(3,140,255)
```
#0377ff
```
#0377ff rgb(3,119,255)
```
#0362ff
```
#0362ff rgb(3,98,255)
```
#034dff
```
#034dff rgb(3,77,255)
```
#0338ff
```
#0338ff rgb(3,56,255)
```
#0323ff
```
#0323ff rgb(3,35,255)
```

Similar Colors

Text with hexadecimal color #0362ff

This text has a font color of #0362ff.

<span style="color:#0362ff;">Text here</span>

#0362ff background color

This paragraph has a background color of #0362ff.

<p style="background-color:#0362ff;">Content here</p>

#0362ff border color

This element has a border color of #0362ff.

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

CSS codes

.text {color:#0362ff;}

.background {background-color:#0362ff;}

.border {border:1px solid #0362ff;}

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

#000103
```
#000103 rgb(0,1,3)
```
#000917
```
#000917 rgb(0,9,23)
```
#00102a
```
#00102a rgb(0,16,42)
```
#00173e
```
#00173e rgb(0,23,62)
```
#001f51
```
#001f51 rgb(0,31,81)
```
#002665
```
#002665 rgb(0,38,101)
```
#002d79
```
#002d79 rgb(0,45,121)
```
#00358c
```
#00358c rgb(0,53,140)
```
#003ca0
```
#003ca0 rgb(0,60,160)
```
#0044b4
```
#0044b4 rgb(0,68,180)
```
#004bc7
```
#004bc7 rgb(0,75,199)
```
#0052db
```
#0052db rgb(0,82,219)
```
#005aee
```
#005aee rgb(0,90,238)
```

Shade Color Variation

#0362ff
```
#0362ff rgb(3,98,255)
```
#176eff
```
#176eff rgb(23,110,255)
```
#2a7aff
```
#2a7aff rgb(42,122,255)
```
#3e87ff
```
#3e87ff rgb(62,135,255)
```
#5193ff
```
#5193ff rgb(81,147,255)
```
#659fff
```
#659fff rgb(101,159,255)
```
#79abff
```
#79abff rgb(121,171,255)
```
#8cb8ff
```
#8cb8ff rgb(140,184,255)
```
#a0c4ff
```
#a0c4ff rgb(160,196,255)
```
#b4d0ff
```
#b4d0ff rgb(180,208,255)
```
#c7dcff
```
#c7dcff rgb(199,220,255)
```
#dbe8ff
```
#dbe8ff rgb(219,232,255)
```
#eef5ff
```
#eef5ff rgb(238,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777f8b is the less saturated color, while #0362ff is the most saturated one.

#777f8b
```
#777f8b rgb(119,127,139)
```
#6e7c94
```
#6e7c94 rgb(110,124,148)
```
#647a9e
```
#647a9e rgb(100,122,158)
```
#5a77a8
```
#5a77a8 rgb(90,119,168)
```
#5175b1
```
#5175b1 rgb(81,117,177)
```
#4773bb
```
#4773bb rgb(71,115,187)
```
#3d70c5
```
#3d70c5 rgb(61,112,197)
```
#336ecf
```
#336ecf rgb(51,110,207)
```
#2a6cd8
```
#2a6cd8 rgb(42,108,216)
```
#2069e2
```
#2069e2 rgb(32,105,226)
```
#1667ec
```
#1667ec rgb(22,103,236)
```
#0d64f5
```
#0d64f5 rgb(13,100,245)
```
#0362ff
```
#0362ff rgb(3,98,255)
```

Tone Color Variation

Below, you can see how #0362ff 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

#575757 Achromatopsia 0.005% of the population
#465979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#008288 Tritanopia 0.001% of the population

Trichromacy

#016ceb Protanomaly 1% of men, 0.01% of women
#0171d9 Deuteranomaly 6% of men, 0.4% of women
#0176b3 Tritanomaly 0.01% of the population

#0362ff hex color

#0362ff Color Information

#0362ff Color Conversion

Color Schemes with #0362ff

Alternatives to #0362ff

#0362ff Preview

Shades and Tints of #0362ff

Tones of #0362ff

Color Blindness Simulator