#363270 hex color

In a RGB color space, hex #363270 is composed of 21.2% red, 19.6% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 55.4% magenta, 0% yellow and 56.1% black. It has a hue angle of 243.9 degrees, a saturation of 38.3% and a lightness of 31.8%. #363270 color hex could be obtained by blending #6c64e0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 21
- G 20
- B 44
RGB color chart
- C 52
- M 55
- Y 0
- K 56
CMYK color chart

● #363270 color description : Very dark desaturated blue.

The hexadecimal color #363270 has RGB values of R:54, G:50, B:112 and CMYK values of C:0.52, M:0.55, Y:0, K:0.56. Its decimal value is 3551856.

Hex triplet	363270	`#363270`
RGB Decimal	54, 50, 112	`rgb(54,50,112)`
RGB Percent	21.2, 19.6, 43.9	`rgb(21.2%,19.6%,43.9%)`
CMYK	52, 55, 0, 56
HSL	243.9°, 38.3, 31.8	`hsl(243.9,38.3%,31.8%)`
HSV (or HSB)	243.9°, 55.4, 43.9
Web Safe	333366	`#333366`

CIE-LAB	24.434, 20.112, -35.498
XYZ	5.586, 4.235, 15.851
xyY	0.218, 0.165, 4.235
CIE-LCH	24.434, 40.8, 299.535
CIE-LUV	24.434, -2.008, -44.987
Hunter-Lab	20.58, 12.437, -31.263
Binary	00110110, 00110010, 01110000

#363270
```
#363270 rgb(54,50,112)
```
#6c7032
```
#6c7032 rgb(108,112,50)
```

Complementary Color

#324d70
```
#324d70 rgb(50,77,112)
```
#363270
```
#363270 rgb(54,50,112)
```
#553270
```
#553270 rgb(85,50,112)
```

Analogous Color

#4d7032
```
#4d7032 rgb(77,112,50)
```
#363270
```
#363270 rgb(54,50,112)
```
#705532
```
#705532 rgb(112,85,50)
```

Split Complementary Color

#327036
```
#327036 rgb(50,112,54)
```
#363270
```
#363270 rgb(54,50,112)
```
#703632
```
#703632 rgb(112,54,50)
```

Triadic Color

#326c70
```
#326c70 rgb(50,108,112)
```
#363270
```
#363270 rgb(54,50,112)
```
#703632
```
#703632 rgb(112,54,50)
```
#6c7032
```
#6c7032 rgb(108,112,50)
```

Tetradic Color

#1d1a3b
```
#1d1a3b rgb(29,26,59)
```
#25224d
```
#25224d rgb(37,34,77)
```
#2e2a5e
```
#2e2a5e rgb(46,42,94)
```
#363270
```
#363270 rgb(54,50,112)
```
#3f3a82
```
#3f3a82 rgb(63,58,130)
```
#474293
```
#474293 rgb(71,66,147)
```
#504aa5
```
#504aa5 rgb(80,74,165)
```

Monochromatic Color

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

#323d70
```
#323d70 rgb(50,61,112)
```
#323870
```
#323870 rgb(50,56,112)
```
#323370
```
#323370 rgb(50,51,112)
```
#363270
```
#363270 rgb(54,50,112)
```
#3b3270
```
#3b3270 rgb(59,50,112)
```
#403270
```
#403270 rgb(64,50,112)
```
#463270
```
#463270 rgb(70,50,112)
```

Similar Colors

Text with hexadecimal color #363270

This text has a font color of #363270.

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

#363270 background color

This paragraph has a background color of #363270.

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

#363270 border color

This element has a border color of #363270.

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

CSS codes

.text {color:#363270;}

.background {background-color:#363270;}

.border {border:1px solid #363270;}

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)
```
#080811
```
#080811 rgb(8,8,17)
```
#0f0e1f
```
#0f0e1f rgb(15,14,31)
```
#15142c
```
#15142c rgb(21,20,44)
```
#1c1a3a
```
#1c1a3a rgb(28,26,58)
```
#222047
```
#222047 rgb(34,32,71)
```
#292655
```
#292655 rgb(41,38,85)
```
#2f2c62
```
#2f2c62 rgb(47,44,98)
```
#363270
```
#363270 rgb(54,50,112)
```
#3d387e
```
#3d387e rgb(61,56,126)
```
#433e8b
```
#433e8b rgb(67,62,139)
```
#4a4499
```
#4a4499 rgb(74,68,153)
```
#504aa6
```
#504aa6 rgb(80,74,166)
```

Shade Color Variation

#5852b2
```
#5852b2 rgb(88,82,178)
```
#6560b8
```
#6560b8 rgb(101,96,184)
```
#736dbe
```
#736dbe rgb(115,109,190)
```
#807bc4
```
#807bc4 rgb(128,123,196)
```
#8d88ca
```
#8d88ca rgb(141,136,202)
```
#9a96d0
```
#9a96d0 rgb(154,150,208)
```
#a7a4d6
```
#a7a4d6 rgb(167,164,214)
```
#b4b1dc
```
#b4b1dc rgb(180,177,220)
```
#c1bfe2
```
#c1bfe2 rgb(193,191,226)
```
#cecce8
```
#cecce8 rgb(206,204,232)
```
#dbdaee
```
#dbdaee rgb(219,218,238)
```
#e8e7f4
```
#e8e7f4 rgb(232,231,244)
```
#f5f5fb
```
#f5f5fb rgb(245,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c4b57 is the less saturated color, while #0b00a2 is the most saturated one.

#4c4b57
```
#4c4b57 rgb(76,75,87)
```
#46455d
```
#46455d rgb(70,69,93)
```
#413e64
```
#413e64 rgb(65,62,100)
```
#3b386a
```
#3b386a rgb(59,56,106)
```
#363270
```
#363270 rgb(54,50,112)
```
#312c76
```
#312c76 rgb(49,44,118)
```
#2b267c
```
#2b267c rgb(43,38,124)
```
#261f83
```
#261f83 rgb(38,31,131)
```
#201989
```
#201989 rgb(32,25,137)
```
#1b138f
```
#1b138f rgb(27,19,143)
```
#150d95
```
#150d95 rgb(21,13,149)
```
#10069c
```
#10069c rgb(16,6,156)
```
#0b00a2
```
#0b00a2 rgb(11,0,162)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#393845 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d427c Protanopia 1% of men
#004573 Deuteranopia 1% of men
#30474d Tritanopia 0.001% of the population

Trichromacy

#263c77 Protanomaly 1% of men, 0.01% of women
#133e72 Deuteranomaly 6% of men, 0.4% of women
#323f59 Tritanomaly 0.01% of the population

#363270 hex color

#363270 Color Information

#363270 Color Conversion

Color Schemes with #363270

Alternatives to #363270

#363270 Preview

Shades and Tints of #363270

Tones of #363270

Color Blindness Simulator