colorhexa.com

#307350 hex color

In a RGB color space, hex #307350 is composed of 18.8% red, 45.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 0% magenta, 30.4% yellow and 54.9% black. It has a hue angle of 148.7 degrees, a saturation of 41.1% and a lightness of 32%. #307350 color hex could be obtained by blending #60e6a0 with #000000. Closest websafe color is: #336666.

- R 19
- G 45
- B 31
RGB color chart
- C 58
- M 0
- Y 30
- K 55
CMYK color chart

● #307350 color description : Dark moderate cyan - lime green.

The hexadecimal color #307350 has RGB values of R:48, G:115, B:80 and CMYK values of C:0.58, M:0, Y:0.3, K:0.55. Its decimal value is 3175248.

Hex triplet	307350	`#307350`
RGB Decimal	48, 115, 80	`rgb(48,115,80)`
RGB Percent	18.8, 45.1, 31.4	`rgb(18.8%,45.1%,31.4%)`
CMYK	58, 0, 30, 55
HSL	148.7°, 41.1, 32	`hsl(148.7,41.1%,32%)`
HSV (or HSB)	148.7°, 58.3, 45.1
Web Safe	336666	`#336666`

CIE-LAB	43.461, -30.125, 13.118
XYZ	8.797, 13.468, 9.725
xyY	0.275, 0.421, 13.468
CIE-LCH	43.461, 32.857, 156.47
CIE-LUV	43.461, -28.939, 20.753
Hunter-Lab	36.699, -21.436, 9.978
Binary	00110000, 01110011, 01010000

#307350
```
#307350 rgb(48,115,80)
```
#733053
```
#733053 rgb(115,48,83)
```

Complementary Color

#327330
```
#327330 rgb(50,115,48)
```
#307350
```
#307350 rgb(48,115,80)
```
#307372
```
#307372 rgb(48,115,114)
```

Analogous Color

#733032
```
#733032 rgb(115,48,50)
```
#307350
```
#307350 rgb(48,115,80)
```
#723073
```
#723073 rgb(114,48,115)
```

Split Complementary Color

#735030
```
#735030 rgb(115,80,48)
```
#307350
```
#307350 rgb(48,115,80)
```
#503073
```
#503073 rgb(80,48,115)
```

Triadic Color

#193d2a
```
#193d2a rgb(25,61,42)
```
#214f37
```
#214f37 rgb(33,79,55)
```
#286143
```
#286143 rgb(40,97,67)
```
#307350
```
#307350 rgb(48,115,80)
```
#38855d
```
#38855d rgb(56,133,93)
```
#3f9769
```
#3f9769 rgb(63,151,105)
```
#47a976
```
#47a976 rgb(71,169,118)
```

Monochromatic Color

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

#30733f
```
#30733f rgb(48,115,63)
```
#307345
```
#307345 rgb(48,115,69)
```
#30734a
```
#30734a rgb(48,115,74)
```
#307350
```
#307350 rgb(48,115,80)
```
#307356
```
#307356 rgb(48,115,86)
```
#30735b
```
#30735b rgb(48,115,91)
```
#307361
```
#307361 rgb(48,115,97)
```

Similar Colors

Text with hexadecimal color #307350

This text has a font color of #307350.

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

#307350 background color

This paragraph has a background color of #307350.

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

#307350 border color

This element has a border color of #307350.

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

CSS codes

.text {color:#307350;}

.background {background-color:#307350;}

.border {border:1px solid #307350;}

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

#020403
```
#020403 rgb(2,4,3)
```
#08120d
```
#08120d rgb(8,18,13)
```
#0d2016
```
#0d2016 rgb(13,32,22)
```
#132e20
```
#132e20 rgb(19,46,32)
```
#193c29
```
#193c29 rgb(25,60,41)
```
#1f4933
```
#1f4933 rgb(31,73,51)
```
#24573d
```
#24573d rgb(36,87,61)
```
#2a6546
```
#2a6546 rgb(42,101,70)
```
#307350
```
#307350 rgb(48,115,80)
```
#36815a
```
#36815a rgb(54,129,90)
```
#3c8f63
```
#3c8f63 rgb(60,143,99)
```
#419d6d
```
#419d6d rgb(65,157,109)
```
#47aa77
```
#47aa77 rgb(71,170,119)
```

Shade Color Variation

#4fb680
```
#4fb680 rgb(79,182,128)
```
#5dbb8a
```
#5dbb8a rgb(93,187,138)
```
#6bc194
```
#6bc194 rgb(107,193,148)
```
#79c79e
```
#79c79e rgb(121,199,158)
```
#87cda8
```
#87cda8 rgb(135,205,168)
```
#95d3b2
```
#95d3b2 rgb(149,211,178)
```
#a2d8bc
```
#a2d8bc rgb(162,216,188)
```
#b0dec6
```
#b0dec6 rgb(176,222,198)
```
#bee4d0
```
#bee4d0 rgb(190,228,208)
```
#cceada
```
#cceada rgb(204,234,218)
```
#daefe4
```
#daefe4 rgb(218,239,228)
```
#e8f5ee
```
#e8f5ee rgb(232,245,238)
```
#f5fbf8
```
#f5fbf8 rgb(245,251,248)
```

Tint Color Variation

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

#4f5451
```
#4f5451 rgb(79,84,81)
```
#495a51
```
#495a51 rgb(73,90,81)
```
#436051
```
#436051 rgb(67,96,81)
```
#3d6651
```
#3d6651 rgb(61,102,81)
```
#366d50
```
#366d50 rgb(54,109,80)
```
#307350
```
#307350 rgb(48,115,80)
```
#2a7950
```
#2a7950 rgb(42,121,80)
```
#23804f
```
#23804f rgb(35,128,79)
```
#1d864f
```
#1d864f rgb(29,134,79)
```
#178c4f
```
#178c4f rgb(23,140,79)
```
#11924f
```
#11924f rgb(17,146,79)
```
#0a994e
```
#0a994e rgb(10,153,78)
```
#049f4e
```
#049f4e rgb(4,159,78)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#526059 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766e54 Protanopia 1% of men
#7e6a5e Deuteranopia 1% of men
#47757d Tritanopia 0.001% of the population

Trichromacy

#5c7052 Protanomaly 1% of men, 0.01% of women
#626d59 Deuteranomaly 6% of men, 0.4% of women
#3f746d Tritanomaly 0.01% of the population