#309a8e hex color

In a RGB color space, hex #309a8e is composed of 18.8% red, 60.4% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 0% magenta, 7.8% yellow and 39.6% black. It has a hue angle of 173.2 degrees, a saturation of 52.5% and a lightness of 39.6%. #309a8e color hex could be obtained by blending #60ffff with #00351d. Closest websafe color is: #339999.

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

● #309a8e color description : Dark moderate cyan.

The hexadecimal color #309a8e has RGB values of R:48, G:154, B:142 and CMYK values of C:0.69, M:0, Y:0.08, K:0.4. Its decimal value is 3185294.

Hex triplet	309a8e	`#309a8e`
RGB Decimal	48, 154, 142	`rgb(48,154,142)`
RGB Percent	18.8, 60.4, 55.7	`rgb(18.8%,60.4%,55.7%)`
CMYK	69, 0, 8, 40
HSL	173.2°, 52.5, 39.6	`hsl(173.2,52.5%,39.6%)`
HSV (or HSB)	173.2°, 68.8, 60.4
Web Safe	339999	`#339999`

CIE-LAB	57.743, -32.568, -2.445
XYZ	17.655, 25.691, 29.618
xyY	0.242, 0.352, 25.691
CIE-LCH	57.743, 32.66, 184.293
CIE-LUV	57.743, -40.733, 1.307
Hunter-Lab	50.686, -26.525, 0.835
Binary	00110000, 10011010, 10001110

#309a8e
```
#309a8e rgb(48,154,142)
```
#9a303c
```
#9a303c rgb(154,48,60)
```

Complementary Color

#309a59
```
#309a59 rgb(48,154,89)
```
#309a8e
```
#309a8e rgb(48,154,142)
```
#30719a
```
#30719a rgb(48,113,154)
```

Analogous Color

#9a5930
```
#9a5930 rgb(154,89,48)
```
#309a8e
```
#309a8e rgb(48,154,142)
```
#9a3071
```
#9a3071 rgb(154,48,113)
```

Split Complementary Color

#9a8e30
```
#9a8e30 rgb(154,142,48)
```
#309a8e
```
#309a8e rgb(48,154,142)
```
#8e309a
```
#8e309a rgb(142,48,154)
```

Triadic Color

#3c9a30
```
#3c9a30 rgb(60,154,48)
```
#309a8e
```
#309a8e rgb(48,154,142)
```
#8e309a
```
#8e309a rgb(142,48,154)
```
#9a303c
```
#9a303c rgb(154,48,60)
```

Tetradic Color

#1e6058
```
#1e6058 rgb(30,96,88)
```
#24736a
```
#24736a rgb(36,115,106)
```
#2a877c
```
#2a877c rgb(42,135,124)
```
#309a8e
```
#309a8e rgb(48,154,142)
```
#36ada0
```
#36ada0 rgb(54,173,160)
```
#3cc1b2
```
#3cc1b2 rgb(60,193,178)
```
#4fc8ba
```
#4fc8ba rgb(79,200,186)
```

Monochromatic Color

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

#309a74
```
#309a74 rgb(48,154,116)
```
#309a7c
```
#309a7c rgb(48,154,124)
```
#309a85
```
#309a85 rgb(48,154,133)
```
#309a8e
```
#309a8e rgb(48,154,142)
```
#309a97
```
#309a97 rgb(48,154,151)
```
#30949a
```
#30949a rgb(48,148,154)
```
#308c9a
```
#308c9a rgb(48,140,154)
```

Similar Colors

Text with hexadecimal color #309a8e

This text has a font color of #309a8e.

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

#309a8e background color

This paragraph has a background color of #309a8e.

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

#309a8e border color

This element has a border color of #309a8e.

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

CSS codes

.text {color:#309a8e;}

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

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

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 #f5fcfb is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#061312
```
#061312 rgb(6,19,18)
```
#0b2220
```
#0b2220 rgb(11,34,32)
```
#0f312d
```
#0f312d rgb(15,49,45)
```
#14403b
```
#14403b rgb(20,64,59)
```
#194f49
```
#194f49 rgb(25,79,73)
```
#1d5e57
```
#1d5e57 rgb(29,94,87)
```
#226d65
```
#226d65 rgb(34,109,101)
```
#277c72
```
#277c72 rgb(39,124,114)
```
#2b8b80
```
#2b8b80 rgb(43,139,128)
```
#309a8e
```
#309a8e rgb(48,154,142)
```
#35a99c
```
#35a99c rgb(53,169,156)
```
#39b8aa
```
#39b8aa rgb(57,184,170)
```

Shade Color Variation

#41c4b5
```
#41c4b5 rgb(65,196,181)
```
#50c8bb
```
#50c8bb rgb(80,200,187)
```
#5fcdc1
```
#5fcdc1 rgb(95,205,193)
```
#6ed2c6
```
#6ed2c6 rgb(110,210,198)
```
#7dd6cc
```
#7dd6cc rgb(125,214,204)
```
#8cdbd2
```
#8cdbd2 rgb(140,219,210)
```
#9be0d8
```
#9be0d8 rgb(155,224,216)
```
#aae4de
```
#aae4de rgb(170,228,222)
```
#b9e9e4
```
#b9e9e4 rgb(185,233,228)
```
#c8eee9
```
#c8eee9 rgb(200,238,233)
```
#d7f2ef
```
#d7f2ef rgb(215,242,239)
```
#e6f7f5
```
#e6f7f5 rgb(230,247,245)
```
#f5fcfb
```
#f5fcfb rgb(245,252,251)
```

Tint Color Variation

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

#5f6b6a
```
#5f6b6a rgb(95,107,106)
```
#577370
```
#577370 rgb(87,115,112)
```
#4f7b76
```
#4f7b76 rgb(79,123,118)
```
#47837c
```
#47837c rgb(71,131,124)
```
#408a82
```
#408a82 rgb(64,138,130)
```
#389288
```
#389288 rgb(56,146,136)
```
#309a8e
```
#309a8e rgb(48,154,142)
```
#28a294
```
#28a294 rgb(40,162,148)
```
#20aa9a
```
#20aa9a rgb(32,170,154)
```
#19b1a0
```
#19b1a0 rgb(25,177,160)
```
#11b9a6
```
#11b9a6 rgb(17,185,166)
```
#09c1ac
```
#09c1ac rgb(9,193,172)
```
#01c9b2
```
#01c9b2 rgb(1,201,178)
```

Tone Color Variation

Below, you can see how #309a8e 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
#6a807d Atypical Achromatopsia 0.001% of the population

Dichromacy

#94908b Protanopia 1% of men
#998c9a Deuteranopia 1% of men
#469ca7 Tritanopia 0.001% of the population

Trichromacy

#6f938c Protanomaly 1% of men, 0.01% of women
#739195 Deuteranomaly 6% of men, 0.4% of women
#3e9b9e Tritanomaly 0.01% of the population

#309a8e hex color

#309a8e Color Information

#309a8e Color Conversion

Color Schemes with #309a8e

Alternatives to #309a8e

#309a8e Preview

Shades and Tints of #309a8e

Tones of #309a8e

Color Blindness Simulator