#362cf4 hex color

In a RGB color space, hex #362cf4 is composed of 21.2% red, 17.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 82% magenta, 0% yellow and 4.3% black. It has a hue angle of 243 degrees, a saturation of 90.1% and a lightness of 56.5%. #362cf4 color hex could be obtained by blending #6c58ff with #0000e9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 21
- G 17
- B 96
RGB color chart
- C 78
- M 82
- Y 0
- K 4
CMYK color chart

● #362cf4 color description : Bright blue.

The hexadecimal color #362cf4 has RGB values of R:54, G:44, B:244 and CMYK values of C:0.78, M:0.82, Y:0, K:0.04. Its decimal value is 3550452.

Hex triplet	362cf4	`#362cf4`
RGB Decimal	54, 44, 244	`rgb(54,44,244)`
RGB Percent	21.2, 17.3, 95.7	`rgb(21.2%,17.3%,95.7%)`
CMYK	78, 82, 0, 4
HSL	243°, 90.1, 56.5	`hsl(243,90.1%,56.5%)`
HSV (or HSB)	243°, 82, 95.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.207, 66.025, -95.116
XYZ	18.748, 9.116, 86.355
xyY	0.164, 0.08, 9.116
CIE-LCH	36.207, 115.786, 304.767
CIE-LUV	36.207, -7.974, -127.286
Hunter-Lab	30.193, 58, -148.44
Binary	00110110, 00101100, 11110100

#362cf4
```
#362cf4 rgb(54,44,244)
```
#eaf42c
```
#eaf42c rgb(234,244,44)
```

Complementary Color

#2c86f4
```
#2c86f4 rgb(44,134,244)
```
#362cf4
```
#362cf4 rgb(54,44,244)
```
#9a2cf4
```
#9a2cf4 rgb(154,44,244)
```

Analogous Color

#86f42c
```
#86f42c rgb(134,244,44)
```
#362cf4
```
#362cf4 rgb(54,44,244)
```
#f49a2c
```
#f49a2c rgb(244,154,44)
```

Split Complementary Color

#2cf436
```
#2cf436 rgb(44,244,54)
```
#362cf4
```
#362cf4 rgb(54,44,244)
```
#f4362c
```
#f4362c rgb(244,54,44)
```

Triadic Color

#2ceaf4
```
#2ceaf4 rgb(44,234,244)
```
#362cf4
```
#362cf4 rgb(54,44,244)
```
#f4362c
```
#f4362c rgb(244,54,44)
```
#eaf42c
```
#eaf42c rgb(234,244,44)
```

Tetradic Color

#140ac9
```
#140ac9 rgb(20,10,201)
```
#160ce1
```
#160ce1 rgb(22,12,225)
```
#1f14f3
```
#1f14f3 rgb(31,20,243)
```
#362cf4
```
#362cf4 rgb(54,44,244)
```
#4d44f5
```
#4d44f5 rgb(77,68,245)
```
#645cf7
```
#645cf7 rgb(100,92,247)
```
#7b75f8
```
#7b75f8 rgb(123,117,248)
```

Monochromatic Color

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

#2c54f4
```
#2c54f4 rgb(44,84,244)
```
#2c43f4
```
#2c43f4 rgb(44,67,244)
```
#2c33f4
```
#2c33f4 rgb(44,51,244)
```
#362cf4
```
#362cf4 rgb(54,44,244)
```
#472cf4
```
#472cf4 rgb(71,44,244)
```
#572cf4
```
#572cf4 rgb(87,44,244)
```
#682cf4
```
#682cf4 rgb(104,44,244)
```

Similar Colors

Text with hexadecimal color #362cf4

This text has a font color of #362cf4.

<span style="color:#362cf4;">Text here</span>

#362cf4 background color

This paragraph has a background color of #362cf4.

<p style="background-color:#362cf4;">Content here</p>

#362cf4 border color

This element has a border color of #362cf4.

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

CSS codes

.text {color:#362cf4;}

.background {background-color:#362cf4;}

.border {border:1px solid #362cf4;}

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, #01010d is the darkest color, while #f9f9ff is the lightest one.

#01010d
```
#01010d rgb(1,1,13)
```
#03021f
```
#03021f rgb(3,2,31)
```
#050332
```
#050332 rgb(5,3,50)
```
#070445
```
#070445 rgb(7,4,69)
```
#090557
```
#090557 rgb(9,5,87)
```
#0b066a
```
#0b066a rgb(11,6,106)
```
#0c067d
```
#0c067d rgb(12,6,125)
```
#0e078f
```
#0e078f rgb(14,7,143)
```
#1008a2
```
#1008a2 rgb(16,8,162)
```
#1209b5
```
#1209b5 rgb(18,9,181)
```
#140ac7
```
#140ac7 rgb(20,10,199)
```
#160bda
```
#160bda rgb(22,11,218)
```
#180cec
```
#180cec rgb(24,12,236)
```

Shade Color Variation

#2419f3
```
#2419f3 rgb(36,25,243)
```
#362cf4
```
#362cf4 rgb(54,44,244)
```
#483ff5
```
#483ff5 rgb(72,63,245)
```
#5a51f6
```
#5a51f6 rgb(90,81,246)
```
#6b64f7
```
#6b64f7 rgb(107,100,247)
```
#7d77f8
```
#7d77f8 rgb(125,119,248)
```
#8f89f9
```
#8f89f9 rgb(143,137,249)
```
#a19cfa
```
#a19cfa rgb(161,156,250)
```
#b2affb
```
#b2affb rgb(178,175,251)
```
#c4c1fc
```
#c4c1fc rgb(196,193,252)
```
#d6d4fd
```
#d6d4fd rgb(214,212,253)
```
#e8e6fe
```
#e8e6fe rgb(232,230,254)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#8b8a96
```
#8b8a96 rgb(139,138,150)
```
#83819f
```
#83819f rgb(131,129,159)
```
#7b79a7
```
#7b79a7 rgb(123,121,167)
```
#7370b0
```
#7370b0 rgb(115,112,176)
```
#6c68b8
```
#6c68b8 rgb(108,104,184)
```
#645fc1
```
#645fc1 rgb(100,95,193)
```
#5c57c9
```
#5c57c9 rgb(92,87,201)
```
#554ed2
```
#554ed2 rgb(85,78,210)
```
#4d46da
```
#4d46da rgb(77,70,218)
```
#453de3
```
#453de3 rgb(69,61,227)
```
#3e35eb
```
#3e35eb rgb(62,53,235)
```
#362cf4
```
#362cf4 rgb(54,44,244)
```
#2e23fd
```
#2e23fd rgb(46,35,253)
```

Tone Color Variation

Below, you can see how #362cf4 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

#464646 Achromatopsia 0.005% of the population
#434169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#134ac9 Protanomaly 1% of men, 0.01% of women
#134dba Deuteranomaly 6% of men, 0.4% of women
#13519d Tritanomaly 0.01% of the population

#362cf4 hex color

#362cf4 Color Information

#362cf4 Color Conversion

Color Schemes with #362cf4

Alternatives to #362cf4

#362cf4 Preview

Shades and Tints of #362cf4

Tones of #362cf4

Color Blindness Simulator