#309394 hex color

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

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

● #309394 color description : Dark moderate cyan.

The hexadecimal color #309394 has RGB values of R:48, G:147, B:148 and CMYK values of C:0.68, M:0.01, Y:0, K:0.42. Its decimal value is 3183508.

Hex triplet	309394	`#309394`
RGB Decimal	48, 147, 148	`rgb(48,147,148)`
RGB Percent	18.8, 57.6, 58	`rgb(18.8%,57.6%,58%)`
CMYK	68, 1, 0, 42
HSL	180.6°, 51, 38.4	`hsl(180.6,51%,38.4%)`
HSV (or HSB)	180.6°, 67.6, 58
Web Safe	339999	`#339999`

CIE-LAB	55.718, -27.436, -8.877
XYZ	16.996, 23.632, 31.681
xyY	0.235, 0.327, 23.632
CIE-LCH	55.718, 28.837, 197.929
CIE-LUV	55.718, -37.747, -9.004
Hunter-Lab	48.613, -22.665, -4.61
Binary	00110000, 10010011, 10010100

#309394
```
#309394 rgb(48,147,148)
```
#943130
```
#943130 rgb(148,49,48)
```

Complementary Color

#309463
```
#309463 rgb(48,148,99)
```
#309394
```
#309394 rgb(48,147,148)
```
#306194
```
#306194 rgb(48,97,148)
```

Analogous Color

#946330
```
#946330 rgb(148,99,48)
```
#309394
```
#309394 rgb(48,147,148)
```
#943061
```
#943061 rgb(148,48,97)
```

Split Complementary Color

#939430
```
#939430 rgb(147,148,48)
```
#309394
```
#309394 rgb(48,147,148)
```
#943093
```
#943093 rgb(148,48,147)
```

Triadic Color

#309431
```
#309431 rgb(48,148,49)
```
#309394
```
#309394 rgb(48,147,148)
```
#943093
```
#943093 rgb(148,48,147)
```
#943130
```
#943130 rgb(148,49,48)
```

Tetradic Color

#1d5a5a
```
#1d5a5a rgb(29,90,90)
```
#246d6d
```
#246d6d rgb(36,109,109)
```
#2a8081
```
#2a8081 rgb(42,128,129)
```
#309394
```
#309394 rgb(48,147,148)
```
#36a6a7
```
#36a6a7 rgb(54,166,167)
```
#3cb9bb
```
#3cb9bb rgb(60,185,187)
```
#4cc4c5
```
#4cc4c5 rgb(76,196,197)
```

Monochromatic Color

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

#30947c
```
#30947c rgb(48,148,124)
```
#309484
```
#309484 rgb(48,148,132)
```
#30948d
```
#30948d rgb(48,148,141)
```
#309394
```
#309394 rgb(48,147,148)
```
#308b94
```
#308b94 rgb(48,139,148)
```
#308294
```
#308294 rgb(48,130,148)
```
#307a94
```
#307a94 rgb(48,122,148)
```

Similar Colors

Text with hexadecimal color #309394

This text has a font color of #309394.

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

#309394 background color

This paragraph has a background color of #309394.

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

#309394 border color

This element has a border color of #309394.

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

CSS codes

.text {color:#309394;}

.background {background-color:#309394;}

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

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

#050f0f
```
#050f0f rgb(5,15,15)
```
#0a1d1e
```
#0a1d1e rgb(10,29,30)
```
#0e2c2c
```
#0e2c2c rgb(14,44,44)
```
#133b3b
```
#133b3b rgb(19,59,59)
```
#18494a
```
#18494a rgb(24,73,74)
```
#1d5859
```
#1d5859 rgb(29,88,89)
```
#226768
```
#226768 rgb(34,103,104)
```
#267676
```
#267676 rgb(38,118,118)
```
#2b8485
```
#2b8485 rgb(43,132,133)
```
#309394
```
#309394 rgb(48,147,148)
```
#35a2a3
```
#35a2a3 rgb(53,162,163)
```
#3ab0b2
```
#3ab0b2 rgb(58,176,178)
```
#3ebfc0
```
#3ebfc0 rgb(62,191,192)
```

Shade Color Variation

#4dc4c5
```
#4dc4c5 rgb(77,196,197)
```
#5cc9ca
```
#5cc9ca rgb(92,201,202)
```
#6bcecf
```
#6bcecf rgb(107,206,207)
```
#7ad3d4
```
#7ad3d4 rgb(122,211,212)
```
#88d8d9
```
#88d8d9 rgb(136,216,217)
```
#97dddd
```
#97dddd rgb(151,221,221)
```
#a6e2e2
```
#a6e2e2 rgb(166,226,226)
```
#b5e6e7
```
#b5e6e7 rgb(181,230,231)
```
#c4ebec
```
#c4ebec rgb(196,235,236)
```
#d2f0f1
```
#d2f0f1 rgb(210,240,241)
```
#e1f5f5
```
#e1f5f5 rgb(225,245,245)
```
#f0fafa
```
#f0fafa rgb(240,250,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d6767
```
#5d6767 rgb(93,103,103)
```
#566e6e
```
#566e6e rgb(86,110,110)
```
#4e7576
```
#4e7576 rgb(78,117,118)
```
#477d7d
```
#477d7d rgb(71,125,125)
```
#3f8485
```
#3f8485 rgb(63,132,133)
```
#388c8c
```
#388c8c rgb(56,140,140)
```
#309394
```
#309394 rgb(48,147,148)
```
#289a9c
```
#289a9c rgb(40,154,156)
```
#21a2a3
```
#21a2a3 rgb(33,162,163)
```
#19a9ab
```
#19a9ab rgb(25,169,171)
```
#12b1b2
```
#12b1b2 rgb(18,177,178)
```
#0ab8ba
```
#0ab8ba rgb(10,184,186)
```
#03bfc1
```
#03bfc1 rgb(3,191,193)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#687c7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8b91 Protanopia 1% of men
#8e889f Deuteranopia 1% of men
#4097a2 Tritanopia 0.001% of the population

Trichromacy

#6a8d92 Protanomaly 1% of men, 0.01% of women
#6c8c9b Deuteranomaly 6% of men, 0.4% of women
#3a959d Tritanomaly 0.01% of the population

#309394 hex color

#309394 Color Information

#309394 Color Conversion

Color Schemes with #309394

Alternatives to #309394

#309394 Preview

Shades and Tints of #309394

Tones of #309394

Color Blindness Simulator