#30a276 hex color

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

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

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

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

Hex triplet	30a276	`#30a276`
RGB Decimal	48, 162, 118	`rgb(48,162,118)`
RGB Percent	18.8, 63.5, 46.3	`rgb(18.8%,63.5%,46.3%)`
CMYK	70, 0, 27, 36
HSL	156.8°, 54.3, 41.2	`hsl(156.8,54.3%,41.2%)`
HSV (or HSB)	156.8°, 70.4, 63.5
Web Safe	339966	`#339966`

CIE-LAB	59.685, -42.281, 13.88
XYZ	17.408, 27.775, 21.582
xyY	0.261, 0.416, 27.775
CIE-LCH	59.685, 44.501, 161.826
CIE-LUV	59.685, -45.187, 25.479
Hunter-Lab	52.702, -33.27, 12.612
Binary	00110000, 10100010, 01110110

#30a276
```
#30a276 rgb(48,162,118)
```
#a2305c
```
#a2305c rgb(162,48,92)
```

Complementary Color

#30a23d
```
#30a23d rgb(48,162,61)
```
#30a276
```
#30a276 rgb(48,162,118)
```
#3095a2
```
#3095a2 rgb(48,149,162)
```

Analogous Color

#a23d30
```
#a23d30 rgb(162,61,48)
```
#30a276
```
#30a276 rgb(48,162,118)
```
#a23095
```
#a23095 rgb(162,48,149)
```

Split Complementary Color

#a27630
```
#a27630 rgb(162,118,48)
```
#30a276
```
#30a276 rgb(48,162,118)
```
#7630a2
```
#7630a2 rgb(118,48,162)
```

Triadic Color

#5ca230
```
#5ca230 rgb(92,162,48)
```
#30a276
```
#30a276 rgb(48,162,118)
```
#7630a2
```
#7630a2 rgb(118,48,162)
```
#a2305c
```
#a2305c rgb(162,48,92)
```

Tetradic Color

#1f674b
```
#1f674b rgb(31,103,75)
```
#247b59
```
#247b59 rgb(36,123,89)
```
#2a8e68
```
#2a8e68 rgb(42,142,104)
```
#30a276
```
#30a276 rgb(48,162,118)
```
#36b684
```
#36b684 rgb(54,182,132)
```
#3fc692
```
#3fc692 rgb(63,198,146)
```
#53cc9d
```
#53cc9d rgb(83,204,157)
```

Monochromatic Color

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

#30a25a
```
#30a25a rgb(48,162,90)
```
#30a263
```
#30a263 rgb(48,162,99)
```
#30a26d
```
#30a26d rgb(48,162,109)
```
#30a276
```
#30a276 rgb(48,162,118)
```
#30a280
```
#30a280 rgb(48,162,128)
```
#30a289
```
#30a289 rgb(48,162,137)
```
#30a293
```
#30a293 rgb(48,162,147)
```

Similar Colors

Text with hexadecimal color #30a276

This text has a font color of #30a276.

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

#30a276 background color

This paragraph has a background color of #30a276.

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

#30a276 border color

This element has a border color of #30a276.

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

CSS codes

.text {color:#30a276;}

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

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

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

#030b08
```
#030b08 rgb(3,11,8)
```
#081a13
```
#081a13 rgb(8,26,19)
```
#0c291e
```
#0c291e rgb(12,41,30)
```
#113829
```
#113829 rgb(17,56,41)
```
#154734
```
#154734 rgb(21,71,52)
```
#1a563f
```
#1a563f rgb(26,86,63)
```
#1e654a
```
#1e654a rgb(30,101,74)
```
#237555
```
#237555 rgb(35,117,85)
```
#278460
```
#278460 rgb(39,132,96)
```
#2c936b
```
#2c936b rgb(44,147,107)
```
#30a276
```
#30a276 rgb(48,162,118)
```
#34b181
```
#34b181 rgb(52,177,129)
```
#39c08c
```
#39c08c rgb(57,192,140)
```

Shade Color Variation

#45c895
```
#45c895 rgb(69,200,149)
```
#54cc9e
```
#54cc9e rgb(84,204,158)
```
#63d1a7
```
#63d1a7 rgb(99,209,167)
```
#72d5af
```
#72d5af rgb(114,213,175)
```
#81dab8
```
#81dab8 rgb(129,218,184)
```
#91dec0
```
#91dec0 rgb(145,222,192)
```
#a0e3c9
```
#a0e3c9 rgb(160,227,201)
```
#afe7d2
```
#afe7d2 rgb(175,231,210)
```
#beecda
```
#beecda rgb(190,236,218)
```
#cdf0e3
```
#cdf0e3 rgb(205,240,227)
```
#dcf5eb
```
#dcf5eb rgb(220,245,235)
```
#ebf9f4
```
#ebf9f4 rgb(235,249,244)
```
#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 #08ca7f is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#60726b
```
#60726b rgb(96,114,107)
```
#587a6d
```
#587a6d rgb(88,122,109)
```
#50826f
```
#50826f rgb(80,130,111)
```
#488a70
```
#488a70 rgb(72,138,112)
```
#409272
```
#409272 rgb(64,146,114)
```
#389a74
```
#389a74 rgb(56,154,116)
```
#30a276
```
#30a276 rgb(48,162,118)
```
#28aa78
```
#28aa78 rgb(40,170,120)
```
#20b27a
```
#20b27a rgb(32,178,122)
```
#18ba7c
```
#18ba7c rgb(24,186,124)
```
#10c27d
```
#10c27d rgb(16,194,125)
```
#08ca7f
```
#08ca7f rgb(8,202,127)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c837a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9575 Protanopia 1% of men
#a99084 Deuteranopia 1% of men
#52a0ac Tritanopia 0.001% of the population

Trichromacy

#769975 Protanomaly 1% of men, 0.01% of women
#7d967f Deuteranomaly 6% of men, 0.4% of women
#45a198 Tritanomaly 0.01% of the population

#30a276 hex color

#30a276 Color Information

#30a276 Color Conversion

Color Schemes with #30a276

Alternatives to #30a276

#30a276 Preview

Shades and Tints of #30a276

Tones of #30a276

Color Blindness Simulator