#367f70 hex color

In a RGB color space, hex #367f70 is composed of 21.2% red, 49.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 0% magenta, 11.8% yellow and 50.2% black. It has a hue angle of 167.7 degrees, a saturation of 40.3% and a lightness of 35.5%. #367f70 color hex could be obtained by blending #6cfee0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 50
- B 44
RGB color chart
- C 57
- M 0
- Y 12
- K 50
CMYK color chart

● #367f70 color description : Dark moderate cyan.

The hexadecimal color #367f70 has RGB values of R:54, G:127, B:112 and CMYK values of C:0.57, M:0, Y:0.12, K:0.5. Its decimal value is 3571568.

Hex triplet	367f70	`#367f70`
RGB Decimal	54, 127, 112	`rgb(54,127,112)`
RGB Percent	21.2, 49.8, 43.9	`rgb(21.2%,49.8%,43.9%)`
CMYK	57, 0, 12, 50
HSL	167.7°, 40.3, 35.5	`hsl(167.7,40.3%,35.5%)`
HSV (or HSB)	167.7°, 57.5, 49.8
Web Safe	336666	`#336666`

CIE-LAB	48.426, -26.626, 1.311
XYZ	12.034, 17.132, 18.001
xyY	0.255, 0.363, 17.132
CIE-LCH	48.426, 26.658, 177.181
CIE-LUV	48.426, -30.731, 5.666
Hunter-Lab	41.391, -20.535, 3.188
Binary	00110110, 01111111, 01110000

#367f70
```
#367f70 rgb(54,127,112)
```
#7f3645
```
#7f3645 rgb(127,54,69)
```

Complementary Color

#367f4c
```
#367f4c rgb(54,127,76)
```
#367f70
```
#367f70 rgb(54,127,112)
```
#366a7f
```
#366a7f rgb(54,106,127)
```

Analogous Color

#7f4c36
```
#7f4c36 rgb(127,76,54)
```
#367f70
```
#367f70 rgb(54,127,112)
```
#7f366a
```
#7f366a rgb(127,54,106)
```

Split Complementary Color

#7f7036
```
#7f7036 rgb(127,112,54)
```
#367f70
```
#367f70 rgb(54,127,112)
```
#70367f
```
#70367f rgb(112,54,127)
```

Triadic Color

#457f36
```
#457f36 rgb(69,127,54)
```
#367f70
```
#367f70 rgb(54,127,112)
```
#70367f
```
#70367f rgb(112,54,127)
```
#7f3645
```
#7f3645 rgb(127,54,69)
```

Tetradic Color

#1f4941
```
#1f4941 rgb(31,73,65)
```
#275b50
```
#275b50 rgb(39,91,80)
```
#2e6d60
```
#2e6d60 rgb(46,109,96)
```
#367f70
```
#367f70 rgb(54,127,112)
```
#3e9180
```
#3e9180 rgb(62,145,128)
```
#45a390
```
#45a390 rgb(69,163,144)
```
#4eb49f
```
#4eb49f rgb(78,180,159)
```

Monochromatic Color

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

#367f5e
```
#367f5e rgb(54,127,94)
```
#367f64
```
#367f64 rgb(54,127,100)
```
#367f6a
```
#367f6a rgb(54,127,106)
```
#367f70
```
#367f70 rgb(54,127,112)
```
#367f76
```
#367f76 rgb(54,127,118)
```
#367f7c
```
#367f7c rgb(54,127,124)
```
#367c7f
```
#367c7f rgb(54,124,127)
```

Similar Colors

Text with hexadecimal color #367f70

This text has a font color of #367f70.

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

#367f70 background color

This paragraph has a background color of #367f70.

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

#367f70 border color

This element has a border color of #367f70.

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

CSS codes

.text {color:#367f70;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#07110f
```
#07110f rgb(7,17,15)
```
#0d1f1b
```
#0d1f1b rgb(13,31,27)
```
#132c27
```
#132c27 rgb(19,44,39)
```
#193a33
```
#193a33 rgb(25,58,51)
```
#1f483f
```
#1f483f rgb(31,72,63)
```
#24564c
```
#24564c rgb(36,86,76)
```
#2a6358
```
#2a6358 rgb(42,99,88)
```
#307164
```
#307164 rgb(48,113,100)
```
#367f70
```
#367f70 rgb(54,127,112)
```
#3c8d7c
```
#3c8d7c rgb(60,141,124)
```
#429b88
```
#429b88 rgb(66,155,136)
```
#48a894
```
#48a894 rgb(72,168,148)
```

Shade Color Variation

#4fb49f
```
#4fb49f rgb(79,180,159)
```
#5dbaa7
```
#5dbaa7 rgb(93,186,167)
```
#6bc0ae
```
#6bc0ae rgb(107,192,174)
```
#78c6b6
```
#78c6b6 rgb(120,198,182)
```
#86ccbd
```
#86ccbd rgb(134,204,189)
```
#94d2c5
```
#94d2c5 rgb(148,210,197)
```
#a2d7cc
```
#a2d7cc rgb(162,215,204)
```
#b0ddd4
```
#b0ddd4 rgb(176,221,212)
```
#bde3db
```
#bde3db rgb(189,227,219)
```
#cbe9e3
```
#cbe9e3 rgb(203,233,227)
```
#d9efea
```
#d9efea rgb(217,239,234)
```
#e7f5f2
```
#e7f5f2 rgb(231,245,242)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595c5b is the less saturated color, while #05b08d is the most saturated one.

#595c5b
```
#595c5b rgb(89,92,91)
```
#526360
```
#526360 rgb(82,99,96)
```
#4b6a64
```
#4b6a64 rgb(75,106,100)
```
#447168
```
#447168 rgb(68,113,104)
```
#3d786c
```
#3d786c rgb(61,120,108)
```
#367f70
```
#367f70 rgb(54,127,112)
```
#2f8674
```
#2f8674 rgb(47,134,116)
```
#288d78
```
#288d78 rgb(40,141,120)
```
#21947c
```
#21947c rgb(33,148,124)
```
#1a9b80
```
#1a9b80 rgb(26,155,128)
```
#13a285
```
#13a285 rgb(19,162,133)
```
#0ca989
```
#0ca989 rgb(12,169,137)
```
#05b08d
```
#05b08d rgb(5,176,141)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5d6c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7971 Protanopia 1% of men
#84767c Deuteranopia 1% of men
#49828c Tritanopia 0.001% of the population

Trichromacy

#647b70 Protanomaly 1% of men, 0.01% of women
#677978 Deuteranomaly 6% of men, 0.4% of women
#428181 Tritanomaly 0.01% of the population

#367f70 hex color

#367f70 Color Information

#367f70 Color Conversion

Color Schemes with #367f70

Alternatives to #367f70

#367f70 Preview

Shades and Tints of #367f70

Tones of #367f70

Color Blindness Simulator