#309480 hex color

In a RGB color space, hex #309480 is composed of 18.8% red, 58% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 0% magenta, 13.5% yellow and 42% black. It has a hue angle of 168 degrees, a saturation of 51% and a lightness of 38.4%. #309480 color hex could be obtained by blending #60ffff with #002901. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 58
- B 50
RGB color chart
- C 68
- M 0
- Y 14
- K 42
CMYK color chart

● #309480 color description : Dark moderate cyan.

The hexadecimal color #309480 has RGB values of R:48, G:148, B:128 and CMYK values of C:0.68, M:0, Y:0.14, K:0.42. Its decimal value is 3183744.

Hex triplet	309480	`#309480`
RGB Decimal	48, 148, 128	`rgb(48,148,128)`
RGB Percent	18.8, 58, 50.2	`rgb(18.8%,58%,50.2%)`
CMYK	68, 0, 14, 42
HSL	168°, 51, 38.4	`hsl(168,51%,38.4%)`
HSV (or HSB)	168°, 67.6, 58
Web Safe	339999	`#339999`

CIE-LAB	55.447, -33.597, 2.198
XYZ	15.704, 23.365, 24.103
xyY	0.249, 0.37, 23.365
CIE-LCH	55.447, 33.669, 176.257
CIE-LUV	55.447, -39.347, 8.097
Hunter-Lab	48.338, -26.6, 4.272
Binary	00110000, 10010100, 10000000

#309480
```
#309480 rgb(48,148,128)
```
#943044
```
#943044 rgb(148,48,68)
```

Complementary Color

#30944e
```
#30944e rgb(48,148,78)
```
#309480
```
#309480 rgb(48,148,128)
```
#307694
```
#307694 rgb(48,118,148)
```

Analogous Color

#944e30
```
#944e30 rgb(148,78,48)
```
#309480
```
#309480 rgb(48,148,128)
```
#943076
```
#943076 rgb(148,48,118)
```

Split Complementary Color

#948030
```
#948030 rgb(148,128,48)
```
#309480
```
#309480 rgb(48,148,128)
```
#803094
```
#803094 rgb(128,48,148)
```

Triadic Color

#449430
```
#449430 rgb(68,148,48)
```
#309480
```
#309480 rgb(48,148,128)
```
#803094
```
#803094 rgb(128,48,148)
```
#943044
```
#943044 rgb(148,48,68)
```

Tetradic Color

#1d5a4e
```
#1d5a4e rgb(29,90,78)
```
#246d5f
```
#246d5f rgb(36,109,95)
```
#2a816f
```
#2a816f rgb(42,129,111)
```
#309480
```
#309480 rgb(48,148,128)
```
#36a791
```
#36a791 rgb(54,167,145)
```
#3cbba1
```
#3cbba1 rgb(60,187,161)
```
#4cc5ad
```
#4cc5ad rgb(76,197,173)
```

Monochromatic Color

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

#309467
```
#309467 rgb(48,148,103)
```
#30946f
```
#30946f rgb(48,148,111)
```
#309478
```
#309478 rgb(48,148,120)
```
#309480
```
#309480 rgb(48,148,128)
```
#309488
```
#309488 rgb(48,148,136)
```
#309491
```
#309491 rgb(48,148,145)
```
#308f94
```
#308f94 rgb(48,143,148)
```

Similar Colors

Text with hexadecimal color #309480

This text has a font color of #309480.

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

#309480 background color

This paragraph has a background color of #309480.

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

#309480 border color

This element has a border color of #309480.

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

CSS codes

.text {color:#309480;}

.background {background-color:#309480;}

.border {border:1px solid #309480;}

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, #050f0d is the darkest color, while #ffffff is the lightest one.

#050f0d
```
#050f0d rgb(5,15,13)
```
#0a1e1a
```
#0a1e1a rgb(10,30,26)
```
#0e2c26
```
#0e2c26 rgb(14,44,38)
```
#133b33
```
#133b33 rgb(19,59,51)
```
#184a40
```
#184a40 rgb(24,74,64)
```
#1d594d
```
#1d594d rgb(29,89,77)
```
#22685a
```
#22685a rgb(34,104,90)
```
#267666
```
#267666 rgb(38,118,102)
```
#2b8573
```
#2b8573 rgb(43,133,115)
```
#309480
```
#309480 rgb(48,148,128)
```
#35a38d
```
#35a38d rgb(53,163,141)
```
#3ab29a
```
#3ab29a rgb(58,178,154)
```
#3ec0a6
```
#3ec0a6 rgb(62,192,166)
```

Shade Color Variation

#4dc5ad
```
#4dc5ad rgb(77,197,173)
```
#5ccab4
```
#5ccab4 rgb(92,202,180)
```
#6bcfbb
```
#6bcfbb rgb(107,207,187)
```
#7ad4c2
```
#7ad4c2 rgb(122,212,194)
```
#88d9c9
```
#88d9c9 rgb(136,217,201)
```
#97ddcf
```
#97ddcf rgb(151,221,207)
```
#a6e2d6
```
#a6e2d6 rgb(166,226,214)
```
#b5e7dd
```
#b5e7dd rgb(181,231,221)
```
#c4ece4
```
#c4ece4 rgb(196,236,228)
```
#d2f1eb
```
#d2f1eb rgb(210,241,235)
```
#e1f5f1
```
#e1f5f1 rgb(225,245,241)
```
#f0faf8
```
#f0faf8 rgb(240,250,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d6765
```
#5d6765 rgb(93,103,101)
```
#566e69
```
#566e69 rgb(86,110,105)
```
#4e766e
```
#4e766e rgb(78,118,110)
```
#477d72
```
#477d72 rgb(71,125,114)
```
#3f8577
```
#3f8577 rgb(63,133,119)
```
#388c7b
```
#388c7b rgb(56,140,123)
```
#309480
```
#309480 rgb(48,148,128)
```
#289c85
```
#289c85 rgb(40,156,133)
```
#21a389
```
#21a389 rgb(33,163,137)
```
#19ab8e
```
#19ab8e rgb(25,171,142)
```
#12b292
```
#12b292 rgb(18,178,146)
```
#0aba97
```
#0aba97 rgb(10,186,151)
```
#03c19b
```
#03c19b rgb(3,193,155)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#667a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908a7f Protanopia 1% of men
#96878d Deuteranopia 1% of men
#4895a0 Tritanopia 0.001% of the population

Trichromacy

#6d8e7f Protanomaly 1% of men, 0.01% of women
#718b88 Deuteranomaly 6% of men, 0.4% of women
#3f9594 Tritanomaly 0.01% of the population

#309480 hex color

#309480 Color Information

#309480 Color Conversion

Color Schemes with #309480

Alternatives to #309480

#309480 Preview

Shades and Tints of #309480

Tones of #309480

Color Blindness Simulator