colorhexa.com

#363174 hex color

In a RGB color space, hex #363174 is composed of 21.2% red, 19.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 57.8% magenta, 0% yellow and 54.5% black. It has a hue angle of 244.5 degrees, a saturation of 40.6% and a lightness of 32.4%. #363174 color hex could be obtained by blending #6c62e8 with #000000. Closest websafe color is: #333366.

- R 21
- G 19
- B 45
RGB color chart
- C 53
- M 58
- Y 0
- K 55
CMYK color chart

● #363174 color description : Dark moderate blue.

The hexadecimal color #363174 has RGB values of R:54, G:49, B:116 and CMYK values of C:0.53, M:0.58, Y:0, K:0.55. Its decimal value is 3551604.

Hex triplet	363174	`#363174`
RGB Decimal	54, 49, 116	`rgb(54,49,116)`
RGB Percent	21.2, 19.2, 45.5	`rgb(21.2%,19.2%,45.5%)`
CMYK	53, 58, 0, 55
HSL	244.5°, 40.6, 32.4	`hsl(244.5,40.6%,32.4%)`
HSV (or HSB)	244.5°, 57.8, 45.5
Web Safe	333366	`#333366`

CIE-LAB	24.455, 22.151, -38.022
XYZ	5.771, 4.242, 17.037
xyY	0.213, 0.157, 4.242
CIE-LCH	24.455, 44.004, 300.224
CIE-LUV	24.455, -1.993, -48.179
Hunter-Lab	20.595, 13.979, -34.629
Binary	00110110, 00110001, 01110100

#363174
```
#363174 rgb(54,49,116)
```
#6f7431
```
#6f7431 rgb(111,116,49)
```

Complementary Color

#314e74
```
#314e74 rgb(49,78,116)
```
#363174
```
#363174 rgb(54,49,116)
```
#583174
```
#583174 rgb(88,49,116)
```

Analogous Color

#4e7431
```
#4e7431 rgb(78,116,49)
```
#363174
```
#363174 rgb(54,49,116)
```
#745831
```
#745831 rgb(116,88,49)
```

Split Complementary Color

#317436
```
#317436 rgb(49,116,54)
```
#363174
```
#363174 rgb(54,49,116)
```
#743631
```
#743631 rgb(116,54,49)
```

Triadic Color

#316f74
```
#316f74 rgb(49,111,116)
```
#363174
```
#363174 rgb(54,49,116)
```
#743631
```
#743631 rgb(116,54,49)
```
#6f7431
```
#6f7431 rgb(111,116,49)
```

Tetradic Color

#1d1a3e
```
#1d1a3e rgb(29,26,62)
```
#252250
```
#252250 rgb(37,34,80)
```
#2e2962
```
#2e2962 rgb(46,41,98)
```
#363174
```
#363174 rgb(54,49,116)
```
#3e3986
```
#3e3986 rgb(62,57,134)
```
#474098
```
#474098 rgb(71,64,152)
```
#4f48aa
```
#4f48aa rgb(79,72,170)
```

Monochromatic Color

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

#313d74
```
#313d74 rgb(49,61,116)
```
#313774
```
#313774 rgb(49,55,116)
```
#313274
```
#313274 rgb(49,50,116)
```
#363174
```
#363174 rgb(54,49,116)
```
#3c3174
```
#3c3174 rgb(60,49,116)
```
#413174
```
#413174 rgb(65,49,116)
```
#473174
```
#473174 rgb(71,49,116)
```

Similar Colors

Text with hexadecimal color #363174

This text has a font color of #363174.

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

#363174 background color

This paragraph has a background color of #363174.

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

#363174 border color

This element has a border color of #363174.

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

CSS codes

.text {color:#363174;}

.background {background-color:#363174;}

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

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

#030206
```
#030206 rgb(3,2,6)
```
#090813
```
#090813 rgb(9,8,19)
```
#0f0e21
```
#0f0e21 rgb(15,14,33)
```
#16142f
```
#16142f rgb(22,20,47)
```
#1c1a3d
```
#1c1a3d rgb(28,26,61)
```
#23204b
```
#23204b rgb(35,32,75)
```
#292558
```
#292558 rgb(41,37,88)
```
#302b66
```
#302b66 rgb(48,43,102)
```
#363174
```
#363174 rgb(54,49,116)
```
#3c3782
```
#3c3782 rgb(60,55,130)
```
#433d90
```
#433d90 rgb(67,61,144)
```
#49429d
```
#49429d rgb(73,66,157)
```
#5048ab
```
#5048ab rgb(80,72,171)
```

Shade Color Variation

#5951b6
```
#5951b6 rgb(89,81,182)
```
#665fbb
```
#665fbb rgb(102,95,187)
```
#736dc1
```
#736dc1 rgb(115,109,193)
```
#807bc7
```
#807bc7 rgb(128,123,199)
```
#8e89cd
```
#8e89cd rgb(142,137,205)
```
#9b96d3
```
#9b96d3 rgb(155,150,211)
```
#a8a4d9
```
#a8a4d9 rgb(168,164,217)
```
#b5b2de
```
#b5b2de rgb(181,178,222)
```
#c2c0e4
```
#c2c0e4 rgb(194,192,228)
```
#d0ceea
```
#d0ceea rgb(208,206,234)
```
#dddbf0
```
#dddbf0 rgb(221,219,240)
```
#eae9f6
```
#eae9f6 rgb(234,233,246)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#515154
```
#515154 rgb(81,81,84)
```
#4c4a5b
```
#4c4a5b rgb(76,74,91)
```
#464461
```
#464461 rgb(70,68,97)
```
#413e67
```
#413e67 rgb(65,62,103)
```
#3b376e
```
#3b376e rgb(59,55,110)
```
#363174
```
#363174 rgb(54,49,116)
```
#312b7a
```
#312b7a rgb(49,43,122)
```
#2b2481
```
#2b2481 rgb(43,36,129)
```
#261e87
```
#261e87 rgb(38,30,135)
```
#20188d
```
#20188d rgb(32,24,141)
```
#1b1194
```
#1b1194 rgb(27,17,148)
```
#160b9a
```
#160b9a rgb(22,11,154)
```
#1005a0
```
#1005a0 rgb(16,5,160)
```

Tone Color Variation

Below, you can see how #363174 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
#393846 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0d4281 Protanopia 1% of men
#004573 Deuteranopia 1% of men
#2d484d Tritanopia 0.001% of the population

Trichromacy

#1c3b7c Protanomaly 1% of men, 0.01% of women
#133e73 Deuteranomaly 6% of men, 0.4% of women
#303f5b Tritanomaly 0.01% of the population