#30503f hex color

In a RGB color space, hex #30503f is composed of 18.8% red, 31.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 0% magenta, 21.3% yellow and 68.6% black. It has a hue angle of 148.1 degrees, a saturation of 25% and a lightness of 25.1%. #30503f color hex could be obtained by blending #60a07e with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 31
- B 25
RGB color chart
- C 40
- M 0
- Y 21
- K 69
CMYK color chart

● #30503f color description : Very dark desaturated cyan - lime green.

The hexadecimal color #30503f has RGB values of R:48, G:80, B:63 and CMYK values of C:0.4, M:0, Y:0.21, K:0.69. Its decimal value is 3166271.

Hex triplet	30503f	`#30503f`
RGB Decimal	48, 80, 63	`rgb(48,80,63)`
RGB Percent	18.8, 31.4, 24.7	`rgb(18.8%,31.4%,24.7%)`
CMYK	40, 0, 21, 69
HSL	148.1°, 25, 25.1	`hsl(148.1,25%,25.1%)`
HSV (or HSB)	148.1°, 40, 31.4
Web Safe	336633	`#336633`

CIE-LAB	31.171, -16.169, 6.348
XYZ	4.985, 6.724, 5.738
xyY	0.286, 0.385, 6.724
CIE-LCH	31.171, 17.371, 158.566
CIE-LUV	31.171, -14.517, 9.498
Hunter-Lab	25.931, -11.069, 5.033
Binary	00110000, 01010000, 00111111

#30503f
```
#30503f rgb(48,80,63)
```
#503041
```
#503041 rgb(80,48,65)
```

Complementary Color

#315030
```
#315030 rgb(49,80,48)
```
#30503f
```
#30503f rgb(48,80,63)
```
#30504f
```
#30504f rgb(48,80,79)
```

Analogous Color

#503031
```
#503031 rgb(80,48,49)
```
#30503f
```
#30503f rgb(48,80,63)
```
#4f3050
```
#4f3050 rgb(79,48,80)
```

Split Complementary Color

#503f30
```
#503f30 rgb(80,63,48)
```
#30503f
```
#30503f rgb(48,80,63)
```
#3f3050
```
#3f3050 rgb(63,48,80)
```

Triadic Color

#415030
```
#415030 rgb(65,80,48)
```
#30503f
```
#30503f rgb(48,80,63)
```
#3f3050
```
#3f3050 rgb(63,48,80)
```
#503041
```
#503041 rgb(80,48,65)
```

Tetradic Color

#132019
```
#132019 rgb(19,32,25)
```
#1d3026
```
#1d3026 rgb(29,48,38)
```
#264032
```
#264032 rgb(38,64,50)
```
#30503f
```
#30503f rgb(48,80,63)
```
#3a604c
```
#3a604c rgb(58,96,76)
```
#437058
```
#437058 rgb(67,112,88)
```
#4d8065
```
#4d8065 rgb(77,128,101)
```

Monochromatic Color

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

#305037
```
#305037 rgb(48,80,55)
```
#30503a
```
#30503a rgb(48,80,58)
```
#30503c
```
#30503c rgb(48,80,60)
```
#30503f
```
#30503f rgb(48,80,63)
```
#305042
```
#305042 rgb(48,80,66)
```
#305044
```
#305044 rgb(48,80,68)
```
#305047
```
#305047 rgb(48,80,71)
```

Similar Colors

Text with hexadecimal color #30503f

This text has a font color of #30503f.

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

#30503f background color

This paragraph has a background color of #30503f.

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

#30503f border color

This element has a border color of #30503f.

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

CSS codes

.text {color:#30503f;}

.background {background-color:#30503f;}

.border {border:1px solid #30503f;}

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

#040605
```
#040605 rgb(4,6,5)
```
#0b130f
```
#0b130f rgb(11,19,15)
```
#131f18
```
#131f18 rgb(19,31,24)
```
#1a2b22
```
#1a2b22 rgb(26,43,34)
```
#21372c
```
#21372c rgb(33,55,44)
```
#294435
```
#294435 rgb(41,68,53)
```
#30503f
```
#30503f rgb(48,80,63)
```
#375c49
```
#375c49 rgb(55,92,73)
```
#3f6952
```
#3f6952 rgb(63,105,82)
```
#46755c
```
#46755c rgb(70,117,92)
```
#4d8166
```
#4d8166 rgb(77,129,102)
```
#558d6f
```
#558d6f rgb(85,141,111)
```
#5c9a79
```
#5c9a79 rgb(92,154,121)
```

Shade Color Variation

#66a383
```
#66a383 rgb(102,163,131)
```
#72ab8d
```
#72ab8d rgb(114,171,141)
```
#7fb297
```
#7fb297 rgb(127,178,151)
```
#8bb9a1
```
#8bb9a1 rgb(139,185,161)
```
#97c1ab
```
#97c1ab rgb(151,193,171)
```
#a3c8b5
```
#a3c8b5 rgb(163,200,181)
```
#b0cfbf
```
#b0cfbf rgb(176,207,191)
```
#bcd7c8
```
#bcd7c8 rgb(188,215,200)
```
#c8ded2
```
#c8ded2 rgb(200,222,210)
```
#d4e5dc
```
#d4e5dc rgb(212,229,220)
```
#e1ede6
```
#e1ede6 rgb(225,237,230)
```
#edf4f0
```
#edf4f0 rgb(237,244,240)
```
#f9fcfa
```
#f9fcfa rgb(249,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3f4140 is the less saturated color, while #047c3c is the most saturated one.

#3f4140
```
#3f4140 rgb(63,65,64)
```
#3a4640
```
#3a4640 rgb(58,70,64)
```
#354b3f
```
#354b3f rgb(53,75,63)
```
#30503f
```
#30503f rgb(48,80,63)
```
#2b553f
```
#2b553f rgb(43,85,63)
```
#265a3e
```
#265a3e rgb(38,90,62)
```
#215f3e
```
#215f3e rgb(33,95,62)
```
#1c643e
```
#1c643e rgb(28,100,62)
```
#17693d
```
#17693d rgb(23,105,61)
```
#126e3d
```
#126e3d rgb(18,110,61)
```
#0e723d
```
#0e723d rgb(14,114,61)
```
#09773d
```
#09773d rgb(9,119,61)
```
#047c3c
```
#047c3c rgb(4,124,60)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404643 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575245 Protanopia 1% of men
#5d504c Deuteranopia 1% of men
#40565c Tritanopia 0.001% of the population

Trichromacy

#485143 Protanomaly 1% of men, 0.01% of women
#4c5047 Deuteranomaly 6% of men, 0.4% of women
#3a5451 Tritanomaly 0.01% of the population

#30503f hex color

#30503f Color Information

#30503f Color Conversion

Color Schemes with #30503f

Alternatives to #30503f

#30503f Preview

Shades and Tints of #30503f

Tones of #30503f

Color Blindness Simulator