#308193 hex color

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

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

● #308193 color description : Dark moderate cyan.

The hexadecimal color #308193 has RGB values of R:48, G:129, B:147 and CMYK values of C:0.67, M:0.12, Y:0, K:0.42. Its decimal value is 3178899.

Hex triplet	308193	`#308193`
RGB Decimal	48, 129, 147	`rgb(48,129,147)`
RGB Percent	18.8, 50.6, 57.6	`rgb(18.8%,50.6%,57.6%)`
CMYK	67, 12, 0, 42
HSL	190.9°, 50.8, 38.2	`hsl(190.9,50.8%,38.2%)`
HSV (or HSB)	190.9°, 67.3, 57.6
Web Safe	339999	`#339999`

CIE-LAB	50.019, -18.42, -16.899
XYZ	14.334, 18.434, 30.405
xyY	0.227, 0.292, 18.434
CIE-LCH	50.019, 24.998, 222.534
CIE-LUV	50.019, -31.061, -22.168
Hunter-Lab	42.935, -15.543, -11.932
Binary	00110000, 10000001, 10010011

#308193
```
#308193 rgb(48,129,147)
```
#934230
```
#934230 rgb(147,66,48)
```

Complementary Color

#309374
```
#309374 rgb(48,147,116)
```
#308193
```
#308193 rgb(48,129,147)
```
#305093
```
#305093 rgb(48,80,147)
```

Analogous Color

#937430
```
#937430 rgb(147,116,48)
```
#308193
```
#308193 rgb(48,129,147)
```
#933050
```
#933050 rgb(147,48,80)
```

Split Complementary Color

#819330
```
#819330 rgb(129,147,48)
```
#308193
```
#308193 rgb(48,129,147)
```
#933081
```
#933081 rgb(147,48,129)
```

Triadic Color

#309342
```
#309342 rgb(48,147,66)
```
#308193
```
#308193 rgb(48,129,147)
```
#933081
```
#933081 rgb(147,48,129)
```
#934230
```
#934230 rgb(147,66,48)
```

Tetradic Color

#1d4e59
```
#1d4e59 rgb(29,78,89)
```
#235f6d
```
#235f6d rgb(35,95,109)
```
#2a7080
```
#2a7080 rgb(42,112,128)
```
#308193
```
#308193 rgb(48,129,147)
```
#3692a6
```
#3692a6 rgb(54,146,166)
```
#3da3b9
```
#3da3b9 rgb(61,163,185)
```
#4baec4
```
#4baec4 rgb(75,174,196)
```

Monochromatic Color

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

#30938c
```
#30938c rgb(48,147,140)
```
#309293
```
#309293 rgb(48,146,147)
```
#308993
```
#308993 rgb(48,137,147)
```
#308193
```
#308193 rgb(48,129,147)
```
#307993
```
#307993 rgb(48,121,147)
```
#307193
```
#307193 rgb(48,113,147)
```
#306893
```
#306893 rgb(48,104,147)
```

Similar Colors

Text with hexadecimal color #308193

This text has a font color of #308193.

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

#308193 background color

This paragraph has a background color of #308193.

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

#308193 border color

This element has a border color of #308193.

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

CSS codes

.text {color:#308193;}

.background {background-color:#308193;}

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

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

#050c0e
```
#050c0e rgb(5,12,14)
```
#09191d
```
#09191d rgb(9,25,29)
```
#0e262b
```
#0e262b rgb(14,38,43)
```
#13333a
```
#13333a rgb(19,51,58)
```
#184049
```
#184049 rgb(24,64,73)
```
#1d4d58
```
#1d4d58 rgb(29,77,88)
```
#225a67
```
#225a67 rgb(34,90,103)
```
#266775
```
#266775 rgb(38,103,117)
```
#2b7484
```
#2b7484 rgb(43,116,132)
```
#308193
```
#308193 rgb(48,129,147)
```
#358ea2
```
#358ea2 rgb(53,142,162)
```
#3a9bb1
```
#3a9bb1 rgb(58,155,177)
```
#3ea8bf
```
#3ea8bf rgb(62,168,191)
```

Shade Color Variation

#4dafc5
```
#4dafc5 rgb(77,175,197)
```
#5bb6ca
```
#5bb6ca rgb(91,182,202)
```
#6abcce
```
#6abcce rgb(106,188,206)
```
#79c3d3
```
#79c3d3 rgb(121,195,211)
```
#88c9d8
```
#88c9d8 rgb(136,201,216)
```
#97d0dd
```
#97d0dd rgb(151,208,221)
```
#a5d7e2
```
#a5d7e2 rgb(165,215,226)
```
#b4dde7
```
#b4dde7 rgb(180,221,231)
```
#c3e4eb
```
#c3e4eb rgb(195,228,235)
```
#d2ebf0
```
#d2ebf0 rgb(210,235,240)
```
#e1f1f5
```
#e1f1f5 rgb(225,241,245)
```
#eff8fa
```
#eff8fa rgb(239,248,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#5d6466
```
#5d6466 rgb(93,100,102)
```
#56696e
```
#56696e rgb(86,105,110)
```
#4e6e75
```
#4e6e75 rgb(78,110,117)
```
#47737d
```
#47737d rgb(71,115,125)
```
#3f7784
```
#3f7784 rgb(63,119,132)
```
#387c8c
```
#387c8c rgb(56,124,140)
```
#308193
```
#308193 rgb(48,129,147)
```
#29869b
```
#29869b rgb(41,134,155)
```
#218ba2
```
#218ba2 rgb(33,139,162)
```
#1a8faa
```
#1a8faa rgb(26,143,170)
```
#1294b1
```
#1294b1 rgb(18,148,177)
```
#0b99b9
```
#0b99b9 rgb(11,153,185)
```
#039ec0
```
#039ec0 rgb(3,158,192)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5f6f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797d92 Protanopia 1% of men
#787b9d Deuteranopia 1% of men
#368892 Tritanopia 0.001% of the population

Trichromacy

#5e7e92 Protanomaly 1% of men, 0.01% of women
#5e7d99 Deuteranomaly 6% of men, 0.4% of women
#348592 Tritanomaly 0.01% of the population

#308193 hex color

#308193 Color Information

#308193 Color Conversion

Color Schemes with #308193

Alternatives to #308193

#308193 Preview

Shades and Tints of #308193

Tones of #308193

Color Blindness Simulator