#367e96 hex color

In a RGB color space, hex #367e96 is composed of 21.2% red, 49.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 16% magenta, 0% yellow and 41.2% black. It has a hue angle of 195 degrees, a saturation of 47.1% and a lightness of 40%. #367e96 color hex could be obtained by blending #6cfcff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 49
- B 59
RGB color chart
- C 64
- M 16
- Y 0
- K 41
CMYK color chart

● #367e96 color description : Dark moderate blue.

The hexadecimal color #367e96 has RGB values of R:54, G:126, B:150 and CMYK values of C:0.64, M:0.16, Y:0, K:0.41. Its decimal value is 3571350.

Hex triplet	367e96	`#367e96`
RGB Decimal	54, 126, 150	`rgb(54,126,150)`
RGB Percent	21.2, 49.4, 58.8	`rgb(21.2%,49.4%,58.8%)`
CMYK	64, 16, 0, 41
HSL	195°, 47.1, 40	`hsl(195,47.1%,40%)`
HSV (or HSB)	195°, 64, 58.8
Web Safe	336699	`#336699`

CIE-LAB	49.383, -14.745, -19.61
XYZ	14.486, 17.907, 31.545
xyY	0.227, 0.28, 17.907
CIE-LCH	49.383, 24.535, 233.059
CIE-LUV	49.383, -28.53, -26.753
Hunter-Lab	42.317, -12.95, -14.577
Binary	00110110, 01111110, 10010110

#367e96
```
#367e96 rgb(54,126,150)
```
#964e36
```
#964e36 rgb(150,78,54)
```

Complementary Color

#36967e
```
#36967e rgb(54,150,126)
```
#367e96
```
#367e96 rgb(54,126,150)
```
#364e96
```
#364e96 rgb(54,78,150)
```

Analogous Color

#967e36
```
#967e36 rgb(150,126,54)
```
#367e96
```
#367e96 rgb(54,126,150)
```
#96364e
```
#96364e rgb(150,54,78)
```

Split Complementary Color

#7e9636
```
#7e9636 rgb(126,150,54)
```
#367e96
```
#367e96 rgb(54,126,150)
```
#96367e
```
#96367e rgb(150,54,126)
```

Triadic Color

#36964e
```
#36964e rgb(54,150,78)
```
#367e96
```
#367e96 rgb(54,126,150)
```
#96367e
```
#96367e rgb(150,54,126)
```
#964e36
```
#964e36 rgb(150,78,54)
```

Tetradic Color

#224f5e
```
#224f5e rgb(34,79,94)
```
#295f71
```
#295f71 rgb(41,95,113)
```
#2f6e83
```
#2f6e83 rgb(47,110,131)
```
#367e96
```
#367e96 rgb(54,126,150)
```
#3d8ea9
```
#3d8ea9 rgb(61,142,169)
```
#449ebc
```
#449ebc rgb(68,158,188)
```
#56a7c2
```
#56a7c2 rgb(86,167,194)
```

Monochromatic Color

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

#369696
```
#369696 rgb(54,150,150)
```
#368e96
```
#368e96 rgb(54,142,150)
```
#368696
```
#368696 rgb(54,134,150)
```
#367e96
```
#367e96 rgb(54,126,150)
```
#367696
```
#367696 rgb(54,118,150)
```
#366e96
```
#366e96 rgb(54,110,150)
```
#366696
```
#366696 rgb(54,102,150)
```

Similar Colors

Text with hexadecimal color #367e96

This text has a font color of #367e96.

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

#367e96 background color

This paragraph has a background color of #367e96.

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

#367e96 border color

This element has a border color of #367e96.

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

CSS codes

.text {color:#367e96;}

.background {background-color:#367e96;}

.border {border:1px solid #367e96;}

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

#020506
```
#020506 rgb(2,5,6)
```
#071114
```
#071114 rgb(7,17,20)
```
#0c1d23
```
#0c1d23 rgb(12,29,35)
```
#122931
```
#122931 rgb(18,41,49)
```
#17353f
```
#17353f rgb(23,53,63)
```
#1c414e
```
#1c414e rgb(28,65,78)
```
#214e5c
```
#214e5c rgb(33,78,92)
```
#265a6b
```
#265a6b rgb(38,90,107)
```
#2c6679
```
#2c6679 rgb(44,102,121)
```
#317288
```
#317288 rgb(49,114,136)
```
#367e96
```
#367e96 rgb(54,126,150)
```
#3b8aa4
```
#3b8aa4 rgb(59,138,164)
```
#4096b3
```
#4096b3 rgb(64,150,179)
```

Shade Color Variation

#49a1be
```
#49a1be rgb(73,161,190)
```
#58a8c3
```
#58a8c3 rgb(88,168,195)
```
#66b0c8
```
#66b0c8 rgb(102,176,200)
```
#75b7cd
```
#75b7cd rgb(117,183,205)
```
#83bfd2
```
#83bfd2 rgb(131,191,210)
```
#91c6d8
```
#91c6d8 rgb(145,198,216)
```
#a0cedd
```
#a0cedd rgb(160,206,221)
```
#aed5e2
```
#aed5e2 rgb(174,213,226)
```
#bddde7
```
#bddde7 rgb(189,221,231)
```
#cbe4ec
```
#cbe4ec rgb(203,228,236)
```
#daecf2
```
#daecf2 rgb(218,236,242)
```
#e8f3f7
```
#e8f3f7 rgb(232,243,247)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#656667
```
#656667 rgb(101,102,103)
```
#5d6a6f
```
#5d6a6f rgb(93,106,111)
```
#556e77
```
#556e77 rgb(85,110,119)
```
#4e727e
```
#4e727e rgb(78,114,126)
```
#467686
```
#467686 rgb(70,118,134)
```
#3e7a8e
```
#3e7a8e rgb(62,122,142)
```
#367e96
```
#367e96 rgb(54,126,150)
```
#2e829e
```
#2e829e rgb(46,130,158)
```
#2686a6
```
#2686a6 rgb(38,134,166)
```
#1e8aae
```
#1e8aae rgb(30,138,174)
```
#178eb5
```
#178eb5 rgb(23,142,181)
```
#0f92bd
```
#0f92bd rgb(15,146,189)
```
#0796c5
```
#0796c5 rgb(7,150,197)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#606f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767b95 Protanopia 1% of men
#747a9f Deuteranopia 1% of men
#398690 Tritanopia 0.001% of the population

Trichromacy

#5e7c95 Protanomaly 1% of men, 0.01% of women
#5d7b9b Deuteranomaly 6% of men, 0.4% of women
#388392 Tritanomaly 0.01% of the population

#367e96 hex color

#367e96 Color Information

#367e96 Color Conversion

Color Schemes with #367e96

Alternatives to #367e96

#367e96 Preview

Shades and Tints of #367e96

Tones of #367e96

Color Blindness Simulator