#367c96 hex color

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

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

● #367c96 color description : Dark moderate blue.

The hexadecimal color #367c96 has RGB values of R:54, G:124, B:150 and CMYK values of C:0.64, M:0.17, Y:0, K:0.41. Its decimal value is 3570838.

Hex triplet	367c96	`#367c96`
RGB Decimal	54, 124, 150	`rgb(54,124,150)`
RGB Percent	21.2, 48.6, 58.8	`rgb(21.2%,48.6%,58.8%)`
CMYK	64, 17, 0, 41
HSL	196.3°, 47.1, 40	`hsl(196.3,47.1%,40%)`
HSV (or HSB)	196.3°, 64, 58.8
Web Safe	336699	`#336699`

CIE-LAB	48.761, -13.629, -20.565
XYZ	14.233, 17.401, 31.461
xyY	0.226, 0.276, 17.401
CIE-LCH	48.761, 24.671, 236.467
CIE-LUV	48.761, -27.775, -28.303
Hunter-Lab	41.714, -12.096, -15.517
Binary	00110110, 01111100, 10010110

#367c96
```
#367c96 rgb(54,124,150)
```
#965036
```
#965036 rgb(150,80,54)
```

Complementary Color

#369680
```
#369680 rgb(54,150,128)
```
#367c96
```
#367c96 rgb(54,124,150)
```
#364c96
```
#364c96 rgb(54,76,150)
```

Analogous Color

#968036
```
#968036 rgb(150,128,54)
```
#367c96
```
#367c96 rgb(54,124,150)
```
#96364c
```
#96364c rgb(150,54,76)
```

Split Complementary Color

#7c9636
```
#7c9636 rgb(124,150,54)
```
#367c96
```
#367c96 rgb(54,124,150)
```
#96367c
```
#96367c rgb(150,54,124)
```

Triadic Color

#369650
```
#369650 rgb(54,150,80)
```
#367c96
```
#367c96 rgb(54,124,150)
```
#96367c
```
#96367c rgb(150,54,124)
```
#965036
```
#965036 rgb(150,80,54)
```

Tetradic Color

#224e5e
```
#224e5e rgb(34,78,94)
```
#295d71
```
#295d71 rgb(41,93,113)
```
#2f6d83
```
#2f6d83 rgb(47,109,131)
```
#367c96
```
#367c96 rgb(54,124,150)
```
#3d8ca9
```
#3d8ca9 rgb(61,140,169)
```
#449bbc
```
#449bbc rgb(68,155,188)
```
#56a5c2
```
#56a5c2 rgb(86,165,194)
```

Monochromatic Color

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

#369496
```
#369496 rgb(54,148,150)
```
#368c96
```
#368c96 rgb(54,140,150)
```
#368496
```
#368496 rgb(54,132,150)
```
#367c96
```
#367c96 rgb(54,124,150)
```
#367496
```
#367496 rgb(54,116,150)
```
#366c96
```
#366c96 rgb(54,108,150)
```
#366496
```
#366496 rgb(54,100,150)
```

Similar Colors

Text with hexadecimal color #367c96

This text has a font color of #367c96.

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

#367c96 background color

This paragraph has a background color of #367c96.

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

#367c96 border color

This element has a border color of #367c96.

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

CSS codes

.text {color:#367c96;}

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

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

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 #f6fafc 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)
```
#17343f
```
#17343f rgb(23,52,63)
```
#1c404e
```
#1c404e rgb(28,64,78)
```
#214c5c
```
#214c5c rgb(33,76,92)
```
#26586b
```
#26586b rgb(38,88,107)
```
#2c6479
```
#2c6479 rgb(44,100,121)
```
#317088
```
#317088 rgb(49,112,136)
```
#367c96
```
#367c96 rgb(54,124,150)
```
#3b88a4
```
#3b88a4 rgb(59,136,164)
```
#4094b3
```
#4094b3 rgb(64,148,179)
```

Shade Color Variation

#499ebe
```
#499ebe rgb(73,158,190)
```
#58a6c3
```
#58a6c3 rgb(88,166,195)
```
#66adc8
```
#66adc8 rgb(102,173,200)
```
#75b5cd
```
#75b5cd rgb(117,181,205)
```
#83bdd2
```
#83bdd2 rgb(131,189,210)
```
#91c5d8
```
#91c5d8 rgb(145,197,216)
```
#a0ccdd
```
#a0ccdd rgb(160,204,221)
```
#aed4e2
```
#aed4e2 rgb(174,212,226)
```
#bddce7
```
#bddce7 rgb(189,220,231)
```
#cbe3ec
```
#cbe3ec rgb(203,227,236)
```
#daebf2
```
#daebf2 rgb(218,235,242)
```
#e8f3f7
```
#e8f3f7 rgb(232,243,247)
```
#f6fafc
```
#f6fafc rgb(246,250,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 #0792c5 is the most saturated one.

#656667
```
#656667 rgb(101,102,103)
```
#5d6a6f
```
#5d6a6f rgb(93,106,111)
```
#556e77
```
#556e77 rgb(85,110,119)
```
#4e717e
```
#4e717e rgb(78,113,126)
```
#467586
```
#467586 rgb(70,117,134)
```
#3e788e
```
#3e788e rgb(62,120,142)
```
#367c96
```
#367c96 rgb(54,124,150)
```
#2e809e
```
#2e809e rgb(46,128,158)
```
#2683a6
```
#2683a6 rgb(38,131,166)
```
#1e87ae
```
#1e87ae rgb(30,135,174)
```
#178ab5
```
#178ab5 rgb(23,138,181)
```
#0f8ebd
```
#0f8ebd rgb(15,142,189)
```
#0792c5
```
#0792c5 rgb(7,146,197)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#606e73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747995 Protanopia 1% of men
#71799f Deuteranopia 1% of men
#38858e Tritanopia 0.001% of the population

Trichromacy

#5d7a95 Protanomaly 1% of men, 0.01% of women
#5b7a9b Deuteranomaly 6% of men, 0.4% of women
#378191 Tritanomaly 0.01% of the population

#367c96 hex color

#367c96 Color Information

#367c96 Color Conversion

Color Schemes with #367c96

Alternatives to #367c96

#367c96 Preview

Shades and Tints of #367c96

Tones of #367c96

Color Blindness Simulator