#30a26e hex color

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

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

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

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

Hex triplet	30a26e	`#30a26e`
RGB Decimal	48, 162, 110	`rgb(48,162,110)`
RGB Percent	18.8, 63.5, 43.1	`rgb(18.8%,63.5%,43.1%)`
CMYK	70, 0, 32, 36
HSL	152.6°, 54.3, 41.2	`hsl(152.6,54.3%,41.2%)`
HSV (or HSB)	152.6°, 70.4, 63.5
Web Safe	339966	`#339966`

CIE-LAB	59.519, -44.065, 18.085
XYZ	16.952, 27.593, 19.184
xyY	0.266, 0.433, 27.593
CIE-LCH	59.519, 47.632, 157.686
CIE-LUV	59.519, -45.651, 31.056
Hunter-Lab	52.529, -34.32, 15.118
Binary	00110000, 10100010, 01101110

#30a26e
```
#30a26e rgb(48,162,110)
```
#a23064
```
#a23064 rgb(162,48,100)
```

Complementary Color

#30a235
```
#30a235 rgb(48,162,53)
```
#30a26e
```
#30a26e rgb(48,162,110)
```
#309da2
```
#309da2 rgb(48,157,162)
```

Analogous Color

#a23530
```
#a23530 rgb(162,53,48)
```
#30a26e
```
#30a26e rgb(48,162,110)
```
#a2309d
```
#a2309d rgb(162,48,157)
```

Split Complementary Color

#a26e30
```
#a26e30 rgb(162,110,48)
```
#30a26e
```
#30a26e rgb(48,162,110)
```
#6e30a2
```
#6e30a2 rgb(110,48,162)
```

Triadic Color

#64a230
```
#64a230 rgb(100,162,48)
```
#30a26e
```
#30a26e rgb(48,162,110)
```
#6e30a2
```
#6e30a2 rgb(110,48,162)
```
#a23064
```
#a23064 rgb(162,48,100)
```

Tetradic Color

#1f6746
```
#1f6746 rgb(31,103,70)
```
#247b53
```
#247b53 rgb(36,123,83)
```
#2a8e61
```
#2a8e61 rgb(42,142,97)
```
#30a26e
```
#30a26e rgb(48,162,110)
```
#36b67b
```
#36b67b rgb(54,182,123)
```
#3fc688
```
#3fc688 rgb(63,198,136)
```
#53cc95
```
#53cc95 rgb(83,204,149)
```

Monochromatic Color

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

#30a252
```
#30a252 rgb(48,162,82)
```
#30a25b
```
#30a25b rgb(48,162,91)
```
#30a265
```
#30a265 rgb(48,162,101)
```
#30a26e
```
#30a26e rgb(48,162,110)
```
#30a278
```
#30a278 rgb(48,162,120)
```
#30a281
```
#30a281 rgb(48,162,129)
```
#30a28b
```
#30a28b rgb(48,162,139)
```

Similar Colors

Text with hexadecimal color #30a26e

This text has a font color of #30a26e.

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

#30a26e background color

This paragraph has a background color of #30a26e.

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

#30a26e border color

This element has a border color of #30a26e.

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

CSS codes

.text {color:#30a26e;}

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

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

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)
```
#081a12
```
#081a12 rgb(8,26,18)
```
#0c291c
```
#0c291c rgb(12,41,28)
```
#113826
```
#113826 rgb(17,56,38)
```
#154730
```
#154730 rgb(21,71,48)
```
#1a563b
```
#1a563b rgb(26,86,59)
```
#1e6545
```
#1e6545 rgb(30,101,69)
```
#23754f
```
#23754f rgb(35,117,79)
```
#278459
```
#278459 rgb(39,132,89)
```
#2c9364
```
#2c9364 rgb(44,147,100)
```
#30a26e
```
#30a26e rgb(48,162,110)
```
#34b178
```
#34b178 rgb(52,177,120)
```
#39c083
```
#39c083 rgb(57,192,131)
```

Shade Color Variation

#45c88c
```
#45c88c rgb(69,200,140)
```
#54cc96
```
#54cc96 rgb(84,204,150)
```
#63d19f
```
#63d19f rgb(99,209,159)
```
#72d5a8
```
#72d5a8 rgb(114,213,168)
```
#81dab2
```
#81dab2 rgb(129,218,178)
```
#91debb
```
#91debb rgb(145,222,187)
```
#a0e3c4
```
#a0e3c4 rgb(160,227,196)
```
#afe7ce
```
#afe7ce rgb(175,231,206)
```
#beecd7
```
#beecd7 rgb(190,236,215)
```
#cdf0e0
```
#cdf0e0 rgb(205,240,224)
```
#dcf5ea
```
#dcf5ea rgb(220,245,234)
```
#ebf9f3
```
#ebf9f3 rgb(235,249,243)
```
#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 #08ca72 is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#60726a
```
#60726a rgb(96,114,106)
```
#587a6a
```
#587a6a rgb(88,122,106)
```
#50826b
```
#50826b rgb(80,130,107)
```
#488a6c
```
#488a6c rgb(72,138,108)
```
#40926d
```
#40926d rgb(64,146,109)
```
#389a6d
```
#389a6d rgb(56,154,109)
```
#30a26e
```
#30a26e rgb(48,162,110)
```
#28aa6f
```
#28aa6f rgb(40,170,111)
```
#20b26f
```
#20b26f rgb(32,178,111)
```
#18ba70
```
#18ba70 rgb(24,186,112)
```
#10c271
```
#10c271 rgb(16,194,113)
```
#08ca72
```
#08ca72 rgb(8,202,114)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6b8278 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0946e Protanopia 1% of men
#ab8f7d Deuteranopia 1% of men
#549fab Tritanopia 0.001% of the population

Trichromacy

#77996e Protanomaly 1% of men, 0.01% of women
#7e9677 Deuteranomaly 6% of men, 0.4% of women
#47a095 Tritanomaly 0.01% of the population

#30a26e hex color

#30a26e Color Information

#30a26e Color Conversion

Color Schemes with #30a26e

Alternatives to #30a26e

#30a26e Preview

Shades and Tints of #30a26e

Tones of #30a26e

Color Blindness Simulator