#366e95 hex color

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

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

● #366e95 color description : Dark moderate blue.

The hexadecimal color #366e95 has RGB values of R:54, G:110, B:149 and CMYK values of C:0.64, M:0.26, Y:0, K:0.42. Its decimal value is 3567253.

Hex triplet	366e95	`#366e95`
RGB Decimal	54, 110, 149	`rgb(54,110,149)`
RGB Percent	21.2, 43.1, 58.4	`rgb(21.2%,43.1%,58.4%)`
CMYK	64, 26, 0, 42
HSL	204.6°, 46.8, 39.8	`hsl(204.6,46.8%,39.8%)`
HSV (or HSB)	204.6°, 63.8, 58.4
Web Safe	336699	`#336699`

CIE-LAB	44.383, -5.863, -26.744
XYZ	12.521, 14.105, 30.495
xyY	0.219, 0.247, 14.105
CIE-LCH	44.383, 27.379, 257.634
CIE-LUV	44.383, -22.583, -38.125
Hunter-Lab	37.557, -6.216, -21.852
Binary	00110110, 01101110, 10010101

#366e95
```
#366e95 rgb(54,110,149)
```
#955d36
```
#955d36 rgb(149,93,54)
```

Complementary Color

#36958d
```
#36958d rgb(54,149,141)
```
#366e95
```
#366e95 rgb(54,110,149)
```
#363f95
```
#363f95 rgb(54,63,149)
```

Analogous Color

#958d36
```
#958d36 rgb(149,141,54)
```
#366e95
```
#366e95 rgb(54,110,149)
```
#95363f
```
#95363f rgb(149,54,63)
```

Split Complementary Color

#6e9536
```
#6e9536 rgb(110,149,54)
```
#366e95
```
#366e95 rgb(54,110,149)
```
#95366e
```
#95366e rgb(149,54,110)
```

Triadic Color

#36955d
```
#36955d rgb(54,149,93)
```
#366e95
```
#366e95 rgb(54,110,149)
```
#95366e
```
#95366e rgb(149,54,110)
```
#955d36
```
#955d36 rgb(149,93,54)
```

Tetradic Color

#22455d
```
#22455d rgb(34,69,93)
```
#285270
```
#285270 rgb(40,82,112)
```
#2f6082
```
#2f6082 rgb(47,96,130)
```
#366e95
```
#366e95 rgb(54,110,149)
```
#3d7ca8
```
#3d7ca8 rgb(61,124,168)
```
#448aba
```
#448aba rgb(68,138,186)
```
#5695c2
```
#5695c2 rgb(86,149,194)
```

Monochromatic Color

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

#368695
```
#368695 rgb(54,134,149)
```
#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)
```

Similar Colors

Text with hexadecimal color #366e95

This text has a font color of #366e95.

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

#366e95 background color

This paragraph has a background color of #366e95.

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

#366e95 border color

This element has a border color of #366e95.

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

CSS codes

.text {color:#366e95;}

.background {background-color:#366e95;}

.border {border:1px solid #366e95;}

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

#020405
```
#020405 rgb(2,4,5)
```
#070e13
```
#070e13 rgb(7,14,19)
```
#0c1922
```
#0c1922 rgb(12,25,34)
```
#112430
```
#112430 rgb(17,36,48)
```
#172e3f
```
#172e3f rgb(23,46,63)
```
#1c394d
```
#1c394d rgb(28,57,77)
```
#21435b
```
#21435b rgb(33,67,91)
```
#264e6a
```
#264e6a rgb(38,78,106)
```
#2c5978
```
#2c5978 rgb(44,89,120)
```
#316387
```
#316387 rgb(49,99,135)
```
#366e95
```
#366e95 rgb(54,110,149)
```
#3b79a3
```
#3b79a3 rgb(59,121,163)
```
#4083b2
```
#4083b2 rgb(64,131,178)
```

Shade Color Variation

#498dbd
```
#498dbd rgb(73,141,189)
```
#5796c2
```
#5796c2 rgb(87,150,194)
```
#669fc7
```
#669fc7 rgb(102,159,199)
```
#74a8cd
```
#74a8cd rgb(116,168,205)
```
#82b1d2
```
#82b1d2 rgb(130,177,210)
```
#91bad7
```
#91bad7 rgb(145,186,215)
```
#9fc3dc
```
#9fc3dc rgb(159,195,220)
```
#aecce2
```
#aecce2 rgb(174,204,226)
```
#bcd5e7
```
#bcd5e7 rgb(188,213,231)
```
#cadeec
```
#cadeec rgb(202,222,236)
```
#d9e7f1
```
#d9e7f1 rgb(217,231,241)
```
#e7f0f6
```
#e7f0f6 rgb(231,240,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 #0776c4 is the most saturated one.

#656666
```
#656666 rgb(101,102,102)
```
#5d676e
```
#5d676e rgb(93,103,110)
```
#556876
```
#556876 rgb(85,104,118)
```
#4d6a7e
```
#4d6a7e rgb(77,106,126)
```
#466b85
```
#466b85 rgb(70,107,133)
```
#3e6d8d
```
#3e6d8d rgb(62,109,141)
```
#366e95
```
#366e95 rgb(54,110,149)
```
#2e6f9d
```
#2e6f9d rgb(46,111,157)
```
#2671a5
```
#2671a5 rgb(38,113,165)
```
#1f72ac
```
#1f72ac rgb(31,114,172)
```
#1774b4
```
#1774b4 rgb(23,116,180)
```
#0f75bc
```
#0f75bc rgb(15,117,188)
```
#0776c4
```
#0776c4 rgb(7,118,196)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#59646c Atypical Achromatopsia 0.001% of the population

Dichromacy

#646f96 Protanopia 1% of men
#5e6f9c Deuteranopia 1% of men
#317a83 Tritanopia 0.001% of the population

Trichromacy

#536e95 Protanomaly 1% of men, 0.01% of women
#4f6f99 Deuteranomaly 6% of men, 0.4% of women
#337589 Tritanomaly 0.01% of the population

#366e95 hex color

#366e95 Color Information

#366e95 Color Conversion

Color Schemes with #366e95

Alternatives to #366e95

#366e95 Preview

Shades and Tints of #366e95

Tones of #366e95

Color Blindness Simulator