#363a94 hex color

In a RGB color space, hex #363a94 is composed of 21.2% red, 22.7% green and 58% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 60.8% magenta, 0% yellow and 42% black. It has a hue angle of 237.4 degrees, a saturation of 46.5% and a lightness of 39.6%. #363a94 color hex could be obtained by blending #6c74ff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 23
- B 58
RGB color chart
- C 64
- M 61
- Y 0
- K 42
CMYK color chart

● #363a94 color description : Dark moderate blue.

The hexadecimal color #363a94 has RGB values of R:54, G:58, B:148 and CMYK values of C:0.64, M:0.61, Y:0, K:0.42. Its decimal value is 3553940.

Hex triplet	363a94	`#363a94`
RGB Decimal	54, 58, 148	`rgb(54,58,148)`
RGB Percent	21.2, 22.7, 58	`rgb(21.2%,22.7%,58%)`
CMYK	64, 61, 0, 42
HSL	237.4°, 46.5, 39.6	`hsl(237.4,46.5%,39.6%)`
HSV (or HSB)	237.4°, 63.5, 58
Web Safe	333399	`#333399`

CIE-LAB	29.281, 27.349, -50.196
XYZ	8.379, 5.948, 28.722
xyY	0.195, 0.138, 5.948
CIE-LCH	29.281, 57.163, 298.583
CIE-LUV	29.281, -5.887, -67.386
Hunter-Lab	24.389, 18.642, -52.752
Binary	00110110, 00111010, 10010100

#363a94
```
#363a94 rgb(54,58,148)
```
#949036
```
#949036 rgb(148,144,54)
```

Complementary Color

#366994
```
#366994 rgb(54,105,148)
```
#363a94
```
#363a94 rgb(54,58,148)
```
#613694
```
#613694 rgb(97,54,148)
```

Analogous Color

#699436
```
#699436 rgb(105,148,54)
```
#363a94
```
#363a94 rgb(54,58,148)
```
#946136
```
#946136 rgb(148,97,54)
```

Split Complementary Color

#3a9436
```
#3a9436 rgb(58,148,54)
```
#363a94
```
#363a94 rgb(54,58,148)
```
#94363a
```
#94363a rgb(148,54,58)
```

Triadic Color

#369490
```
#369490 rgb(54,148,144)
```
#363a94
```
#363a94 rgb(54,58,148)
```
#94363a
```
#94363a rgb(148,54,58)
```
#949036
```
#949036 rgb(148,144,54)
```

Tetradic Color

#22245c
```
#22245c rgb(34,36,92)
```
#282b6f
```
#282b6f rgb(40,43,111)
```
#2f3381
```
#2f3381 rgb(47,51,129)
```
#363a94
```
#363a94 rgb(54,58,148)
```
#3d41a7
```
#3d41a7 rgb(61,65,167)
```
#4449b9
```
#4449b9 rgb(68,73,185)
```
#555ac1
```
#555ac1 rgb(85,90,193)
```

Monochromatic Color

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

#365294
```
#365294 rgb(54,82,148)
```
#364a94
```
#364a94 rgb(54,74,148)
```
#364294
```
#364294 rgb(54,66,148)
```
#363a94
```
#363a94 rgb(54,58,148)
```
#3a3694
```
#3a3694 rgb(58,54,148)
```
#423694
```
#423694 rgb(66,54,148)
```
#4a3694
```
#4a3694 rgb(74,54,148)
```

Similar Colors

Text with hexadecimal color #363a94

This text has a font color of #363a94.

<span style="color:#363a94;">Text here</span>

#363a94 background color

This paragraph has a background color of #363a94.

<p style="background-color:#363a94;">Content here</p>

#363a94 border color

This element has a border color of #363a94.

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

CSS codes

.text {color:#363a94;}

.background {background-color:#363a94;}

.border {border:1px solid #363a94;}

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

#020204
```
#020204 rgb(2,2,4)
```
#070713
```
#070713 rgb(7,7,19)
```
#0c0d21
```
#0c0d21 rgb(12,13,33)
```
#11132f
```
#11132f rgb(17,19,47)
```
#17183e
```
#17183e rgb(23,24,62)
```
#1c1e4c
```
#1c1e4c rgb(28,30,76)
```
#21235b
```
#21235b rgb(33,35,91)
```
#262969
```
#262969 rgb(38,41,105)
```
#2c2f77
```
#2c2f77 rgb(44,47,119)
```
#313486
```
#313486 rgb(49,52,134)
```
#363a94
```
#363a94 rgb(54,58,148)
```
#3b40a2
```
#3b40a2 rgb(59,64,162)
```
#4045b1
```
#4045b1 rgb(64,69,177)
```

Shade Color Variation

#484dbc
```
#484dbc rgb(72,77,188)
```
#575bc2
```
#575bc2 rgb(87,91,194)
```
#6569c7
```
#6569c7 rgb(101,105,199)
```
#7477cc
```
#7477cc rgb(116,119,204)
```
#8285d1
```
#8285d1 rgb(130,133,209)
```
#9093d7
```
#9093d7 rgb(144,147,215)
```
#9fa1dc
```
#9fa1dc rgb(159,161,220)
```
#adafe1
```
#adafe1 rgb(173,175,225)
```
#bbbde6
```
#bbbde6 rgb(187,189,230)
```
#cacbec
```
#cacbec rgb(202,203,236)
```
#d8d9f1
```
#d8d9f1 rgb(216,217,241)
```
#e7e7f6
```
#e7e7f6 rgb(231,231,246)
```
#f5f5fb
```
#f5f5fb rgb(245,245,251)
```

Tint Color Variation

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

#656565
```
#656565 rgb(101,101,101)
```
#5d5e6d
```
#5d5e6d rgb(93,94,109)
```
#555675
```
#555675 rgb(85,86,117)
```
#4d4f7d
```
#4d4f7d rgb(77,79,125)
```
#464884
```
#464884 rgb(70,72,132)
```
#3e418c
```
#3e418c rgb(62,65,140)
```
#363a94
```
#363a94 rgb(54,58,148)
```
#2e339c
```
#2e339c rgb(46,51,156)
```
#262ca4
```
#262ca4 rgb(38,44,164)
```
#1f25ab
```
#1f25ab rgb(31,37,171)
```
#171eb3
```
#171eb3 rgb(23,30,179)
```
#0f16bb
```
#0f16bb rgb(15,22,187)
```
#070fc3
```
#070fc3 rgb(7,15,195)
```

Tone Color Variation

Below, you can see how #363a94 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

#434343 Achromatopsia 0.005% of the population
#404153 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c95 Protanopia 1% of men
#005083 Deuteranopia 1% of men
#08565c Tritanopia 0.001% of the population

Trichromacy

#134594 Protanomaly 1% of men, 0.01% of women
#134889 Deuteranomaly 6% of men, 0.4% of women
#194b70 Tritanomaly 0.01% of the population

#363a94 hex color

#363a94 Color Information

#363a94 Color Conversion

Color Schemes with #363a94

Alternatives to #363a94

#363a94 Preview

Shades and Tints of #363a94

Tones of #363a94

Color Blindness Simulator