colorhexa.com

#374d45 hex color

In a RGB color space, hex #374d45 is composed of 21.6% red, 30.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 0% magenta, 10.4% yellow and 69.8% black. It has a hue angle of 158.2 degrees, a saturation of 16.7% and a lightness of 25.9%. #374d45 color hex could be obtained by blending #6e9a8a with #000000. Closest websafe color is: #336633.

- R 22
- G 30
- B 27
RGB color chart
- C 29
- M 0
- Y 10
- K 70
CMYK color chart

● #374d45 color description : Very dark grayish cyan - lime green.

The hexadecimal color #374d45 has RGB values of R:55, G:77, B:69 and CMYK values of C:0.29, M:0, Y:0.1, K:0.7. Its decimal value is 3624261.

Hex triplet	374d45	`#374d45`
RGB Decimal	55, 77, 69	`rgb(55,77,69)`
RGB Percent	21.6, 30.2, 27.1	`rgb(21.6%,30.2%,27.1%)`
CMYK	29, 0, 10, 70
HSL	158.2°, 16.7, 25.9	`hsl(158.2,16.7%,25.9%)`
HSV (or HSB)	158.2°, 28.6, 30.2
Web Safe	336633	`#336633`

CIE-LAB	30.758, -10.483, 1.996
XYZ	5.303, 6.549, 6.615
xyY	0.287, 0.355, 6.549
CIE-LCH	30.758, 10.672, 169.221
CIE-LUV	30.758, -10.364, 3.751
Hunter-Lab	25.592, -7.796, 2.59
Binary	00110111, 01001101, 01000101

#374d45
```
#374d45 rgb(55,77,69)
```
#4d373f
```
#4d373f rgb(77,55,63)
```

Complementary Color

#374d3a
```
#374d3a rgb(55,77,58)
```
#374d45
```
#374d45 rgb(55,77,69)
```
#374a4d
```
#374a4d rgb(55,74,77)
```

Analogous Color

#4d3a37
```
#4d3a37 rgb(77,58,55)
```
#374d45
```
#374d45 rgb(55,77,69)
```
#4d374a
```
#4d374a rgb(77,55,74)
```

Split Complementary Color

#17201d
```
#17201d rgb(23,32,29)
```
#222f2a
```
#222f2a rgb(34,47,42)
```
#2c3e38
```
#2c3e38 rgb(44,62,56)
```
#374d45
```
#374d45 rgb(55,77,69)
```
#425c52
```
#425c52 rgb(66,92,82)
```
#4c6b60
```
#4c6b60 rgb(76,107,96)
```
#577a6d
```
#577a6d rgb(87,122,109)
```

Monochromatic Color

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

#374d40
```
#374d40 rgb(55,77,64)
```
#374d41
```
#374d41 rgb(55,77,65)
```
#374d43
```
#374d43 rgb(55,77,67)
```
#374d45
```
#374d45 rgb(55,77,69)
```
#374d47
```
#374d47 rgb(55,77,71)
```
#374d49
```
#374d49 rgb(55,77,73)
```
#374d4b
```
#374d4b rgb(55,77,75)
```

Similar Colors

Text with hexadecimal color #374d45

This text has a font color of #374d45.

<span style="color:#374d45;">Text here</span>

#374d45 background color

This paragraph has a background color of #374d45.

<p style="background-color:#374d45;">Content here</p>

#374d45 border color

This element has a border color of #374d45.

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

CSS codes

.text {color:#374d45;}

.background {background-color:#374d45;}

.border {border:1px solid #374d45;}

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

#060807
```
#060807 rgb(6,8,7)
```
#0e1412
```
#0e1412 rgb(14,20,18)
```
#161f1c
```
#161f1c rgb(22,31,28)
```
#1e2b26
```
#1e2b26 rgb(30,43,38)
```
#273630
```
#273630 rgb(39,54,48)
```
#2f423b
```
#2f423b rgb(47,66,59)
```
#374d45
```
#374d45 rgb(55,77,69)
```
#3f584f
```
#3f584f rgb(63,88,79)
```
#47645a
```
#47645a rgb(71,100,90)
```
#506f64
```
#506f64 rgb(80,111,100)
```
#587b6e
```
#587b6e rgb(88,123,110)
```
#608678
```
#608678 rgb(96,134,120)
```
#689283
```
#689283 rgb(104,146,131)
```

Shade Color Variation

#739b8c
```
#739b8c rgb(115,155,140)
```
#7ea395
```
#7ea395 rgb(126,163,149)
```
#89ab9f
```
#89ab9f rgb(137,171,159)
```
#95b3a8
```
#95b3a8 rgb(149,179,168)
```
#a0bbb2
```
#a0bbb2 rgb(160,187,178)
```
#acc4bb
```
#acc4bb rgb(172,196,187)
```
#b7ccc4
```
#b7ccc4 rgb(183,204,196)
```
#c3d4ce
```
#c3d4ce rgb(195,212,206)
```
#cedcd7
```
#cedcd7 rgb(206,220,215)
```
#dae4e0
```
#dae4e0 rgb(218,228,224)
```
#e5ecea
```
#e5ecea rgb(229,236,234)
```
#f0f5f3
```
#f0f5f3 rgb(240,245,243)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#414342
```
#414342 rgb(65,67,66)
```
#3c4844
```
#3c4844 rgb(60,72,68)
```
#374d45
```
#374d45 rgb(55,77,69)
```
#325246
```
#325246 rgb(50,82,70)
```
#2d5748
```
#2d5748 rgb(45,87,72)
```
#285c49
```
#285c49 rgb(40,92,73)
```
#23614b
```
#23614b rgb(35,97,75)
```
#1e664c
```
#1e664c rgb(30,102,76)
```
#196b4d
```
#196b4d rgb(25,107,77)
```
#13714f
```
#13714f rgb(19,113,79)
```
#0e7650
```
#0e7650 rgb(14,118,80)
```
#097b51
```
#097b51 rgb(9,123,81)
```
#048053
```
#048053 rgb(4,128,83)
```

Tone Color Variation

Below, you can see how #374d45 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

#464646 Achromatopsia 0.005% of the population
#434746 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54514c Protanopia 1% of men
#594f50 Deuteranopia 1% of men
#44545a Tritanopia 0.001% of the population

Trichromacy

#494f49 Protanomaly 1% of men, 0.01% of women
#4d4e4c Deuteranomaly 6% of men, 0.4% of women
#3f5152 Tritanomaly 0.01% of the population