#315b45 hex color

In a RGB color space, hex #315b45 is composed of 19.2% red, 35.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 0% magenta, 24.2% yellow and 64.3% black. It has a hue angle of 148.6 degrees, a saturation of 30% and a lightness of 27.5%. #315b45 color hex could be obtained by blending #62b68a with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 36
- B 27
RGB color chart
- C 46
- M 0
- Y 24
- K 64
CMYK color chart

● #315b45 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #315b45 has RGB values of R:49, G:91, B:69 and CMYK values of C:0.46, M:0, Y:0.24, K:0.64. Its decimal value is 3234629.

Hex triplet	315b45	`#315b45`
RGB Decimal	49, 91, 69	`rgb(49,91,69)`
RGB Percent	19.2, 35.7, 27.1	`rgb(19.2%,35.7%,27.1%)`
CMYK	46, 0, 24, 64
HSL	148.6°, 30, 27.5	`hsl(148.6,30%,27.5%)`
HSV (or HSB)	148.6°, 46.2, 35.7
Web Safe	336633	`#336633`

CIE-LAB	35.132, -20.412, 8.181
XYZ	6.082, 8.564, 6.963
xyY	0.281, 0.396, 8.564
CIE-LCH	35.132, 21.991, 158.159
CIE-LUV	35.132, -18.879, 12.587
Hunter-Lab	29.265, -14.12, 6.38
Binary	00110001, 01011011, 01000101

#315b45
```
#315b45 rgb(49,91,69)
```
#5b3147
```
#5b3147 rgb(91,49,71)
```

Complementary Color

#325b31
```
#325b31 rgb(50,91,49)
```
#315b45
```
#315b45 rgb(49,91,69)
```
#315b5a
```
#315b5a rgb(49,91,90)
```

Analogous Color

#5b3132
```
#5b3132 rgb(91,49,50)
```
#315b45
```
#315b45 rgb(49,91,69)
```
#5a315b
```
#5a315b rgb(90,49,91)
```

Split Complementary Color

#5b4531
```
#5b4531 rgb(91,69,49)
```
#315b45
```
#315b45 rgb(49,91,69)
```
#45315b
```
#45315b rgb(69,49,91)
```

Triadic Color

#475b31
```
#475b31 rgb(71,91,49)
```
#315b45
```
#315b45 rgb(49,91,69)
```
#45315b
```
#45315b rgb(69,49,91)
```
#5b3147
```
#5b3147 rgb(91,49,71)
```

Tetradic Color

#16291f
```
#16291f rgb(22,41,31)
```
#1f3a2c
```
#1f3a2c rgb(31,58,44)
```
#284a38
```
#284a38 rgb(40,74,56)
```
#315b45
```
#315b45 rgb(49,91,69)
```
#3a6c52
```
#3a6c52 rgb(58,108,82)
```
#437c5e
```
#437c5e rgb(67,124,94)
```
#4c8d6b
```
#4c8d6b rgb(76,141,107)
```

Monochromatic Color

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

#315b3b
```
#315b3b rgb(49,91,59)
```
#315b3e
```
#315b3e rgb(49,91,62)
```
#315b42
```
#315b42 rgb(49,91,66)
```
#315b45
```
#315b45 rgb(49,91,69)
```
#315b49
```
#315b49 rgb(49,91,73)
```
#315b4c
```
#315b4c rgb(49,91,76)
```
#315b50
```
#315b50 rgb(49,91,80)
```

Similar Colors

Text with hexadecimal color #315b45

This text has a font color of #315b45.

<span style="color:#315b45;">Text here</span>

#315b45 background color

This paragraph has a background color of #315b45.

<p style="background-color:#315b45;">Content here</p>

#315b45 border color

This element has a border color of #315b45.

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

CSS codes

.text {color:#315b45;}

.background {background-color:#315b45;}

.border {border:1px solid #315b45;}

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

#010201
```
#010201 rgb(1,2,1)
```
#080f0b
```
#080f0b rgb(8,15,11)
```
#0f1b15
```
#0f1b15 rgb(15,27,21)
```
#16281e
```
#16281e rgb(22,40,30)
```
#1c3528
```
#1c3528 rgb(28,53,40)
```
#234232
```
#234232 rgb(35,66,50)
```
#2a4e3b
```
#2a4e3b rgb(42,78,59)
```
#315b45
```
#315b45 rgb(49,91,69)
```
#38684f
```
#38684f rgb(56,104,79)
```
#3f7558
```
#3f7558 rgb(63,117,88)
```
#468162
```
#468162 rgb(70,129,98)
```
#4c8e6c
```
#4c8e6c rgb(76,142,108)
```
#539b75
```
#539b75 rgb(83,155,117)
```

Shade Color Variation

#5ba77f
```
#5ba77f rgb(91,167,127)
```
#68ae89
```
#68ae89 rgb(104,174,137)
```
#75b493
```
#75b493 rgb(117,180,147)
```
#81bb9d
```
#81bb9d rgb(129,187,157)
```
#8ec2a7
```
#8ec2a7 rgb(142,194,167)
```
#9bc9b1
```
#9bc9b1 rgb(155,201,177)
```
#a8d0bb
```
#a8d0bb rgb(168,208,187)
```
#b4d7c5
```
#b4d7c5 rgb(180,215,197)
```
#c1decf
```
#c1decf rgb(193,222,207)
```
#cee4d9
```
#cee4d9 rgb(206,228,217)
```
#dbebe3
```
#dbebe3 rgb(219,235,227)
```
#e7f2ec
```
#e7f2ec rgb(231,242,236)
```
#f4f9f6
```
#f4f9f6 rgb(244,249,246)
```

Tint Color Variation

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

#414b46
```
#414b46 rgb(65,75,70)
```
#3c5046
```
#3c5046 rgb(60,80,70)
```
#365645
```
#365645 rgb(54,86,69)
```
#315b45
```
#315b45 rgb(49,91,69)
```
#2c6045
```
#2c6045 rgb(44,96,69)
```
#266644
```
#266644 rgb(38,102,68)
```
#216b44
```
#216b44 rgb(33,107,68)
```
#1b7144
```
#1b7144 rgb(27,113,68)
```
#167644
```
#167644 rgb(22,118,68)
```
#117b43
```
#117b43 rgb(17,123,67)
```
#0b8143
```
#0b8143 rgb(11,129,67)
```
#068643
```
#068643 rgb(6,134,67)
```
#018b43
```
#018b43 rgb(1,139,67)
```

Tone Color Variation

Below, you can see how #315b45 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

#4c4c4c Achromatopsia 0.005% of the population
#474f4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#605b4b Protanopia 1% of men
#675852 Deuteranopia 1% of men
#426067 Tritanopia 0.001% of the population

Trichromacy

#4f5b48 Protanomaly 1% of men, 0.01% of women
#53594d Deuteranomaly 6% of men, 0.4% of women
#3c5e5a Tritanomaly 0.01% of the population

#315b45 hex color

#315b45 Color Information

#315b45 Color Conversion

Color Schemes with #315b45

Alternatives to #315b45

#315b45 Preview

Shades and Tints of #315b45

Tones of #315b45

Color Blindness Simulator