#366494 hex color

In a RGB color space, hex #366494 is composed of 21.2% red, 39.2% green and 58% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 32.4% magenta, 0% yellow and 42% black. It has a hue angle of 210.6 degrees, a saturation of 46.5% and a lightness of 39.6%. #366494 color hex could be obtained by blending #6cc8ff with #000029. Closest websafe color is: #336699.

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

● #366494 color description : Dark moderate blue.

The hexadecimal color #366494 has RGB values of R:54, G:100, B:148 and CMYK values of C:0.64, M:0.32, Y:0, K:0.42. Its decimal value is 3564692.

Hex triplet	366494	`#366494`
RGB Decimal	54, 100, 148	`rgb(54,100,148)`
RGB Percent	21.2, 39.2, 58	`rgb(21.2%,39.2%,58%)`
CMYK	64, 32, 0, 42
HSL	210.6°, 46.5, 39.6	`hsl(210.6,46.5%,39.6%)`
HSV (or HSB)	210.6°, 63.5, 58
Web Safe	336699	`#336699`

CIE-LAB	41.273, -0.124, -31.013
XYZ	11.423, 12.036, 29.737
xyY	0.215, 0.226, 12.036
CIE-LCH	41.273, 31.013, 269.77
CIE-LUV	41.273, -18.962, -44.576
Hunter-Lab	34.693, -1.942, -26.535
Binary	00110110, 01100100, 10010100

#366494
```
#366494 rgb(54,100,148)
```
#946636
```
#946636 rgb(148,102,54)
```

Complementary Color

#369394
```
#369394 rgb(54,147,148)
```
#366494
```
#366494 rgb(54,100,148)
```
#373694
```
#373694 rgb(55,54,148)
```

Analogous Color

#939436
```
#939436 rgb(147,148,54)
```
#366494
```
#366494 rgb(54,100,148)
```
#943736
```
#943736 rgb(148,55,54)
```

Split Complementary Color

#649436
```
#649436 rgb(100,148,54)
```
#366494
```
#366494 rgb(54,100,148)
```
#943664
```
#943664 rgb(148,54,100)
```

Triadic Color

#369466
```
#369466 rgb(54,148,102)
```
#366494
```
#366494 rgb(54,100,148)
```
#943664
```
#943664 rgb(148,54,100)
```
#946636
```
#946636 rgb(148,102,54)
```

Tetradic Color

#223e5c
```
#223e5c rgb(34,62,92)
```
#284b6f
```
#284b6f rgb(40,75,111)
```
#2f5781
```
#2f5781 rgb(47,87,129)
```
#366494
```
#366494 rgb(54,100,148)
```
#3d71a7
```
#3d71a7 rgb(61,113,167)
```
#447db9
```
#447db9 rgb(68,125,185)
```
#558ac1
```
#558ac1 rgb(85,138,193)
```

Monochromatic Color

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

#367c94
```
#367c94 rgb(54,124,148)
```
#367494
```
#367494 rgb(54,116,148)
```
#366c94
```
#366c94 rgb(54,108,148)
```
#366494
```
#366494 rgb(54,100,148)
```
#365c94
```
#365c94 rgb(54,92,148)
```
#365494
```
#365494 rgb(54,84,148)
```
#364d94
```
#364d94 rgb(54,77,148)
```

Similar Colors

Text with hexadecimal color #366494

This text has a font color of #366494.

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

#366494 background color

This paragraph has a background color of #366494.

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

#366494 border color

This element has a border color of #366494.

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

CSS codes

.text {color:#366494;}

.background {background-color:#366494;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#070d13
```
#070d13 rgb(7,13,19)
```
#0c1621
```
#0c1621 rgb(12,22,33)
```
#11202f
```
#11202f rgb(17,32,47)
```
#172a3e
```
#172a3e rgb(23,42,62)
```
#1c334c
```
#1c334c rgb(28,51,76)
```
#213d5b
```
#213d5b rgb(33,61,91)
```
#264769
```
#264769 rgb(38,71,105)
```
#2c5177
```
#2c5177 rgb(44,81,119)
```
#315a86
```
#315a86 rgb(49,90,134)
```
#366494
```
#366494 rgb(54,100,148)
```
#3b6ea2
```
#3b6ea2 rgb(59,110,162)
```
#4077b1
```
#4077b1 rgb(64,119,177)
```

Shade Color Variation

#4881bc
```
#4881bc rgb(72,129,188)
```
#578bc2
```
#578bc2 rgb(87,139,194)
```
#6595c7
```
#6595c7 rgb(101,149,199)
```
#749fcc
```
#749fcc rgb(116,159,204)
```
#82a9d1
```
#82a9d1 rgb(130,169,209)
```
#90b3d7
```
#90b3d7 rgb(144,179,215)
```
#9fbddc
```
#9fbddc rgb(159,189,220)
```
#adc7e1
```
#adc7e1 rgb(173,199,225)
```
#bbd0e6
```
#bbd0e6 rgb(187,208,230)
```
#cadaec
```
#cadaec rgb(202,218,236)
```
#d8e4f1
```
#d8e4f1 rgb(216,228,241)
```
#e7eef6
```
#e7eef6 rgb(231,238,246)
```
#f5f8fb
```
#f5f8fb rgb(245,248,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 #0763c3 is the most saturated one.

#656565
```
#656565 rgb(101,101,101)
```
#5d656d
```
#5d656d rgb(93,101,109)
```
#556575
```
#556575 rgb(85,101,117)
```
#4d647d
```
#4d647d rgb(77,100,125)
```
#466484
```
#466484 rgb(70,100,132)
```
#3e648c
```
#3e648c rgb(62,100,140)
```
#366494
```
#366494 rgb(54,100,148)
```
#2e649c
```
#2e649c rgb(46,100,156)
```
#2664a4
```
#2664a4 rgb(38,100,164)
```
#1f64ab
```
#1f64ab rgb(31,100,171)
```
#1763b3
```
#1763b3 rgb(23,99,179)
```
#0f63bb
```
#0f63bb rgb(15,99,187)
```
#0763c3
```
#0763c3 rgb(7,99,195)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#545e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#586896 Protanopia 1% of men
#4f699a Deuteranopia 1% of men
#2c727a Tritanopia 0.001% of the population

Trichromacy

#4c6695 Protanomaly 1% of men, 0.01% of women
#466798 Deuteranomaly 6% of men, 0.4% of women
#306d83 Tritanomaly 0.01% of the population

#366494 hex color

#366494 Color Information

#366494 Color Conversion

Color Schemes with #366494

Alternatives to #366494

#366494 Preview

Shades and Tints of #366494

Tones of #366494

Color Blindness Simulator