#366695 hex color

In a RGB color space, hex #366695 is composed of 21.2% red, 40% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 31.5% magenta, 0% yellow and 41.6% black. It has a hue angle of 209.7 degrees, a saturation of 46.8% and a lightness of 39.8%. #366695 color hex could be obtained by blending #6cccff with #00002b. Closest websafe color is: #336699.

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

● #366695 color description : Dark moderate blue.

The hexadecimal color #366695 has RGB values of R:54, G:102, B:149 and CMYK values of C:0.64, M:0.32, Y:0, K:0.42. Its decimal value is 3565205.

Hex triplet	366695	`#366695`
RGB Decimal	54, 102, 149	`rgb(54,102,149)`
RGB Percent	21.2, 40, 58.4	`rgb(21.2%,40%,58.4%)`
CMYK	64, 32, 0, 42
HSL	209.7°, 46.8, 39.8	`hsl(209.7,46.8%,39.8%)`
HSV (or HSB)	209.7°, 63.8, 58.4
Web Safe	336699	`#336699`

CIE-LAB	41.932, -1.009, -30.576
XYZ	11.696, 12.456, 30.22
xyY	0.215, 0.229, 12.456
CIE-LCH	41.932, 30.593, 268.11
CIE-LUV	41.932, -19.66, -43.988
Hunter-Lab	35.293, -2.608, -26.062
Binary	00110110, 01100110, 10010101

#366695
```
#366695 rgb(54,102,149)
```
#956536
```
#956536 rgb(149,101,54)
```

Complementary Color

#369595
```
#369595 rgb(54,149,149)
```
#366695
```
#366695 rgb(54,102,149)
```
#363795
```
#363795 rgb(54,55,149)
```

Analogous Color

#959536
```
#959536 rgb(149,149,54)
```
#366695
```
#366695 rgb(54,102,149)
```
#953637
```
#953637 rgb(149,54,55)
```

Split Complementary Color

#669536
```
#669536 rgb(102,149,54)
```
#366695
```
#366695 rgb(54,102,149)
```
#953666
```
#953666 rgb(149,54,102)
```

Triadic Color

#369565
```
#369565 rgb(54,149,101)
```
#366695
```
#366695 rgb(54,102,149)
```
#953666
```
#953666 rgb(149,54,102)
```
#956536
```
#956536 rgb(149,101,54)
```

Tetradic Color

#22405d
```
#22405d rgb(34,64,93)
```
#284c70
```
#284c70 rgb(40,76,112)
```
#2f5982
```
#2f5982 rgb(47,89,130)
```
#366695
```
#366695 rgb(54,102,149)
```
#3d73a8
```
#3d73a8 rgb(61,115,168)
```
#4480ba
```
#4480ba rgb(68,128,186)
```
#568cc2
```
#568cc2 rgb(86,140,194)
```

Monochromatic Color

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

#367e95
```
#367e95 rgb(54,126,149)
```
#367695
```
#367695 rgb(54,118,149)
```
#366e95
```
#366e95 rgb(54,110,149)
```
#366695
```
#366695 rgb(54,102,149)
```
#365e95
```
#365e95 rgb(54,94,149)
```
#365695
```
#365695 rgb(54,86,149)
```
#364e95
```
#364e95 rgb(54,78,149)
```

Similar Colors

Text with hexadecimal color #366695

This text has a font color of #366695.

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

#366695 background color

This paragraph has a background color of #366695.

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

#366695 border color

This element has a border color of #366695.

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

CSS codes

.text {color:#366695;}

.background {background-color:#366695;}

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070d13
```
#070d13 rgb(7,13,19)
```
#0c1722
```
#0c1722 rgb(12,23,34)
```
#112130
```
#112130 rgb(17,33,48)
```
#172b3f
```
#172b3f rgb(23,43,63)
```
#1c354d
```
#1c354d rgb(28,53,77)
```
#213f5b
```
#213f5b rgb(33,63,91)
```
#26486a
```
#26486a rgb(38,72,106)
```
#2c5278
```
#2c5278 rgb(44,82,120)
```
#315c87
```
#315c87 rgb(49,92,135)
```
#366695
```
#366695 rgb(54,102,149)
```
#3b70a3
```
#3b70a3 rgb(59,112,163)
```
#407ab2
```
#407ab2 rgb(64,122,178)
```

Shade Color Variation

#4984bd
```
#4984bd rgb(73,132,189)
```
#578dc2
```
#578dc2 rgb(87,141,194)
```
#6697c7
```
#6697c7 rgb(102,151,199)
```
#74a1cd
```
#74a1cd rgb(116,161,205)
```
#82abd2
```
#82abd2 rgb(130,171,210)
```
#91b4d7
```
#91b4d7 rgb(145,180,215)
```
#9fbedc
```
#9fbedc rgb(159,190,220)
```
#aec8e2
```
#aec8e2 rgb(174,200,226)
```
#bcd2e7
```
#bcd2e7 rgb(188,210,231)
```
#cadbec
```
#cadbec rgb(202,219,236)
```
#d9e5f1
```
#d9e5f1 rgb(217,229,241)
```
#e7eff6
```
#e7eff6 rgb(231,239,246)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#656666
```
#656666 rgb(101,102,102)
```
#5d666e
```
#5d666e rgb(93,102,110)
```
#556676
```
#556676 rgb(85,102,118)
```
#4d667e
```
#4d667e rgb(77,102,126)
```
#466685
```
#466685 rgb(70,102,133)
```
#3e668d
```
#3e668d rgb(62,102,141)
```
#366695
```
#366695 rgb(54,102,149)
```
#2e669d
```
#2e669d rgb(46,102,157)
```
#2666a5
```
#2666a5 rgb(38,102,165)
```
#1f66ac
```
#1f66ac rgb(31,102,172)
```
#1766b4
```
#1766b4 rgb(23,102,180)
```
#0f66bc
```
#0f66bc rgb(15,102,188)
```
#0766c4
```
#0766c4 rgb(7,102,196)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#555f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6997 Protanopia 1% of men
#526a9b Deuteranopia 1% of men
#2d747c Tritanopia 0.001% of the population

Trichromacy

#4d6896 Protanomaly 1% of men, 0.01% of women
#476999 Deuteranomaly 6% of men, 0.4% of women
#306e85 Tritanomaly 0.01% of the population

#366695 hex color

#366695 Color Information

#366695 Color Conversion

Color Schemes with #366695

Alternatives to #366695

#366695 Preview

Shades and Tints of #366695

Tones of #366695

Color Blindness Simulator