#30a26f hex color

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

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

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

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

Hex triplet	30a26f	`#30a26f`
RGB Decimal	48, 162, 111	`rgb(48,162,111)`
RGB Percent	18.8, 63.5, 43.5	`rgb(18.8%,63.5%,43.5%)`
CMYK	70, 0, 31, 36
HSL	153.2°, 54.3, 41.2	`hsl(153.2,54.3%,41.2%)`
HSV (or HSB)	153.2°, 70.4, 63.5
Web Safe	339966	`#339966`

CIE-LAB	59.539, -43.848, 17.56
XYZ	17.007, 27.615, 19.472
xyY	0.265, 0.431, 27.615
CIE-LCH	59.539, 47.234, 158.175
CIE-LUV	59.539, -45.594, 30.374
Hunter-Lab	52.55, -34.193, 14.816
Binary	00110000, 10100010, 01101111

#30a26f
```
#30a26f rgb(48,162,111)
```
#a23063
```
#a23063 rgb(162,48,99)
```

Complementary Color

#30a236
```
#30a236 rgb(48,162,54)
```
#30a26f
```
#30a26f rgb(48,162,111)
```
#309ca2
```
#309ca2 rgb(48,156,162)
```

Analogous Color

#a23630
```
#a23630 rgb(162,54,48)
```
#30a26f
```
#30a26f rgb(48,162,111)
```
#a2309c
```
#a2309c rgb(162,48,156)
```

Split Complementary Color

#a26f30
```
#a26f30 rgb(162,111,48)
```
#30a26f
```
#30a26f rgb(48,162,111)
```
#6f30a2
```
#6f30a2 rgb(111,48,162)
```

Triadic Color

#63a230
```
#63a230 rgb(99,162,48)
```
#30a26f
```
#30a26f rgb(48,162,111)
```
#6f30a2
```
#6f30a2 rgb(111,48,162)
```
#a23063
```
#a23063 rgb(162,48,99)
```

Tetradic Color

#1f6747
```
#1f6747 rgb(31,103,71)
```
#247b54
```
#247b54 rgb(36,123,84)
```
#2a8e62
```
#2a8e62 rgb(42,142,98)
```
#30a26f
```
#30a26f rgb(48,162,111)
```
#36b67c
```
#36b67c rgb(54,182,124)
```
#3fc68a
```
#3fc68a rgb(63,198,138)
```
#53cc96
```
#53cc96 rgb(83,204,150)
```

Monochromatic Color

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

#30a253
```
#30a253 rgb(48,162,83)
```
#30a25c
```
#30a25c rgb(48,162,92)
```
#30a266
```
#30a266 rgb(48,162,102)
```
#30a26f
```
#30a26f rgb(48,162,111)
```
#30a279
```
#30a279 rgb(48,162,121)
```
#30a282
```
#30a282 rgb(48,162,130)
```
#30a28c
```
#30a28c rgb(48,162,140)
```

Similar Colors

Text with hexadecimal color #30a26f

This text has a font color of #30a26f.

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

#30a26f background color

This paragraph has a background color of #30a26f.

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

#30a26f border color

This element has a border color of #30a26f.

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

CSS codes

.text {color:#30a26f;}

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

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

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)
```
#154731
```
#154731 rgb(21,71,49)
```
#1a563b
```
#1a563b rgb(26,86,59)
```
#1e6546
```
#1e6546 rgb(30,101,70)
```
#237550
```
#237550 rgb(35,117,80)
```
#27845a
```
#27845a rgb(39,132,90)
```
#2c9365
```
#2c9365 rgb(44,147,101)
```
#30a26f
```
#30a26f rgb(48,162,111)
```
#34b179
```
#34b179 rgb(52,177,121)
```
#39c084
```
#39c084 rgb(57,192,132)
```

Shade Color Variation

#45c88d
```
#45c88d rgb(69,200,141)
```
#54cc97
```
#54cc97 rgb(84,204,151)
```
#63d1a0
```
#63d1a0 rgb(99,209,160)
```
#72d5a9
```
#72d5a9 rgb(114,213,169)
```
#81dab2
```
#81dab2 rgb(129,218,178)
```
#91debc
```
#91debc rgb(145,222,188)
```
#a0e3c5
```
#a0e3c5 rgb(160,227,197)
```
#afe7ce
```
#afe7ce rgb(175,231,206)
```
#beecd7
```
#beecd7 rgb(190,236,215)
```
#cdf0e1
```
#cdf0e1 rgb(205,240,225)
```
#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 #08ca73 is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#60726a
```
#60726a rgb(96,114,106)
```
#587a6b
```
#587a6b rgb(88,122,107)
```
#50826c
```
#50826c rgb(80,130,108)
```
#488a6c
```
#488a6c rgb(72,138,108)
```
#40926d
```
#40926d rgb(64,146,109)
```
#389a6e
```
#389a6e rgb(56,154,110)
```
#30a26f
```
#30a26f rgb(48,162,111)
```
#28aa70
```
#28aa70 rgb(40,170,112)
```
#20b271
```
#20b271 rgb(32,178,113)
```
#18ba72
```
#18ba72 rgb(24,186,114)
```
#10c272
```
#10c272 rgb(16,194,114)
```
#08ca73
```
#08ca73 rgb(8,202,115)
```

Tone Color Variation

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

#9f946e Protanopia 1% of men
#ab8f7e Deuteranopia 1% of men
#539fab Tritanopia 0.001% of the population

Trichromacy

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

#30a26f hex color

#30a26f Color Information

#30a26f Color Conversion

Color Schemes with #30a26f

Alternatives to #30a26f

#30a26f Preview

Shades and Tints of #30a26f

Tones of #30a26f

Color Blindness Simulator