#30a268 hex color

In a RGB color space, hex #30a268 is composed of 18.8% red, 63.5% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 35.8% yellow and 36.5% black. It has a hue angle of 149.5 degrees, a saturation of 54.3% and a lightness of 41.2%. #30a268 color hex could be obtained by blending #60ffd0 with #004500. Closest websafe color is: #339966.

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

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

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

Hex triplet	30a268	`#30a268`
RGB Decimal	48, 162, 104	`rgb(48,162,104)`
RGB Percent	18.8, 63.5, 40.8	`rgb(18.8%,63.5%,40.8%)`
CMYK	70, 0, 36, 36
HSL	149.5°, 54.3, 41.2	`hsl(149.5,54.3%,41.2%)`
HSV (or HSB)	149.5°, 70.4, 63.5
Web Safe	339966	`#339966`

CIE-LAB	59.404, -45.326, 21.224
XYZ	16.637, 27.467, 17.521
xyY	0.27, 0.446, 27.467
CIE-LCH	59.404, 50.049, 154.908
CIE-LUV	59.404, -45.985, 35.046
Hunter-Lab	52.409, -35.052, 16.865
Binary	00110000, 10100010, 01101000

#30a268
```
#30a268 rgb(48,162,104)
```
#a2306a
```
#a2306a rgb(162,48,106)
```

Complementary Color

#31a230
```
#31a230 rgb(49,162,48)
```
#30a268
```
#30a268 rgb(48,162,104)
```
#30a2a1
```
#30a2a1 rgb(48,162,161)
```

Analogous Color

#a23031
```
#a23031 rgb(162,48,49)
```
#30a268
```
#30a268 rgb(48,162,104)
```
#a130a2
```
#a130a2 rgb(161,48,162)
```

Split Complementary Color

#a26830
```
#a26830 rgb(162,104,48)
```
#30a268
```
#30a268 rgb(48,162,104)
```
#6830a2
```
#6830a2 rgb(104,48,162)
```

Triadic Color

#6aa230
```
#6aa230 rgb(106,162,48)
```
#30a268
```
#30a268 rgb(48,162,104)
```
#6830a2
```
#6830a2 rgb(104,48,162)
```
#a2306a
```
#a2306a rgb(162,48,106)
```

Tetradic Color

#1f6742
```
#1f6742 rgb(31,103,66)
```
#247b4f
```
#247b4f rgb(36,123,79)
```
#2a8e5b
```
#2a8e5b rgb(42,142,91)
```
#30a268
```
#30a268 rgb(48,162,104)
```
#36b675
```
#36b675 rgb(54,182,117)
```
#3fc681
```
#3fc681 rgb(63,198,129)
```
#53cc8e
```
#53cc8e rgb(83,204,142)
```

Monochromatic Color

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

#30a24c
```
#30a24c rgb(48,162,76)
```
#30a255
```
#30a255 rgb(48,162,85)
```
#30a25f
```
#30a25f rgb(48,162,95)
```
#30a268
```
#30a268 rgb(48,162,104)
```
#30a272
```
#30a272 rgb(48,162,114)
```
#30a27b
```
#30a27b rgb(48,162,123)
```
#30a285
```
#30a285 rgb(48,162,133)
```

Similar Colors

Text with hexadecimal color #30a268

This text has a font color of #30a268.

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

#30a268 background color

This paragraph has a background color of #30a268.

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

#30a268 border color

This element has a border color of #30a268.

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

CSS codes

.text {color:#30a268;}

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

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

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

#030b07
```
#030b07 rgb(3,11,7)
```
#081a11
```
#081a11 rgb(8,26,17)
```
#0c291a
```
#0c291a rgb(12,41,26)
```
#113824
```
#113824 rgb(17,56,36)
```
#15472e
```
#15472e rgb(21,71,46)
```
#1a5637
```
#1a5637 rgb(26,86,55)
```
#1e6541
```
#1e6541 rgb(30,101,65)
```
#23754b
```
#23754b rgb(35,117,75)
```
#278455
```
#278455 rgb(39,132,85)
```
#2c935e
```
#2c935e rgb(44,147,94)
```
#30a268
```
#30a268 rgb(48,162,104)
```
#34b172
```
#34b172 rgb(52,177,114)
```
#39c07b
```
#39c07b rgb(57,192,123)
```

Shade Color Variation

#45c885
```
#45c885 rgb(69,200,133)
```
#54cc8f
```
#54cc8f rgb(84,204,143)
```
#63d199
```
#63d199 rgb(99,209,153)
```
#72d5a3
```
#72d5a3 rgb(114,213,163)
```
#81daad
```
#81daad rgb(129,218,173)
```
#91deb7
```
#91deb7 rgb(145,222,183)
```
#a0e3c1
```
#a0e3c1 rgb(160,227,193)
```
#afe7cb
```
#afe7cb rgb(175,231,203)
```
#beecd4
```
#beecd4 rgb(190,236,212)
```
#cdf0de
```
#cdf0de rgb(205,240,222)
```
#dcf5e8
```
#dcf5e8 rgb(220,245,232)
```
#ebf9f2
```
#ebf9f2 rgb(235,249,242)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#607269
```
#607269 rgb(96,114,105)
```
#587a69
```
#587a69 rgb(88,122,105)
```
#508269
```
#508269 rgb(80,130,105)
```
#488a68
```
#488a68 rgb(72,138,104)
```
#409268
```
#409268 rgb(64,146,104)
```
#389a68
```
#389a68 rgb(56,154,104)
```
#30a268
```
#30a268 rgb(48,162,104)
```
#28aa68
```
#28aa68 rgb(40,170,104)
```
#20b268
```
#20b268 rgb(32,178,104)
```
#18ba68
```
#18ba68 rgb(24,186,104)
```
#10c267
```
#10c267 rgb(16,194,103)
```
#08ca67
```
#08ca67 rgb(8,202,103)
```

Tone Color Variation

Below, you can see how #30a268 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
#6a8176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09468 Protanopia 1% of men
#ac8f77 Deuteranopia 1% of men
#559fab Tritanopia 0.001% of the population

Trichromacy

#779968 Protanomaly 1% of men, 0.01% of women
#7f9672 Deuteranomaly 6% of men, 0.4% of women
#47a092 Tritanomaly 0.01% of the population

#30a268 hex color

#30a268 Color Information

#30a268 Color Conversion

Color Schemes with #30a268

Alternatives to #30a268

#30a268 Preview

Shades and Tints of #30a268

Tones of #30a268

Color Blindness Simulator