#307a5f hex color

In a RGB color space, hex #307a5f is composed of 18.8% red, 47.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 0% magenta, 22.1% yellow and 52.2% black. It has a hue angle of 158.1 degrees, a saturation of 43.5% and a lightness of 33.3%. #307a5f color hex could be obtained by blending #60f4be with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 48
- B 37
RGB color chart
- C 61
- M 0
- Y 22
- K 52
CMYK color chart

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

The hexadecimal color #307a5f has RGB values of R:48, G:122, B:95 and CMYK values of C:0.61, M:0, Y:0.22, K:0.52. Its decimal value is 3177055.

Hex triplet	307a5f	`#307a5f`
RGB Decimal	48, 122, 95	`rgb(48,122,95)`
RGB Percent	18.8, 47.8, 37.3	`rgb(18.8%,47.8%,37.3%)`
CMYK	61, 0, 22, 52
HSL	158.1°, 43.5, 33.3	`hsl(158.1,43.5%,33.3%)`
HSV (or HSB)	158.1°, 60.7, 47.8
Web Safe	336666	`#336666`

CIE-LAB	46.141, -29.906, 8.021
XYZ	10.243, 15.373, 13.253
xyY	0.264, 0.396, 15.373
CIE-LCH	46.141, 30.964, 164.986
CIE-LUV	46.141, -31.082, 14.841
Hunter-Lab	39.208, -21.981, 7.404
Binary	00110000, 01111010, 01011111

#307a5f
```
#307a5f rgb(48,122,95)
```
#7a304b
```
#7a304b rgb(122,48,75)
```

Complementary Color

#307a3a
```
#307a3a rgb(48,122,58)
```
#307a5f
```
#307a5f rgb(48,122,95)
```
#30707a
```
#30707a rgb(48,112,122)
```

Analogous Color

#7a3a30
```
#7a3a30 rgb(122,58,48)
```
#307a5f
```
#307a5f rgb(48,122,95)
```
#7a3070
```
#7a3070 rgb(122,48,112)
```

Split Complementary Color

#7a5f30
```
#7a5f30 rgb(122,95,48)
```
#307a5f
```
#307a5f rgb(48,122,95)
```
#5f307a
```
#5f307a rgb(95,48,122)
```

Triadic Color

#4b7a30
```
#4b7a30 rgb(75,122,48)
```
#307a5f
```
#307a5f rgb(48,122,95)
```
#5f307a
```
#5f307a rgb(95,48,122)
```
#7a304b
```
#7a304b rgb(122,48,75)
```

Tetradic Color

#1a4334
```
#1a4334 rgb(26,67,52)
```
#225543
```
#225543 rgb(34,85,67)
```
#296851
```
#296851 rgb(41,104,81)
```
#307a5f
```
#307a5f rgb(48,122,95)
```
#378c6d
```
#378c6d rgb(55,140,109)
```
#3e9f7c
```
#3e9f7c rgb(62,159,124)
```
#46b18a
```
#46b18a rgb(70,177,138)
```

Monochromatic Color

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

#307a4d
```
#307a4d rgb(48,122,77)
```
#307a53
```
#307a53 rgb(48,122,83)
```
#307a59
```
#307a59 rgb(48,122,89)
```
#307a5f
```
#307a5f rgb(48,122,95)
```
#307a65
```
#307a65 rgb(48,122,101)
```
#307a6b
```
#307a6b rgb(48,122,107)
```
#307a72
```
#307a72 rgb(48,122,114)
```

Similar Colors

Text with hexadecimal color #307a5f

This text has a font color of #307a5f.

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

#307a5f background color

This paragraph has a background color of #307a5f.

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

#307a5f border color

This element has a border color of #307a5f.

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

CSS codes

.text {color:#307a5f;}

.background {background-color:#307a5f;}

.border {border:1px solid #307a5f;}

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

#040907
```
#040907 rgb(4,9,7)
```
#091712
```
#091712 rgb(9,23,18)
```
#0f261d
```
#0f261d rgb(15,38,29)
```
#143428
```
#143428 rgb(20,52,40)
```
#1a4233
```
#1a4233 rgb(26,66,51)
```
#1f503e
```
#1f503e rgb(31,80,62)
```
#255e49
```
#255e49 rgb(37,94,73)
```
#2a6c54
```
#2a6c54 rgb(42,108,84)
```
#307a5f
```
#307a5f rgb(48,122,95)
```
#36886a
```
#36886a rgb(54,136,106)
```
#3b9675
```
#3b9675 rgb(59,150,117)
```
#41a480
```
#41a480 rgb(65,164,128)
```
#46b28b
```
#46b28b rgb(70,178,139)
```

Shade Color Variation

#51bb94
```
#51bb94 rgb(81,187,148)
```
#5fc09d
```
#5fc09d rgb(95,192,157)
```
#6ec6a6
```
#6ec6a6 rgb(110,198,166)
```
#7ccbae
```
#7ccbae rgb(124,203,174)
```
#8ad1b7
```
#8ad1b7 rgb(138,209,183)
```
#98d6c0
```
#98d6c0 rgb(152,214,192)
```
#a6dcc8
```
#a6dcc8 rgb(166,220,200)
```
#b4e1d1
```
#b4e1d1 rgb(180,225,209)
```
#c2e7da
```
#c2e7da rgb(194,231,218)
```
#d0ede2
```
#d0ede2 rgb(208,237,226)
```
#def2eb
```
#def2eb rgb(222,242,235)
```
#ecf8f3
```
#ecf8f3 rgb(236,248,243)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#515956
```
#515956 rgb(81,89,86)
```
#4a6058
```
#4a6058 rgb(74,96,88)
```
#44665a
```
#44665a rgb(68,102,90)
```
#3d6d5b
```
#3d6d5b rgb(61,109,91)
```
#37735d
```
#37735d rgb(55,115,93)
```
#307a5f
```
#307a5f rgb(48,122,95)
```
#298161
```
#298161 rgb(41,129,97)
```
#238763
```
#238763 rgb(35,135,99)
```
#1c8e64
```
#1c8e64 rgb(28,142,100)
```
#169466
```
#169466 rgb(22,148,102)
```
#0f9b68
```
#0f9b68 rgb(15,155,104)
```
#09a16a
```
#09a16a rgb(9,161,106)
```
#02a86b
```
#02a86b rgb(2,168,107)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7461 Protanopia 1% of men
#82716c Deuteranopia 1% of men
#477c85 Tritanopia 0.001% of the population

Trichromacy

#5f7660 Protanomaly 1% of men, 0.01% of women
#647467 Deuteranomaly 6% of men, 0.4% of women
#3e7b77 Tritanomaly 0.01% of the population

#307a5f hex color

#307a5f Color Information

#307a5f Color Conversion

Color Schemes with #307a5f

Alternatives to #307a5f

#307a5f Preview

Shades and Tints of #307a5f

Tones of #307a5f

Color Blindness Simulator