#367e85 hex color

In a RGB color space, hex #367e85 is composed of 21.2% red, 49.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 5.3% magenta, 0% yellow and 47.8% black. It has a hue angle of 185.3 degrees, a saturation of 42.2% and a lightness of 36.7%. #367e85 color hex could be obtained by blending #6cfcff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 49
- B 52
RGB color chart
- C 59
- M 5
- Y 0
- K 48
CMYK color chart

● #367e85 color description : Dark moderate cyan.

The hexadecimal color #367e85 has RGB values of R:54, G:126, B:133 and CMYK values of C:0.59, M:0.05, Y:0, K:0.48. Its decimal value is 3571333.

Hex triplet	367e85	`#367e85`
RGB Decimal	54, 126, 133	`rgb(54,126,133)`
RGB Percent	21.2, 49.4, 52.2	`rgb(21.2%,49.4%,52.2%)`
CMYK	59, 5, 0, 48
HSL	185.3°, 42.2, 36.7	`hsl(185.3,42.2%,36.7%)`
HSV (or HSB)	185.3°, 59.4, 52.2
Web Safe	336699	`#336699`

CIE-LAB	48.758, -20.105, -10.572
XYZ	13.215, 17.398, 24.851
xyY	0.238, 0.314, 17.398
CIE-LCH	48.758, 22.715, 207.738
CIE-LUV	48.758, -29.329, -12.256
Hunter-Lab	41.711, -16.444, -6.126
Binary	00110110, 01111110, 10000101

#367e85
```
#367e85 rgb(54,126,133)
```
#853d36
```
#853d36 rgb(133,61,54)
```

Complementary Color

#368565
```
#368565 rgb(54,133,101)
```
#367e85
```
#367e85 rgb(54,126,133)
```
#365785
```
#365785 rgb(54,87,133)
```

Analogous Color

#856536
```
#856536 rgb(133,101,54)
```
#367e85
```
#367e85 rgb(54,126,133)
```
#853657
```
#853657 rgb(133,54,87)
```

Split Complementary Color

#7e8536
```
#7e8536 rgb(126,133,54)
```
#367e85
```
#367e85 rgb(54,126,133)
```
#85367e
```
#85367e rgb(133,54,126)
```

Triadic Color

#36853d
```
#36853d rgb(54,133,61)
```
#367e85
```
#367e85 rgb(54,126,133)
```
#85367e
```
#85367e rgb(133,54,126)
```
#853d36
```
#853d36 rgb(133,61,54)
```

Tetradic Color

#204a4f
```
#204a4f rgb(32,74,79)
```
#275c61
```
#275c61 rgb(39,92,97)
```
#2f6d73
```
#2f6d73 rgb(47,109,115)
```
#367e85
```
#367e85 rgb(54,126,133)
```
#3d8f97
```
#3d8f97 rgb(61,143,151)
```
#45a0a9
```
#45a0a9 rgb(69,160,169)
```
#50afb8
```
#50afb8 rgb(80,175,184)
```

Monochromatic Color

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

#368578
```
#368578 rgb(54,133,120)
```
#36857f
```
#36857f rgb(54,133,127)
```
#368585
```
#368585 rgb(54,133,133)
```
#367e85
```
#367e85 rgb(54,126,133)
```
#367785
```
#367785 rgb(54,119,133)
```
#367185
```
#367185 rgb(54,113,133)
```
#366a85
```
#366a85 rgb(54,106,133)
```

Similar Colors

Text with hexadecimal color #367e85

This text has a font color of #367e85.

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

#367e85 background color

This paragraph has a background color of #367e85.

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

#367e85 border color

This element has a border color of #367e85.

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

CSS codes

.text {color:#367e85;}

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

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

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

#030707
```
#030707 rgb(3,7,7)
```
#091415
```
#091415 rgb(9,20,21)
```
#0e2123
```
#0e2123 rgb(14,33,35)
```
#142f31
```
#142f31 rgb(20,47,49)
```
#1a3c3f
```
#1a3c3f rgb(26,60,63)
```
#1f494d
```
#1f494d rgb(31,73,77)
```
#25565b
```
#25565b rgb(37,86,91)
```
#2b6469
```
#2b6469 rgb(43,100,105)
```
#307177
```
#307177 rgb(48,113,119)
```
#367e85
```
#367e85 rgb(54,126,133)
```
#3c8b93
```
#3c8b93 rgb(60,139,147)
```
#4198a1
```
#4198a1 rgb(65,152,161)
```
#47a6af
```
#47a6af rgb(71,166,175)
```

Shade Color Variation

#51afb8
```
#51afb8 rgb(81,175,184)
```
#5fb6be
```
#5fb6be rgb(95,182,190)
```
#6dbcc4
```
#6dbcc4 rgb(109,188,196)
```
#7bc2c9
```
#7bc2c9 rgb(123,194,201)
```
#89c9cf
```
#89c9cf rgb(137,201,207)
```
#97cfd5
```
#97cfd5 rgb(151,207,213)
```
#a5d6da
```
#a5d6da rgb(165,214,218)
```
#b3dce0
```
#b3dce0 rgb(179,220,224)
```
#c1e2e6
```
#c1e2e6 rgb(193,226,230)
```
#cfe9eb
```
#cfe9eb rgb(207,233,235)
```
#ddeff1
```
#ddeff1 rgb(221,239,241)
```
#ebf6f7
```
#ebf6f7 rgb(235,246,247)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a6061 is the less saturated color, while #04a7b7 is the most saturated one.

#5a6061
```
#5a6061 rgb(90,96,97)
```
#536668
```
#536668 rgb(83,102,104)
```
#4c6c6f
```
#4c6c6f rgb(76,108,111)
```
#447277
```
#447277 rgb(68,114,119)
```
#3d787e
```
#3d787e rgb(61,120,126)
```
#367e85
```
#367e85 rgb(54,126,133)
```
#2f848c
```
#2f848c rgb(47,132,140)
```
#288a93
```
#288a93 rgb(40,138,147)
```
#20909b
```
#20909b rgb(32,144,155)
```
#1996a2
```
#1996a2 rgb(25,150,162)
```
#129ca9
```
#129ca9 rgb(18,156,169)
```
#0ba2b0
```
#0ba2b0 rgb(11,162,176)
```
#04a7b7
```
#04a7b7 rgb(4,167,183)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5f6d6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#797a85 Protanopia 1% of men
#7b788f Deuteranopia 1% of men
#41848d Tritanopia 0.001% of the population

Trichromacy

#617b85 Protanomaly 1% of men, 0.01% of women
#627a8b Deuteranomaly 6% of men, 0.4% of women
#3d828a Tritanomaly 0.01% of the population

#367e85 hex color

#367e85 Color Information

#367e85 Color Conversion

Color Schemes with #367e85

Alternatives to #367e85

#367e85 Preview

Shades and Tints of #367e85

Tones of #367e85

Color Blindness Simulator