#307d5a hex color

In a RGB color space, hex #307d5a is composed of 18.8% red, 49% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 0% magenta, 28% yellow and 51% black. It has a hue angle of 152.7 degrees, a saturation of 44.5% and a lightness of 33.9%. #307d5a color hex could be obtained by blending #60fab4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 49
- B 35
RGB color chart
- C 62
- M 0
- Y 28
- K 51
CMYK color chart

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

The hexadecimal color #307d5a has RGB values of R:48, G:125, B:90 and CMYK values of C:0.62, M:0, Y:0.28, K:0.51. Its decimal value is 3177818.

Hex triplet	307d5a	`#307d5a`
RGB Decimal	48, 125, 90	`rgb(48,125,90)`
RGB Percent	18.8, 49, 35.3	`rgb(18.8%,49%,35.3%)`
CMYK	62, 0, 28, 51
HSL	152.7°, 44.5, 33.9	`hsl(152.7,44.5%,33.9%)`
HSV (or HSB)	152.7°, 61.6, 49
Web Safe	336666	`#336666`

CIE-LAB	47.018, -32.5, 12.182
XYZ	10.397, 16.033, 12.219
xyY	0.269, 0.415, 16.033
CIE-LCH	47.018, 34.708, 159.453
CIE-LUV	47.018, -32.521, 20.464
Hunter-Lab	40.041, -23.722, 9.936
Binary	00110000, 01111101, 01011010

#307d5a
```
#307d5a rgb(48,125,90)
```
#7d3053
```
#7d3053 rgb(125,48,83)
```

Complementary Color

#307d34
```
#307d34 rgb(48,125,52)
```
#307d5a
```
#307d5a rgb(48,125,90)
```
#307a7d
```
#307a7d rgb(48,122,125)
```

Analogous Color

#7d3430
```
#7d3430 rgb(125,52,48)
```
#307d5a
```
#307d5a rgb(48,125,90)
```
#7d307a
```
#7d307a rgb(125,48,122)
```

Split Complementary Color

#7d5a30
```
#7d5a30 rgb(125,90,48)
```
#307d5a
```
#307d5a rgb(48,125,90)
```
#5a307d
```
#5a307d rgb(90,48,125)
```

Triadic Color

#537d30
```
#537d30 rgb(83,125,48)
```
#307d5a
```
#307d5a rgb(48,125,90)
```
#5a307d
```
#5a307d rgb(90,48,125)
```
#7d3053
```
#7d3053 rgb(125,48,83)
```

Tetradic Color

#1b4632
```
#1b4632 rgb(27,70,50)
```
#22583f
```
#22583f rgb(34,88,63)
```
#296b4d
```
#296b4d rgb(41,107,77)
```
#307d5a
```
#307d5a rgb(48,125,90)
```
#378f67
```
#378f67 rgb(55,143,103)
```
#3ea275
```
#3ea275 rgb(62,162,117)
```
#45b482
```
#45b482 rgb(69,180,130)
```

Monochromatic Color

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

#307d47
```
#307d47 rgb(48,125,71)
```
#307d4d
```
#307d4d rgb(48,125,77)
```
#307d54
```
#307d54 rgb(48,125,84)
```
#307d5a
```
#307d5a rgb(48,125,90)
```
#307d60
```
#307d60 rgb(48,125,96)
```
#307d67
```
#307d67 rgb(48,125,103)
```
#307d6d
```
#307d6d rgb(48,125,109)
```

Similar Colors

Text with hexadecimal color #307d5a

This text has a font color of #307d5a.

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

#307d5a background color

This paragraph has a background color of #307d5a.

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

#307d5a border color

This element has a border color of #307d5a.

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

CSS codes

.text {color:#307d5a;}

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

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

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, #040c08 is the darkest color, while #fcfefd is the lightest one.

#040c08
```
#040c08 rgb(4,12,8)
```
#0a1a13
```
#0a1a13 rgb(10,26,19)
```
#0f281d
```
#0f281d rgb(15,40,29)
```
#153627
```
#153627 rgb(21,54,39)
```
#1a4431
```
#1a4431 rgb(26,68,49)
```
#20523b
```
#20523b rgb(32,82,59)
```
#256146
```
#256146 rgb(37,97,70)
```
#2b6f50
```
#2b6f50 rgb(43,111,80)
```
#307d5a
```
#307d5a rgb(48,125,90)
```
#358b64
```
#358b64 rgb(53,139,100)
```
#3b996e
```
#3b996e rgb(59,153,110)
```
#40a879
```
#40a879 rgb(64,168,121)
```
#46b683
```
#46b683 rgb(70,182,131)
```

Shade Color Variation

#52bd8c
```
#52bd8c rgb(82,189,140)
```
#61c296
```
#61c296 rgb(97,194,150)
```
#6fc89f
```
#6fc89f rgb(111,200,159)
```
#7dcda9
```
#7dcda9 rgb(125,205,169)
```
#8bd2b2
```
#8bd2b2 rgb(139,210,178)
```
#99d8bb
```
#99d8bb rgb(153,216,187)
```
#a7ddc5
```
#a7ddc5 rgb(167,221,197)
```
#b6e3ce
```
#b6e3ce rgb(182,227,206)
```
#c4e8d8
```
#c4e8d8 rgb(196,232,216)
```
#d2eee1
```
#d2eee1 rgb(210,238,225)
```
#e0f3ea
```
#e0f3ea rgb(224,243,234)
```
#eef9f4
```
#eef9f4 rgb(238,249,244)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#515c57
```
#515c57 rgb(81,92,87)
```
#4b6258
```
#4b6258 rgb(75,98,88)
```
#446958
```
#446958 rgb(68,105,88)
```
#3d7059
```
#3d7059 rgb(61,112,89)
```
#377659
```
#377659 rgb(55,118,89)
```
#307d5a
```
#307d5a rgb(48,125,90)
```
#29845b
```
#29845b rgb(41,132,91)
```
#238a5b
```
#238a5b rgb(35,138,91)
```
#1c915c
```
#1c915c rgb(28,145,92)
```
#15985c
```
#15985c rgb(21,152,92)
```
#0f9e5d
```
#0f9e5d rgb(15,158,93)
```
#08a55e
```
#08a55e rgb(8,165,94)
```
#01ac5e
```
#01ac5e rgb(1,172,94)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#586760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e765c Protanopia 1% of men
#877268 Deuteranopia 1% of men
#497e88 Tritanopia 0.001% of the population

Trichromacy

#62795b Protanomaly 1% of men, 0.01% of women
#677663 Deuteranomaly 6% of men, 0.4% of women
#407e77 Tritanomaly 0.01% of the population

#307d5a hex color

#307d5a Color Information

#307d5a Color Conversion

Color Schemes with #307d5a

Alternatives to #307d5a

#307d5a Preview

Shades and Tints of #307d5a

Tones of #307d5a

Color Blindness Simulator