colorhexa.com

#309193 hex color

In a RGB color space, hex #309193 is composed of 18.8% red, 56.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 1.4% magenta, 0% yellow and 42.4% black. It has a hue angle of 181.2 degrees, a saturation of 50.8% and a lightness of 38.2%. #309193 color hex could be obtained by blending #60ffff with #002327. Closest websafe color is: #339999.

- R 19
- G 57
- B 58
RGB color chart
- C 67
- M 1
- Y 0
- K 42
CMYK color chart

● #309193 color description : Dark moderate cyan.

The hexadecimal color #309193 has RGB values of R:48, G:145, B:147 and CMYK values of C:0.67, M:0.01, Y:0, K:0.42. Its decimal value is 3182995.

Hex triplet	309193	`#309193`
RGB Decimal	48, 145, 147	`rgb(48,145,147)`
RGB Percent	18.8, 56.9, 57.6	`rgb(18.8%,56.9%,57.6%)`
CMYK	67, 1, 0, 42
HSL	181.2°, 50.8, 38.2	`hsl(181.2,50.8%,38.2%)`
HSV (or HSB)	181.2°, 67.3, 57.6
Web Safe	339999	`#339999`

CIE-LAB	55.056, -26.739, -9.292
XYZ	16.609, 22.984, 31.163
xyY	0.235, 0.325, 22.984
CIE-LCH	55.056, 28.308, 199.163
CIE-LUV	55.056, -37.061, -9.709
Hunter-Lab	47.942, -22.058, -4.98
Binary	00110000, 10010001, 10010011

#309193
```
#309193 rgb(48,145,147)
```
#933230
```
#933230 rgb(147,50,48)
```

Complementary Color

#309364
```
#309364 rgb(48,147,100)
```
#309193
```
#309193 rgb(48,145,147)
```
#306093
```
#306093 rgb(48,96,147)
```

Analogous Color

#936430
```
#936430 rgb(147,100,48)
```
#309193
```
#309193 rgb(48,145,147)
```
#93305f
```
#93305f rgb(147,48,95)
```

Split Complementary Color

#919330
```
#919330 rgb(145,147,48)
```
#309193
```
#309193 rgb(48,145,147)
```
#933091
```
#933091 rgb(147,48,145)
```

Triadic Color

#309332
```
#309332 rgb(48,147,50)
```
#309193
```
#309193 rgb(48,145,147)
```
#933091
```
#933091 rgb(147,48,145)
```
#933230
```
#933230 rgb(147,50,48)
```

Tetradic Color

#1d5859
```
#1d5859 rgb(29,88,89)
```
#236b6d
```
#236b6d rgb(35,107,109)
```
#2a7e80
```
#2a7e80 rgb(42,126,128)
```
#309193
```
#309193 rgb(48,145,147)
```
#36a4a6
```
#36a4a6 rgb(54,164,166)
```
#3db7b9
```
#3db7b9 rgb(61,183,185)
```
#4bc2c4
```
#4bc2c4 rgb(75,194,196)
```

Monochromatic Color

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

#30937c
```
#30937c rgb(48,147,124)
```
#309385
```
#309385 rgb(48,147,133)
```
#30938d
```
#30938d rgb(48,147,141)
```
#309193
```
#309193 rgb(48,145,147)
```
#308993
```
#308993 rgb(48,137,147)
```
#308193
```
#308193 rgb(48,129,147)
```
#307893
```
#307893 rgb(48,120,147)
```

Similar Colors

Text with hexadecimal color #309193

This text has a font color of #309193.

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

#309193 background color

This paragraph has a background color of #309193.

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

#309193 border color

This element has a border color of #309193.

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

CSS codes

.text {color:#309193;}

.background {background-color:#309193;}

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

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

#050e0e
```
#050e0e rgb(5,14,14)
```
#091c1d
```
#091c1d rgb(9,28,29)
```
#0e2b2b
```
#0e2b2b rgb(14,43,43)
```
#13393a
```
#13393a rgb(19,57,58)
```
#184849
```
#184849 rgb(24,72,73)
```
#1d5758
```
#1d5758 rgb(29,87,88)
```
#226567
```
#226567 rgb(34,101,103)
```
#267475
```
#267475 rgb(38,116,117)
```
#2b8284
```
#2b8284 rgb(43,130,132)
```
#309193
```
#309193 rgb(48,145,147)
```
#35a0a2
```
#35a0a2 rgb(53,160,162)
```
#3aaeb1
```
#3aaeb1 rgb(58,174,177)
```
#3ebdbf
```
#3ebdbf rgb(62,189,191)
```

Shade Color Variation

#4dc2c5
```
#4dc2c5 rgb(77,194,197)
```
#5bc7ca
```
#5bc7ca rgb(91,199,202)
```
#6accce
```
#6accce rgb(106,204,206)
```
#79d1d3
```
#79d1d3 rgb(121,209,211)
```
#88d6d8
```
#88d6d8 rgb(136,214,216)
```
#97dbdd
```
#97dbdd rgb(151,219,221)
```
#a5e1e2
```
#a5e1e2 rgb(165,225,226)
```
#b4e6e7
```
#b4e6e7 rgb(180,230,231)
```
#c3ebeb
```
#c3ebeb rgb(195,235,235)
```
#d2f0f0
```
#d2f0f0 rgb(210,240,240)
```
#e1f5f5
```
#e1f5f5 rgb(225,245,245)
```
#effafa
```
#effafa rgb(239,250,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#5d6666
```
#5d6666 rgb(93,102,102)
```
#566d6e
```
#566d6e rgb(86,109,110)
```
#4e7475
```
#4e7475 rgb(78,116,117)
```
#477b7d
```
#477b7d rgb(71,123,125)
```
#3f8384
```
#3f8384 rgb(63,131,132)
```
#388a8c
```
#388a8c rgb(56,138,140)
```
#309193
```
#309193 rgb(48,145,147)
```
#29989b
```
#29989b rgb(41,152,155)
```
#219fa2
```
#219fa2 rgb(33,159,162)
```
#1aa7aa
```
#1aa7aa rgb(26,167,170)
```
#12aeb1
```
#12aeb1 rgb(18,174,177)
```
#0bb5b9
```
#0bb5b9 rgb(11,181,185)
```
#03bcc0
```
#03bcc0 rgb(3,188,192)
```

Tone Color Variation

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

#8a8991 Protanopia 1% of men
#8c879e Deuteranopia 1% of men
#3f95a0 Tritanopia 0.001% of the population

Trichromacy

#698c91 Protanomaly 1% of men, 0.01% of women
#6b8a9a Deuteranomaly 6% of men, 0.4% of women
#3a939b Tritanomaly 0.01% of the population