#363e85 hex color

In a RGB color space, hex #363e85 is composed of 21.2% red, 24.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 53.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 233.9 degrees, a saturation of 42.2% and a lightness of 36.7%. #363e85 color hex could be obtained by blending #6c7cff with #00000b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 24
- B 52
RGB color chart
- C 59
- M 53
- Y 0
- K 48
CMYK color chart

● #363e85 color description : Dark moderate blue.

The hexadecimal color #363e85 has RGB values of R:54, G:62, B:133 and CMYK values of C:0.59, M:0.53, Y:0, K:0.48. Its decimal value is 3554949.

Hex triplet	363e85	`#363e85`
RGB Decimal	54, 62, 133	`rgb(54,62,133)`
RGB Percent	21.2, 24.3, 52.2	`rgb(21.2%,24.3%,52.2%)`
CMYK	59, 53, 0, 48
HSL	233.9°, 42.2, 36.7	`hsl(233.9,42.2%,36.7%)`
HSV (or HSB)	233.9°, 59.4, 52.2
Web Safe	333399	`#333399`

CIE-LAB	29.216, 19.338, -41.045
XYZ	7.477, 5.923, 22.938
xyY	0.206, 0.163, 5.923
CIE-LCH	29.216, 45.373, 295.228
CIE-LUV	29.216, -6.354, -55.278
Hunter-Lab	24.336, 12.25, -38.848
Binary	00110110, 00111110, 10000101

#363e85
```
#363e85 rgb(54,62,133)
```
#857d36
```
#857d36 rgb(133,125,54)
```

Complementary Color

#366685
```
#366685 rgb(54,102,133)
```
#363e85
```
#363e85 rgb(54,62,133)
```
#553685
```
#553685 rgb(85,54,133)
```

Analogous Color

#668536
```
#668536 rgb(102,133,54)
```
#363e85
```
#363e85 rgb(54,62,133)
```
#855536
```
#855536 rgb(133,85,54)
```

Split Complementary Color

#3e8536
```
#3e8536 rgb(62,133,54)
```
#363e85
```
#363e85 rgb(54,62,133)
```
#85363e
```
#85363e rgb(133,54,62)
```

Triadic Color

#36857d
```
#36857d rgb(54,133,125)
```
#363e85
```
#363e85 rgb(54,62,133)
```
#85363e
```
#85363e rgb(133,54,62)
```
#857d36
```
#857d36 rgb(133,125,54)
```

Tetradic Color

#20254f
```
#20254f rgb(32,37,79)
```
#272d61
```
#272d61 rgb(39,45,97)
```
#2f3673
```
#2f3673 rgb(47,54,115)
```
#363e85
```
#363e85 rgb(54,62,133)
```
#3d4697
```
#3d4697 rgb(61,70,151)
```
#454fa9
```
#454fa9 rgb(69,79,169)
```
#505ab8
```
#505ab8 rgb(80,90,184)
```

Monochromatic Color

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

#365285
```
#365285 rgb(54,82,133)
```
#364b85
```
#364b85 rgb(54,75,133)
```
#364585
```
#364585 rgb(54,69,133)
```
#363e85
```
#363e85 rgb(54,62,133)
```
#363785
```
#363785 rgb(54,55,133)
```
#3b3685
```
#3b3685 rgb(59,54,133)
```
#423685
```
#423685 rgb(66,54,133)
```

Similar Colors

Text with hexadecimal color #363e85

This text has a font color of #363e85.

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

#363e85 background color

This paragraph has a background color of #363e85.

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

#363e85 border color

This element has a border color of #363e85.

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

CSS codes

.text {color:#363e85;}

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

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

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

#030307
```
#030307 rgb(3,3,7)
```
#090a15
```
#090a15 rgb(9,10,21)
```
#0e1023
```
#0e1023 rgb(14,16,35)
```
#141731
```
#141731 rgb(20,23,49)
```
#1a1d3f
```
#1a1d3f rgb(26,29,63)
```
#1f244d
```
#1f244d rgb(31,36,77)
```
#252a5b
```
#252a5b rgb(37,42,91)
```
#2b3169
```
#2b3169 rgb(43,49,105)
```
#303777
```
#303777 rgb(48,55,119)
```
#363e85
```
#363e85 rgb(54,62,133)
```
#3c4593
```
#3c4593 rgb(60,69,147)
```
#414ba1
```
#414ba1 rgb(65,75,161)
```
#4752af
```
#4752af rgb(71,82,175)
```

Shade Color Variation

#515cb8
```
#515cb8 rgb(81,92,184)
```
#5f69be
```
#5f69be rgb(95,105,190)
```
#6d76c4
```
#6d76c4 rgb(109,118,196)
```
#7b83c9
```
#7b83c9 rgb(123,131,201)
```
#8990cf
```
#8990cf rgb(137,144,207)
```
#979dd5
```
#979dd5 rgb(151,157,213)
```
#a5aada
```
#a5aada rgb(165,170,218)
```
#b3b7e0
```
#b3b7e0 rgb(179,183,224)
```
#c1c4e6
```
#c1c4e6 rgb(193,196,230)
```
#cfd2eb
```
#cfd2eb rgb(207,210,235)
```
#dddff1
```
#dddff1 rgb(221,223,241)
```
#ebecf7
```
#ebecf7 rgb(235,236,247)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5b61 is the less saturated color, while #0416b7 is the most saturated one.

#5a5b61
```
#5a5b61 rgb(90,91,97)
```
#535568
```
#535568 rgb(83,85,104)
```
#4c4f6f
```
#4c4f6f rgb(76,79,111)
```
#444977
```
#444977 rgb(68,73,119)
```
#3d447e
```
#3d447e rgb(61,68,126)
```
#363e85
```
#363e85 rgb(54,62,133)
```
#2f388c
```
#2f388c rgb(47,56,140)
```
#283393
```
#283393 rgb(40,51,147)
```
#202d9b
```
#202d9b rgb(32,45,155)
```
#1927a2
```
#1927a2 rgb(25,39,162)
```
#1221a9
```
#1221a9 rgb(18,33,169)
```
#0b1cb0
```
#0b1cb0 rgb(11,28,176)
```
#0416b7
```
#0416b7 rgb(4,22,183)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#414351 Atypical Achromatopsia 0.001% of the population

Dichromacy

#214c8f Protanopia 1% of men
#004f84 Deuteranopia 1% of men
#26545a Tritanopia 0.001% of the population

Trichromacy

#28478b Protanomaly 1% of men, 0.01% of women
#134984 Deuteranomaly 6% of men, 0.4% of women
#2b4c6a Tritanomaly 0.01% of the population

#363e85 hex color

#363e85 Color Information

#363e85 Color Conversion

Color Schemes with #363e85

Alternatives to #363e85

#363e85 Preview

Shades and Tints of #363e85

Tones of #363e85

Color Blindness Simulator