colorhexa.com

#305d2a hex color

In a RGB color space, hex #305d2a is composed of 18.8% red, 36.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 0% magenta, 54.8% yellow and 63.5% black. It has a hue angle of 112.9 degrees, a saturation of 37.8% and a lightness of 26.5%. #305d2a color hex could be obtained by blending #60ba54 with #000000. Closest websafe color is: #336633.

- R 19
- G 36
- B 16
RGB color chart
- C 48
- M 0
- Y 55
- K 64
CMYK color chart

● #305d2a color description : Very dark desaturated lime green.

The hexadecimal color #305d2a has RGB values of R:48, G:93, B:42 and CMYK values of C:0.48, M:0, Y:0.55, K:0.64. Its decimal value is 3169578.

Hex triplet	305d2a	`#305d2a`
RGB Decimal	48, 93, 42	`rgb(48,93,42)`
RGB Percent	18.8, 36.5, 16.5	`rgb(18.8%,36.5%,16.5%)`
CMYK	48, 0, 55, 64
HSL	112.9°, 37.8, 26.5	`hsl(112.9,37.8%,26.5%)`
HSV (or HSB)	112.9°, 54.8, 36.5
Web Safe	336633	`#336633`

CIE-LAB	35.25, -26.915, 24.394
XYZ	5.551, 8.624, 3.562
xyY	0.313, 0.486, 8.624
CIE-LCH	35.25, 36.325, 137.812
CIE-LUV	35.25, -20.776, 29.67
Hunter-Lab	29.367, -17.651, 13.364
Binary	00110000, 01011101, 00101010

#305d2a
```
#305d2a rgb(48,93,42)
```
#572a5d
```
#572a5d rgb(87,42,93)
```

Complementary Color

#4a5d2a
```
#4a5d2a rgb(74,93,42)
```
#305d2a
```
#305d2a rgb(48,93,42)
```
#2a5d3d
```
#2a5d3d rgb(42,93,61)
```

Analogous Color

#5d2a4a
```
#5d2a4a rgb(93,42,74)
```
#305d2a
```
#305d2a rgb(48,93,42)
```
#3d2a5d
```
#3d2a5d rgb(61,42,93)
```

Split Complementary Color

#152812
```
#152812 rgb(21,40,18)
```
#1e3a1a
```
#1e3a1a rgb(30,58,26)
```
#274b22
```
#274b22 rgb(39,75,34)
```
#305d2a
```
#305d2a rgb(48,93,42)
```
#396f32
```
#396f32 rgb(57,111,50)
```
#42803a
```
#42803a rgb(66,128,58)
```
#4b9242
```
#4b9242 rgb(75,146,66)
```

Monochromatic Color

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

#3d5d2a
```
#3d5d2a rgb(61,93,42)
```
#395d2a
```
#395d2a rgb(57,93,42)
```
#345d2a
```
#345d2a rgb(52,93,42)
```
#305d2a
```
#305d2a rgb(48,93,42)
```
#2c5d2a
```
#2c5d2a rgb(44,93,42)
```
#2a5d2c
```
#2a5d2c rgb(42,93,44)
```
#2a5d31
```
#2a5d31 rgb(42,93,49)
```

Similar Colors

Text with hexadecimal color #305d2a

This text has a font color of #305d2a.

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

#305d2a background color

This paragraph has a background color of #305d2a.

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

#305d2a border color

This element has a border color of #305d2a.

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

CSS codes

.text {color:#305d2a;}

.background {background-color:#305d2a;}

.border {border:1px solid #305d2a;}

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, #060c05 is the darkest color, while #fefefd is the lightest one.

#060c05
```
#060c05 rgb(6,12,5)
```
#0d190b
```
#0d190b rgb(13,25,11)
```
#142712
```
#142712 rgb(20,39,18)
```
#1b3418
```
#1b3418 rgb(27,52,24)
```
#22421e
```
#22421e rgb(34,66,30)
```
#294f24
```
#294f24 rgb(41,79,36)
```
#305d2a
```
#305d2a rgb(48,93,42)
```
#376b30
```
#376b30 rgb(55,107,48)
```
#3e7836
```
#3e7836 rgb(62,120,54)
```
#45863c
```
#45863c rgb(69,134,60)
```
#4c9342
```
#4c9342 rgb(76,147,66)
```
#53a149
```
#53a149 rgb(83,161,73)
```
#5aae4f
```
#5aae4f rgb(90,174,79)
```

Shade Color Variation

#66b55b
```
#66b55b rgb(102,181,91)
```
#72bb69
```
#72bb69 rgb(114,187,105)
```
#7fc176
```
#7fc176 rgb(127,193,118)
```
#8cc784
```
#8cc784 rgb(140,199,132)
```
#98cd91
```
#98cd91 rgb(152,205,145)
```
#a5d49f
```
#a5d49f rgb(165,212,159)
```
#b2daac
```
#b2daac rgb(178,218,172)
```
#bee0ba
```
#bee0ba rgb(190,224,186)
```
#cbe6c7
```
#cbe6c7 rgb(203,230,199)
```
#d8ecd5
```
#d8ecd5 rgb(216,236,213)
```
#e4f2e2
```
#e4f2e2 rgb(228,242,226)
```
#f1f8f0
```
#f1f8f0 rgb(241,248,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#40483f
```
#40483f rgb(64,72,63)
```
#3c4d3a
```
#3c4d3a rgb(60,77,58)
```
#385334
```
#385334 rgb(56,83,52)
```
#34582f
```
#34582f rgb(52,88,47)
```
#305d2a
```
#305d2a rgb(48,93,42)
```
#2c6225
```
#2c6225 rgb(44,98,37)
```
#286720
```
#286720 rgb(40,103,32)
```
#246d1a
```
#246d1a rgb(36,109,26)
```
#207215
```
#207215 rgb(32,114,21)
```
#1c7710
```
#1c7710 rgb(28,119,16)
```
#187c0b
```
#187c0b rgb(24,124,11)
```
#148106
```
#148106 rgb(20,129,6)
```
#108700
```
#108700 rgb(16,135,0)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#454e44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645b31 Protanopia 1% of men
#6e5739 Deuteranopia 1% of men
#465f66 Tritanopia 0.001% of the population

Trichromacy

#515c2f Protanomaly 1% of men, 0.01% of women
#575934 Deuteranomaly 6% of men, 0.4% of women
#3e5e50 Tritanomaly 0.01% of the population