#307d5d hex color

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

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

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

The hexadecimal color #307d5d has RGB values of R:48, G:125, B:93 and CMYK values of C:0.62, M:0, Y:0.26, K:0.51. Its decimal value is 3177821.

Hex triplet	307d5d	`#307d5d`
RGB Decimal	48, 125, 93	`rgb(48,125,93)`
RGB Percent	18.8, 49, 36.5	`rgb(18.8%,49%,36.5%)`
CMYK	62, 0, 26, 51
HSL	155.1°, 44.5, 33.9	`hsl(155.1,44.5%,33.9%)`
HSV (or HSB)	155.1°, 61.6, 49
Web Safe	336666	`#336666`

CIE-LAB	47.086, -31.799, 10.526
XYZ	10.528, 16.085, 12.905
xyY	0.266, 0.407, 16.085
CIE-LCH	47.086, 33.496, 161.684
CIE-LUV	47.086, -32.376, 18.341
Hunter-Lab	40.106, -23.331, 8.996
Binary	00110000, 01111101, 01011101

#307d5d
```
#307d5d rgb(48,125,93)
```
#7d3050
```
#7d3050 rgb(125,48,80)
```

Complementary Color

#307d37
```
#307d37 rgb(48,125,55)
```
#307d5d
```
#307d5d rgb(48,125,93)
```
#30777d
```
#30777d rgb(48,119,125)
```

Analogous Color

#7d3730
```
#7d3730 rgb(125,55,48)
```
#307d5d
```
#307d5d rgb(48,125,93)
```
#7d3077
```
#7d3077 rgb(125,48,119)
```

Split Complementary Color

#7d5d30
```
#7d5d30 rgb(125,93,48)
```
#307d5d
```
#307d5d rgb(48,125,93)
```
#5d307d
```
#5d307d rgb(93,48,125)
```

Triadic Color

#507d30
```
#507d30 rgb(80,125,48)
```
#307d5d
```
#307d5d rgb(48,125,93)
```
#5d307d
```
#5d307d rgb(93,48,125)
```
#7d3050
```
#7d3050 rgb(125,48,80)
```

Tetradic Color

#1b4634
```
#1b4634 rgb(27,70,52)
```
#225842
```
#225842 rgb(34,88,66)
```
#296b4f
```
#296b4f rgb(41,107,79)
```
#307d5d
```
#307d5d rgb(48,125,93)
```
#378f6b
```
#378f6b rgb(55,143,107)
```
#3ea278
```
#3ea278 rgb(62,162,120)
```
#45b486
```
#45b486 rgb(69,180,134)
```

Monochromatic Color

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

#307d4a
```
#307d4a rgb(48,125,74)
```
#307d50
```
#307d50 rgb(48,125,80)
```
#307d57
```
#307d57 rgb(48,125,87)
```
#307d5d
```
#307d5d rgb(48,125,93)
```
#307d63
```
#307d63 rgb(48,125,99)
```
#307d6a
```
#307d6a rgb(48,125,106)
```
#307d70
```
#307d70 rgb(48,125,112)
```

Similar Colors

Text with hexadecimal color #307d5d

This text has a font color of #307d5d.

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

#307d5d background color

This paragraph has a background color of #307d5d.

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

#307d5d border color

This element has a border color of #307d5d.

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

CSS codes

.text {color:#307d5d;}

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

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

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

#040c09
```
#040c09 rgb(4,12,9)
```
#0a1a13
```
#0a1a13 rgb(10,26,19)
```
#0f281e
```
#0f281e rgb(15,40,30)
```
#153628
```
#153628 rgb(21,54,40)
```
#1a4433
```
#1a4433 rgb(26,68,51)
```
#20523d
```
#20523d rgb(32,82,61)
```
#256148
```
#256148 rgb(37,97,72)
```
#2b6f52
```
#2b6f52 rgb(43,111,82)
```
#307d5d
```
#307d5d rgb(48,125,93)
```
#358b68
```
#358b68 rgb(53,139,104)
```
#3b9972
```
#3b9972 rgb(59,153,114)
```
#40a87d
```
#40a87d rgb(64,168,125)
```
#46b687
```
#46b687 rgb(70,182,135)
```

Shade Color Variation

#52bd91
```
#52bd91 rgb(82,189,145)
```
#61c29a
```
#61c29a rgb(97,194,154)
```
#6fc8a3
```
#6fc8a3 rgb(111,200,163)
```
#7dcdac
```
#7dcdac rgb(125,205,172)
```
#8bd2b5
```
#8bd2b5 rgb(139,210,181)
```
#99d8be
```
#99d8be rgb(153,216,190)
```
#a7ddc7
```
#a7ddc7 rgb(167,221,199)
```
#b6e3d0
```
#b6e3d0 rgb(182,227,208)
```
#c4e8d9
```
#c4e8d9 rgb(196,232,217)
```
#d2eee2
```
#d2eee2 rgb(210,238,226)
```
#e0f3eb
```
#e0f3eb rgb(224,243,235)
```
#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 #01ac65 is the most saturated one.

#515c57
```
#515c57 rgb(81,92,87)
```
#4b6259
```
#4b6259 rgb(75,98,89)
```
#44695a
```
#44695a rgb(68,105,90)
```
#3d705b
```
#3d705b rgb(61,112,91)
```
#37765c
```
#37765c rgb(55,118,92)
```
#307d5d
```
#307d5d rgb(48,125,93)
```
#29845e
```
#29845e rgb(41,132,94)
```
#238a5f
```
#238a5f rgb(35,138,95)
```
#1c9160
```
#1c9160 rgb(28,145,96)
```
#159861
```
#159861 rgb(21,152,97)
```
#0f9e63
```
#0f9e63 rgb(15,158,99)
```
#08a564
```
#08a564 rgb(8,165,100)
```
#01ac65
```
#01ac65 rgb(1,172,101)
```

Tone Color Variation

Below, you can see how #307d5d 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
#586761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e765f Protanopia 1% of men
#86736b Deuteranopia 1% of men
#487f88 Tritanopia 0.001% of the population

Trichromacy

#61795e Protanomaly 1% of men, 0.01% of women
#677666 Deuteranomaly 6% of men, 0.4% of women
#3f7e78 Tritanomaly 0.01% of the population

#307d5d hex color

#307d5d Color Information

#307d5d Color Conversion

Color Schemes with #307d5d

Alternatives to #307d5d

#307d5d Preview

Shades and Tints of #307d5d

Tones of #307d5d

Color Blindness Simulator