#309194 hex color

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

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

● #309194 color description : Dark moderate cyan.

The hexadecimal color #309194 has RGB values of R:48, G:145, B:148 and CMYK values of C:0.68, M:0.02, Y:0, K:0.42. Its decimal value is 3182996.

Hex triplet	309194	`#309194`
RGB Decimal	48, 145, 148	`rgb(48,145,148)`
RGB Percent	18.8, 56.9, 58	`rgb(18.8%,56.9%,58%)`
CMYK	68, 2, 0, 42
HSL	181.8°, 51, 38.4	`hsl(181.8,51%,38.4%)`
HSV (or HSB)	181.8°, 67.6, 58
Web Safe	339999	`#339999`

CIE-LAB	55.089, -26.438, -9.819
XYZ	16.688, 23.016, 31.578
xyY	0.234, 0.323, 23.016
CIE-LCH	55.089, 28.202, 200.375
CIE-LUV	55.089, -37, -10.551
Hunter-Lab	47.975, -21.865, -5.444
Binary	00110000, 10010001, 10010100

#309194
```
#309194 rgb(48,145,148)
```
#943330
```
#943330 rgb(148,51,48)
```

Complementary Color

#309465
```
#309465 rgb(48,148,101)
```
#309194
```
#309194 rgb(48,145,148)
```
#305f94
```
#305f94 rgb(48,95,148)
```

Analogous Color

#946530
```
#946530 rgb(148,101,48)
```
#309194
```
#309194 rgb(48,145,148)
```
#94305f
```
#94305f rgb(148,48,95)
```

Split Complementary Color

#919430
```
#919430 rgb(145,148,48)
```
#309194
```
#309194 rgb(48,145,148)
```
#943091
```
#943091 rgb(148,48,145)
```

Triadic Color

#309433
```
#309433 rgb(48,148,51)
```
#309194
```
#309194 rgb(48,145,148)
```
#943091
```
#943091 rgb(148,48,145)
```
#943330
```
#943330 rgb(148,51,48)
```

Tetradic Color

#1d585a
```
#1d585a rgb(29,88,90)
```
#246b6d
```
#246b6d rgb(36,107,109)
```
#2a7e81
```
#2a7e81 rgb(42,126,129)
```
#309194
```
#309194 rgb(48,145,148)
```
#36a4a7
```
#36a4a7 rgb(54,164,167)
```
#3cb7bb
```
#3cb7bb rgb(60,183,187)
```
#4cc1c5
```
#4cc1c5 rgb(76,193,197)
```

Monochromatic Color

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

#30947e
```
#30947e rgb(48,148,126)
```
#309486
```
#309486 rgb(48,148,134)
```
#30948f
```
#30948f rgb(48,148,143)
```
#309194
```
#309194 rgb(48,145,148)
```
#308994
```
#308994 rgb(48,137,148)
```
#308094
```
#308094 rgb(48,128,148)
```
#307894
```
#307894 rgb(48,120,148)
```

Similar Colors

Text with hexadecimal color #309194

This text has a font color of #309194.

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

#309194 background color

This paragraph has a background color of #309194.

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

#309194 border color

This element has a border color of #309194.

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

CSS codes

.text {color:#309194;}

.background {background-color:#309194;}

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

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

#050e0f
```
#050e0f rgb(5,14,15)
```
#0a1d1e
```
#0a1d1e rgb(10,29,30)
```
#0e2b2c
```
#0e2b2c rgb(14,43,44)
```
#133a3b
```
#133a3b rgb(19,58,59)
```
#18484a
```
#18484a rgb(24,72,74)
```
#1d5759
```
#1d5759 rgb(29,87,89)
```
#226568
```
#226568 rgb(34,101,104)
```
#267476
```
#267476 rgb(38,116,118)
```
#2b8285
```
#2b8285 rgb(43,130,133)
```
#309194
```
#309194 rgb(48,145,148)
```
#35a0a3
```
#35a0a3 rgb(53,160,163)
```
#3aaeb2
```
#3aaeb2 rgb(58,174,178)
```
#3ebdc0
```
#3ebdc0 rgb(62,189,192)
```

Shade Color Variation

#4dc2c5
```
#4dc2c5 rgb(77,194,197)
```
#5cc7ca
```
#5cc7ca rgb(92,199,202)
```
#6bcccf
```
#6bcccf rgb(107,204,207)
```
#7ad1d4
```
#7ad1d4 rgb(122,209,212)
```
#88d6d9
```
#88d6d9 rgb(136,214,217)
```
#97dbdd
```
#97dbdd rgb(151,219,221)
```
#a6e0e2
```
#a6e0e2 rgb(166,224,226)
```
#b5e5e7
```
#b5e5e7 rgb(181,229,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, #5d6667 is the less saturated color, while #03bcc1 is the most saturated one.

#5d6667
```
#5d6667 rgb(93,102,103)
```
#566e6e
```
#566e6e rgb(86,110,110)
```
#4e7576
```
#4e7576 rgb(78,117,118)
```
#477c7d
```
#477c7d rgb(71,124,125)
```
#3f8385
```
#3f8385 rgb(63,131,133)
```
#388a8c
```
#388a8c rgb(56,138,140)
```
#309194
```
#309194 rgb(48,145,148)
```
#28989c
```
#28989c rgb(40,152,156)
```
#219fa3
```
#219fa3 rgb(33,159,163)
```
#19a6ab
```
#19a6ab rgb(25,166,171)
```
#12adb2
```
#12adb2 rgb(18,173,178)
```
#0ab4ba
```
#0ab4ba rgb(10,180,186)
```
#03bcc1
```
#03bcc1 rgb(3,188,193)
```

Tone Color Variation

Below, you can see how #309194 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
#667a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8992 Protanopia 1% of men
#8c879f Deuteranopia 1% of men
#3f95a0 Tritanopia 0.001% of the population

Trichromacy

#698c92 Protanomaly 1% of men, 0.01% of women
#6a8a9b Deuteranomaly 6% of men, 0.4% of women
#39939b Tritanomaly 0.01% of the population

#309194 hex color

#309194 Color Information

#309194 Color Conversion

Color Schemes with #309194

Alternatives to #309194

#309194 Preview

Shades and Tints of #309194

Tones of #309194

Color Blindness Simulator