#306194 hex color

In a RGB color space, hex #306194 is composed of 18.8% red, 38% green and 58% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 34.5% magenta, 0% yellow and 42% black. It has a hue angle of 210.6 degrees, a saturation of 51% and a lightness of 38.4%. #306194 color hex could be obtained by blending #60c2ff with #000029. Closest websafe color is: #336699.

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

● #306194 color description : Dark moderate blue.

The hexadecimal color #306194 has RGB values of R:48, G:97, B:148 and CMYK values of C:0.68, M:0.34, Y:0, K:0.42. Its decimal value is 3170708.

Hex triplet	306194	`#306194`
RGB Decimal	48, 97, 148	`rgb(48,97,148)`
RGB Percent	18.8, 38, 58	`rgb(18.8%,38%,58%)`
CMYK	68, 34, 0, 42
HSL	210.6°, 51, 38.4	`hsl(210.6,51%,38.4%)`
HSV (or HSB)	210.6°, 67.6, 58
Web Safe	336699	`#336699`

CIE-LAB	40.106, 0.62, -32.867
XYZ	10.838, 11.315, 29.628
xyY	0.209, 0.219, 11.315
CIE-LCH	40.106, 32.873, 271.081
CIE-LUV	40.106, -19.267, -47.13
Hunter-Lab	33.638, -1.356, -28.676
Binary	00110000, 01100001, 10010100

#306194
```
#306194 rgb(48,97,148)
```
#946330
```
#946330 rgb(148,99,48)
```

Complementary Color

#309394
```
#309394 rgb(48,147,148)
```
#306194
```
#306194 rgb(48,97,148)
```
#313094
```
#313094 rgb(49,48,148)
```

Analogous Color

#939430
```
#939430 rgb(147,148,48)
```
#306194
```
#306194 rgb(48,97,148)
```
#943130
```
#943130 rgb(148,49,48)
```

Split Complementary Color

#619430
```
#619430 rgb(97,148,48)
```
#306194
```
#306194 rgb(48,97,148)
```
#943061
```
#943061 rgb(148,48,97)
```

Triadic Color

#309463
```
#309463 rgb(48,148,99)
```
#306194
```
#306194 rgb(48,97,148)
```
#943061
```
#943061 rgb(148,48,97)
```
#946330
```
#946330 rgb(148,99,48)
```

Tetradic Color

#1d3b5a
```
#1d3b5a rgb(29,59,90)
```
#24486d
```
#24486d rgb(36,72,109)
```
#2a5481
```
#2a5481 rgb(42,84,129)
```
#306194
```
#306194 rgb(48,97,148)
```
#366ea7
```
#366ea7 rgb(54,110,167)
```
#3c7abb
```
#3c7abb rgb(60,122,187)
```
#4c87c5
```
#4c87c5 rgb(76,135,197)
```

Monochromatic Color

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

#307a94
```
#307a94 rgb(48,122,148)
```
#307294
```
#307294 rgb(48,114,148)
```
#306994
```
#306994 rgb(48,105,148)
```
#306194
```
#306194 rgb(48,97,148)
```
#305994
```
#305994 rgb(48,89,148)
```
#305094
```
#305094 rgb(48,80,148)
```
#304894
```
#304894 rgb(48,72,148)
```

Similar Colors

Text with hexadecimal color #306194

This text has a font color of #306194.

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

#306194 background color

This paragraph has a background color of #306194.

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

#306194 border color

This element has a border color of #306194.

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

CSS codes

.text {color:#306194;}

.background {background-color:#306194;}

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

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

#050a0f
```
#050a0f rgb(5,10,15)
```
#0a131e
```
#0a131e rgb(10,19,30)
```
#0e1d2c
```
#0e1d2c rgb(14,29,44)
```
#13273b
```
#13273b rgb(19,39,59)
```
#18304a
```
#18304a rgb(24,48,74)
```
#1d3a59
```
#1d3a59 rgb(29,58,89)
```
#224468
```
#224468 rgb(34,68,104)
```
#264e76
```
#264e76 rgb(38,78,118)
```
#2b5785
```
#2b5785 rgb(43,87,133)
```
#306194
```
#306194 rgb(48,97,148)
```
#356ba3
```
#356ba3 rgb(53,107,163)
```
#3a74b2
```
#3a74b2 rgb(58,116,178)
```
#3e7ec0
```
#3e7ec0 rgb(62,126,192)
```

Shade Color Variation

#4d88c5
```
#4d88c5 rgb(77,136,197)
```
#5c92ca
```
#5c92ca rgb(92,146,202)
```
#6b9ccf
```
#6b9ccf rgb(107,156,207)
```
#7aa6d4
```
#7aa6d4 rgb(122,166,212)
```
#88b0d9
```
#88b0d9 rgb(136,176,217)
```
#97badd
```
#97badd rgb(151,186,221)
```
#a6c3e2
```
#a6c3e2 rgb(166,195,226)
```
#b5cde7
```
#b5cde7 rgb(181,205,231)
```
#c4d7ec
```
#c4d7ec rgb(196,215,236)
```
#d2e1f1
```
#d2e1f1 rgb(210,225,241)
```
#e1ebf5
```
#e1ebf5 rgb(225,235,245)
```
#f0f5fa
```
#f0f5fa rgb(240,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d6267
```
#5d6267 rgb(93,98,103)
```
#56626e
```
#56626e rgb(86,98,110)
```
#4e6276
```
#4e6276 rgb(78,98,118)
```
#47617d
```
#47617d rgb(71,97,125)
```
#3f6185
```
#3f6185 rgb(63,97,133)
```
#38618c
```
#38618c rgb(56,97,140)
```
#306194
```
#306194 rgb(48,97,148)
```
#28619c
```
#28619c rgb(40,97,156)
```
#2161a3
```
#2161a3 rgb(33,97,163)
```
#1961ab
```
#1961ab rgb(25,97,171)
```
#1260b2
```
#1260b2 rgb(18,96,178)
```
#0a60ba
```
#0a60ba rgb(10,96,186)
```
#0360c1
```
#0360c1 rgb(3,96,193)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546596 Protanopia 1% of men
#48669a Deuteranopia 1% of men
#1f7078 Tritanopia 0.001% of the population

Trichromacy

#466395 Protanomaly 1% of men, 0.01% of women
#3f6498 Deuteranomaly 6% of men, 0.4% of women
#256a82 Tritanomaly 0.01% of the population

#306194 hex color

#306194 Color Information

#306194 Color Conversion

Color Schemes with #306194

Alternatives to #306194

#306194 Preview

Shades and Tints of #306194

Tones of #306194

Color Blindness Simulator