#309a7a hex color

In a RGB color space, hex #309a7a is composed of 18.8% red, 60.4% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 0% magenta, 20.8% yellow and 39.6% black. It has a hue angle of 161.9 degrees, a saturation of 52.5% and a lightness of 39.6%. #309a7a color hex could be obtained by blending #60fff4 with #003500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 60
- B 48
RGB color chart
- C 69
- M 0
- Y 21
- K 40
CMYK color chart

● #309a7a color description : Dark moderate cyan - lime green.

The hexadecimal color #309a7a has RGB values of R:48, G:154, B:122 and CMYK values of C:0.69, M:0, Y:0.21, K:0.4. Its decimal value is 3185274.

Hex triplet	309a7a	`#309a7a`
RGB Decimal	48, 154, 122	`rgb(48,154,122)`
RGB Percent	18.8, 60.4, 47.8	`rgb(18.8%,60.4%,47.8%)`
CMYK	69, 0, 21, 40
HSL	161.9°, 52.5, 39.6	`hsl(161.9,52.5%,39.6%)`
HSV (or HSB)	161.9°, 68.8, 60.4
Web Safe	339966	`#339966`

CIE-LAB	57.215, -37.868, 8.155
XYZ	16.286, 25.143, 22.406
xyY	0.255, 0.394, 25.143
CIE-LCH	57.215, 38.736, 167.846
CIE-LUV	57.215, -41.967, 17.032
Hunter-Lab	50.143, -29.775, 8.607
Binary	00110000, 10011010, 01111010

#309a7a
```
#309a7a rgb(48,154,122)
```
#9a3050
```
#9a3050 rgb(154,48,80)
```

Complementary Color

#309a45
```
#309a45 rgb(48,154,69)
```
#309a7a
```
#309a7a rgb(48,154,122)
```
#30859a
```
#30859a rgb(48,133,154)
```

Analogous Color

#9a4530
```
#9a4530 rgb(154,69,48)
```
#309a7a
```
#309a7a rgb(48,154,122)
```
#9a3085
```
#9a3085 rgb(154,48,133)
```

Split Complementary Color

#9a7a30
```
#9a7a30 rgb(154,122,48)
```
#309a7a
```
#309a7a rgb(48,154,122)
```
#7a309a
```
#7a309a rgb(122,48,154)
```

Triadic Color

#509a30
```
#509a30 rgb(80,154,48)
```
#309a7a
```
#309a7a rgb(48,154,122)
```
#7a309a
```
#7a309a rgb(122,48,154)
```
#9a3050
```
#9a3050 rgb(154,48,80)
```

Tetradic Color

#1e604c
```
#1e604c rgb(30,96,76)
```
#24735b
```
#24735b rgb(36,115,91)
```
#2a876b
```
#2a876b rgb(42,135,107)
```
#309a7a
```
#309a7a rgb(48,154,122)
```
#36ad89
```
#36ad89 rgb(54,173,137)
```
#3cc199
```
#3cc199 rgb(60,193,153)
```
#4fc8a3
```
#4fc8a3 rgb(79,200,163)
```

Monochromatic Color

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

#309a60
```
#309a60 rgb(48,154,96)
```
#309a68
```
#309a68 rgb(48,154,104)
```
#309a71
```
#309a71 rgb(48,154,113)
```
#309a7a
```
#309a7a rgb(48,154,122)
```
#309a83
```
#309a83 rgb(48,154,131)
```
#309a8c
```
#309a8c rgb(48,154,140)
```
#309a95
```
#309a95 rgb(48,154,149)
```

Similar Colors

Text with hexadecimal color #309a7a

This text has a font color of #309a7a.

<span style="color:#309a7a;">Text here</span>

#309a7a background color

This paragraph has a background color of #309a7a.

<p style="background-color:#309a7a;">Content here</p>

#309a7a border color

This element has a border color of #309a7a.

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

CSS codes

.text {color:#309a7a;}

.background {background-color:#309a7a;}

.border {border:1px solid #309a7a;}

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, #010404 is the darkest color, while #f5fcfa is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#06130f
```
#06130f rgb(6,19,15)
```
#0b221b
```
#0b221b rgb(11,34,27)
```
#0f3127
```
#0f3127 rgb(15,49,39)
```
#144033
```
#144033 rgb(20,64,51)
```
#194f3f
```
#194f3f rgb(25,79,63)
```
#1d5e4b
```
#1d5e4b rgb(29,94,75)
```
#226d56
```
#226d56 rgb(34,109,86)
```
#277c62
```
#277c62 rgb(39,124,98)
```
#2b8b6e
```
#2b8b6e rgb(43,139,110)
```
#309a7a
```
#309a7a rgb(48,154,122)
```
#35a986
```
#35a986 rgb(53,169,134)
```
#39b892
```
#39b892 rgb(57,184,146)
```

Shade Color Variation

#41c49c
```
#41c49c rgb(65,196,156)
```
#50c8a4
```
#50c8a4 rgb(80,200,164)
```
#5fcdac
```
#5fcdac rgb(95,205,172)
```
#6ed2b4
```
#6ed2b4 rgb(110,210,180)
```
#7dd6bb
```
#7dd6bb rgb(125,214,187)
```
#8cdbc3
```
#8cdbc3 rgb(140,219,195)
```
#9be0cb
```
#9be0cb rgb(155,224,203)
```
#aae4d3
```
#aae4d3 rgb(170,228,211)
```
#b9e9da
```
#b9e9da rgb(185,233,218)
```
#c8eee2
```
#c8eee2 rgb(200,238,226)
```
#d7f2ea
```
#d7f2ea rgb(215,242,234)
```
#e6f7f2
```
#e6f7f2 rgb(230,247,242)
```
#f5fcfa
```
#f5fcfa rgb(245,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6b68 is the less saturated color, while #01c98c is the most saturated one.

#5f6b68
```
#5f6b68 rgb(95,107,104)
```
#57736b
```
#57736b rgb(87,115,107)
```
#4f7b6e
```
#4f7b6e rgb(79,123,110)
```
#478371
```
#478371 rgb(71,131,113)
```
#408a74
```
#408a74 rgb(64,138,116)
```
#389277
```
#389277 rgb(56,146,119)
```
#309a7a
```
#309a7a rgb(48,154,122)
```
#28a27d
```
#28a27d rgb(40,162,125)
```
#20aa80
```
#20aa80 rgb(32,170,128)
```
#19b183
```
#19b183 rgb(25,177,131)
```
#11b986
```
#11b986 rgb(17,185,134)
```
#09c189
```
#09c189 rgb(9,193,137)
```
#01c98c
```
#01c98c rgb(1,201,140)
```

Tone Color Variation

Below, you can see how #309a7a 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

#777777 Achromatopsia 0.005% of the population
#697e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978f79 Protanopia 1% of men
#9f8a88 Deuteranopia 1% of men
#4d9aa5 Tritanopia 0.001% of the population

Trichromacy

#719379 Protanomaly 1% of men, 0.01% of women
#779082 Deuteranomaly 6% of men, 0.4% of women
#429a95 Tritanomaly 0.01% of the population

#309a7a hex color

#309a7a Color Information

#309a7a Color Conversion

Color Schemes with #309a7a

Alternatives to #309a7a

#309a7a Preview

Shades and Tints of #309a7a

Tones of #309a7a

Color Blindness Simulator