#30a074 hex color

In a RGB color space, hex #30a074 is composed of 18.8% red, 62.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 0% magenta, 27.5% yellow and 37.3% black. It has a hue angle of 156.4 degrees, a saturation of 53.8% and a lightness of 40.8%. #30a074 color hex could be obtained by blending #60ffe8 with #004100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 63
- B 45
RGB color chart
- C 70
- M 0
- Y 28
- K 37
CMYK color chart

● #30a074 color description : Dark cyan - lime green.

The hexadecimal color #30a074 has RGB values of R:48, G:160, B:116 and CMYK values of C:0.7, M:0, Y:0.28, K:0.37. Its decimal value is 3186804.

Hex triplet	30a074	`#30a074`
RGB Decimal	48, 160, 116	`rgb(48,160,116)`
RGB Percent	18.8, 62.7, 45.5	`rgb(18.8%,62.7%,45.5%)`
CMYK	70, 0, 28, 37
HSL	156.4°, 53.8, 40.8	`hsl(156.4,53.8%,40.8%)`
HSV (or HSB)	156.4°, 70, 62.7
Web Safe	339966	`#339966`

CIE-LAB	59.002, -41.897, 14.042
XYZ	16.941, 27.029, 20.846
xyY	0.261, 0.417, 27.029
CIE-LCH	59.002, 44.187, 161.471
CIE-LUV	59.002, -44.563, 25.558
Hunter-Lab	51.99, -32.818, 12.619
Binary	00110000, 10100000, 01110100

#30a074
```
#30a074 rgb(48,160,116)
```
#a0305c
```
#a0305c rgb(160,48,92)
```

Complementary Color

#30a03c
```
#30a03c rgb(48,160,60)
```
#30a074
```
#30a074 rgb(48,160,116)
```
#3094a0
```
#3094a0 rgb(48,148,160)
```

Analogous Color

#a03c30
```
#a03c30 rgb(160,60,48)
```
#30a074
```
#30a074 rgb(48,160,116)
```
#a03094
```
#a03094 rgb(160,48,148)
```

Split Complementary Color

#a07430
```
#a07430 rgb(160,116,48)
```
#30a074
```
#30a074 rgb(48,160,116)
```
#7430a0
```
#7430a0 rgb(116,48,160)
```

Triadic Color

#5ca030
```
#5ca030 rgb(92,160,48)
```
#30a074
```
#30a074 rgb(48,160,116)
```
#7430a0
```
#7430a0 rgb(116,48,160)
```
#a0305c
```
#a0305c rgb(160,48,92)
```

Tetradic Color

#1e6549
```
#1e6549 rgb(30,101,73)
```
#247958
```
#247958 rgb(36,121,88)
```
#2a8c66
```
#2a8c66 rgb(42,140,102)
```
#30a074
```
#30a074 rgb(48,160,116)
```
#36b482
```
#36b482 rgb(54,180,130)
```
#3ec590
```
#3ec590 rgb(62,197,144)
```
#52cb9b
```
#52cb9b rgb(82,203,155)
```

Monochromatic Color

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

#30a058
```
#30a058 rgb(48,160,88)
```
#30a061
```
#30a061 rgb(48,160,97)
```
#30a06b
```
#30a06b rgb(48,160,107)
```
#30a074
```
#30a074 rgb(48,160,116)
```
#30a07d
```
#30a07d rgb(48,160,125)
```
#30a087
```
#30a087 rgb(48,160,135)
```
#30a090
```
#30a090 rgb(48,160,144)
```

Similar Colors

Text with hexadecimal color #30a074

This text has a font color of #30a074.

<span style="color:#30a074;">Text here</span>

#30a074 background color

This paragraph has a background color of #30a074.

<p style="background-color:#30a074;">Content here</p>

#30a074 border color

This element has a border color of #30a074.

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

CSS codes

.text {color:#30a074;}

.background {background-color:#30a074;}

.border {border:1px solid #30a074;}

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

#030907
```
#030907 rgb(3,9,7)
```
#071812
```
#071812 rgb(7,24,18)
```
#0c271c
```
#0c271c rgb(12,39,28)
```
#103627
```
#103627 rgb(16,54,39)
```
#154532
```
#154532 rgb(21,69,50)
```
#19553d
```
#19553d rgb(25,85,61)
```
#1e6448
```
#1e6448 rgb(30,100,72)
```
#227353
```
#227353 rgb(34,115,83)
```
#27825e
```
#27825e rgb(39,130,94)
```
#2b9169
```
#2b9169 rgb(43,145,105)
```
#30a074
```
#30a074 rgb(48,160,116)
```
#35af7f
```
#35af7f rgb(53,175,127)
```
#39be8a
```
#39be8a rgb(57,190,138)
```

Shade Color Variation

#44c793
```
#44c793 rgb(68,199,147)
```
#53cb9c
```
#53cb9c rgb(83,203,156)
```
#62d0a5
```
#62d0a5 rgb(98,208,165)
```
#71d4ad
```
#71d4ad rgb(113,212,173)
```
#80d9b6
```
#80d9b6 rgb(128,217,182)
```
#8fdebf
```
#8fdebf rgb(143,222,191)
```
#9ee2c8
```
#9ee2c8 rgb(158,226,200)
```
#aee7d0
```
#aee7d0 rgb(174,231,208)
```
#bdebd9
```
#bdebd9 rgb(189,235,217)
```
#ccf0e2
```
#ccf0e2 rgb(204,240,226)
```
#dbf4ea
```
#dbf4ea rgb(219,244,234)
```
#eaf9f3
```
#eaf9f3 rgb(234,249,243)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60706a is the less saturated color, while #00d07e is the most saturated one.

#60706a
```
#60706a rgb(96,112,106)
```
#58786b
```
#58786b rgb(88,120,107)
```
#50806d
```
#50806d rgb(80,128,109)
```
#48886f
```
#48886f rgb(72,136,111)
```
#409071
```
#409071 rgb(64,144,113)
```
#389872
```
#389872 rgb(56,152,114)
```
#30a074
```
#30a074 rgb(48,160,116)
```
#28a876
```
#28a876 rgb(40,168,118)
```
#20b077
```
#20b077 rgb(32,176,119)
```
#18b879
```
#18b879 rgb(24,184,121)
```
#10c07b
```
#10c07b rgb(16,192,123)
```
#08c87d
```
#08c87d rgb(8,200,125)
```
#00d07e
```
#00d07e rgb(0,208,126)
```

Tone Color Variation

Below, you can see how #30a074 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

#797979 Achromatopsia 0.005% of the population
#6a8178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9373 Protanopia 1% of men
#a78e82 Deuteranopia 1% of men
#519eaa Tritanopia 0.001% of the population

Trichromacy

#759873 Protanomaly 1% of men, 0.01% of women
#7c957d Deuteranomaly 6% of men, 0.4% of women
#459f96 Tritanomaly 0.01% of the population

#30a074 hex color

#30a074 Color Information

#30a074 Color Conversion

Color Schemes with #30a074

Alternatives to #30a074

#30a074 Preview

Shades and Tints of #30a074

Tones of #30a074

Color Blindness Simulator