#30a284 hex color

In a RGB color space, hex #30a284 is composed of 18.8% red, 63.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 18.5% yellow and 36.5% black. It has a hue angle of 164.2 degrees, a saturation of 54.3% and a lightness of 41.2%. #30a284 color hex could be obtained by blending #60ffff with #004509. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 64
- B 52
RGB color chart
- C 70
- M 0
- Y 19
- K 36
CMYK color chart

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

The hexadecimal color #30a284 has RGB values of R:48, G:162, B:132 and CMYK values of C:0.7, M:0, Y:0.19, K:0.36. Its decimal value is 3187332.

Hex triplet	30a284	`#30a284`
RGB Decimal	48, 162, 132	`rgb(48,162,132)`
RGB Percent	18.8, 63.5, 51.8	`rgb(18.8%,63.5%,51.8%)`
CMYK	70, 0, 19, 36
HSL	164.2°, 54.3, 41.2	`hsl(164.2,54.3%,41.2%)`
HSV (or HSB)	164.2°, 70.4, 63.5
Web Safe	339999	`#339999`

CIE-LAB	60.009, -38.893, 6.504
XYZ	18.303, 28.133, 26.294
xyY	0.252, 0.387, 28.133
CIE-LCH	60.009, 39.433, 170.507
CIE-LUV	60.009, -44.334, 15.096
Hunter-Lab	53.041, -31.227, 7.736
Binary	00110000, 10100010, 10000100

#30a284
```
#30a284 rgb(48,162,132)
```
#a2304e
```
#a2304e rgb(162,48,78)
```

Complementary Color

#30a24b
```
#30a24b rgb(48,162,75)
```
#30a284
```
#30a284 rgb(48,162,132)
```
#3087a2
```
#3087a2 rgb(48,135,162)
```

Analogous Color

#a24b30
```
#a24b30 rgb(162,75,48)
```
#30a284
```
#30a284 rgb(48,162,132)
```
#a23087
```
#a23087 rgb(162,48,135)
```

Split Complementary Color

#a28430
```
#a28430 rgb(162,132,48)
```
#30a284
```
#30a284 rgb(48,162,132)
```
#8430a2
```
#8430a2 rgb(132,48,162)
```

Triadic Color

#4ea230
```
#4ea230 rgb(78,162,48)
```
#30a284
```
#30a284 rgb(48,162,132)
```
#8430a2
```
#8430a2 rgb(132,48,162)
```
#a2304e
```
#a2304e rgb(162,48,78)
```

Tetradic Color

#1f6754
```
#1f6754 rgb(31,103,84)
```
#247b64
```
#247b64 rgb(36,123,100)
```
#2a8e74
```
#2a8e74 rgb(42,142,116)
```
#30a284
```
#30a284 rgb(48,162,132)
```
#36b694
```
#36b694 rgb(54,182,148)
```
#3fc6a3
```
#3fc6a3 rgb(63,198,163)
```
#53ccac
```
#53ccac rgb(83,204,172)
```

Monochromatic Color

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

#30a268
```
#30a268 rgb(48,162,104)
```
#30a271
```
#30a271 rgb(48,162,113)
```
#30a27b
```
#30a27b rgb(48,162,123)
```
#30a284
```
#30a284 rgb(48,162,132)
```
#30a28e
```
#30a28e rgb(48,162,142)
```
#30a297
```
#30a297 rgb(48,162,151)
```
#30a2a1
```
#30a2a1 rgb(48,162,161)
```

Similar Colors

Text with hexadecimal color #30a284

This text has a font color of #30a284.

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

#30a284 background color

This paragraph has a background color of #30a284.

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

#30a284 border color

This element has a border color of #30a284.

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

CSS codes

.text {color:#30a284;}

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

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

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, #030b09 is the darkest color, while #fbfefd is the lightest one.

#030b09
```
#030b09 rgb(3,11,9)
```
#081a15
```
#081a15 rgb(8,26,21)
```
#0c2921
```
#0c2921 rgb(12,41,33)
```
#11382e
```
#11382e rgb(17,56,46)
```
#15473a
```
#15473a rgb(21,71,58)
```
#1a5646
```
#1a5646 rgb(26,86,70)
```
#1e6553
```
#1e6553 rgb(30,101,83)
```
#23755f
```
#23755f rgb(35,117,95)
```
#27846b
```
#27846b rgb(39,132,107)
```
#2c9378
```
#2c9378 rgb(44,147,120)
```
#30a284
```
#30a284 rgb(48,162,132)
```
#34b190
```
#34b190 rgb(52,177,144)
```
#39c09d
```
#39c09d rgb(57,192,157)
```

Shade Color Variation

#45c8a5
```
#45c8a5 rgb(69,200,165)
```
#54ccad
```
#54ccad rgb(84,204,173)
```
#63d1b4
```
#63d1b4 rgb(99,209,180)
```
#72d5bb
```
#72d5bb rgb(114,213,187)
```
#81dac3
```
#81dac3 rgb(129,218,195)
```
#91deca
```
#91deca rgb(145,222,202)
```
#a0e3d1
```
#a0e3d1 rgb(160,227,209)
```
#afe7d8
```
#afe7d8 rgb(175,231,216)
```
#beece0
```
#beece0 rgb(190,236,224)
```
#cdf0e7
```
#cdf0e7 rgb(205,240,231)
```
#dcf5ee
```
#dcf5ee rgb(220,245,238)
```
#ebf9f6
```
#ebf9f6 rgb(235,249,246)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#60726d
```
#60726d rgb(96,114,109)
```
#587a71
```
#587a71 rgb(88,122,113)
```
#508275
```
#508275 rgb(80,130,117)
```
#488a79
```
#488a79 rgb(72,138,121)
```
#40927c
```
#40927c rgb(64,146,124)
```
#389a80
```
#389a80 rgb(56,154,128)
```
#30a284
```
#30a284 rgb(48,162,132)
```
#28aa88
```
#28aa88 rgb(40,170,136)
```
#20b28c
```
#20b28c rgb(32,178,140)
```
#18ba8f
```
#18ba8f rgb(24,186,143)
```
#10c293
```
#10c293 rgb(16,194,147)
```
#08ca97
```
#08ca97 rgb(8,202,151)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6d847e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9582 Protanopia 1% of men
#a59191 Deuteranopia 1% of men
#4ea1ad Tritanopia 0.001% of the population

Trichromacy

#759a82 Protanomaly 1% of men, 0.01% of women
#7b978c Deuteranomaly 6% of men, 0.4% of women
#43a19e Tritanomaly 0.01% of the population

#30a284 hex color

#30a284 Color Information

#30a284 Color Conversion

Color Schemes with #30a284

Alternatives to #30a284

#30a284 Preview

Shades and Tints of #30a284

Tones of #30a284

Color Blindness Simulator