#305084 hex color

In a RGB color space, hex #305084 is composed of 18.8% red, 31.4% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 39.4% magenta, 0% yellow and 48.2% black. It has a hue angle of 217.1 degrees, a saturation of 46.7% and a lightness of 35.3%. #305084 color hex could be obtained by blending #60a0ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 31
- B 52
RGB color chart
- C 64
- M 39
- Y 0
- K 48
CMYK color chart

● #305084 color description : Dark moderate blue.

The hexadecimal color #305084 has RGB values of R:48, G:80, B:132 and CMYK values of C:0.64, M:0.39, Y:0, K:0.48. Its decimal value is 3166340.

Hex triplet	305084	`#305084`
RGB Decimal	48, 80, 132	`rgb(48,80,132)`
RGB Percent	18.8, 31.4, 51.8	`rgb(18.8%,31.4%,51.8%)`
CMYK	64, 39, 0, 48
HSL	217.1°, 46.7, 35.3	`hsl(217.1,46.7%,35.3%)`
HSV (or HSB)	217.1°, 63.6, 51.8
Web Safe	336699	`#336699`

CIE-LAB	34.048, 5.673, -32.725
XYZ	8.252, 8.031, 22.944
xyY	0.21, 0.205, 8.031
CIE-LCH	34.048, 33.213, 279.834
CIE-LUV	34.048, -13.616, -45.348
Hunter-Lab	28.339, 2.38, -28.165
Binary	00110000, 01010000, 10000100

#305084
```
#305084 rgb(48,80,132)
```
#846430
```
#846430 rgb(132,100,48)
```

Complementary Color

#307a84
```
#307a84 rgb(48,122,132)
```
#305084
```
#305084 rgb(48,80,132)
```
#3a3084
```
#3a3084 rgb(58,48,132)
```

Analogous Color

#7a8430
```
#7a8430 rgb(122,132,48)
```
#305084
```
#305084 rgb(48,80,132)
```
#843a30
```
#843a30 rgb(132,58,48)
```

Split Complementary Color

#508430
```
#508430 rgb(80,132,48)
```
#305084
```
#305084 rgb(48,80,132)
```
#843050
```
#843050 rgb(132,48,80)
```

Triadic Color

#308464
```
#308464 rgb(48,132,100)
```
#305084
```
#305084 rgb(48,80,132)
```
#843050
```
#843050 rgb(132,48,80)
```
#846430
```
#846430 rgb(132,100,48)
```

Tetradic Color

#1c2e4c
```
#1c2e4c rgb(28,46,76)
```
#22395f
```
#22395f rgb(34,57,95)
```
#294571
```
#294571 rgb(41,69,113)
```
#305084
```
#305084 rgb(48,80,132)
```
#375b97
```
#375b97 rgb(55,91,151)
```
#3e67a9
```
#3e67a9 rgb(62,103,169)
```
#4572bb
```
#4572bb rgb(69,114,187)
```

Monochromatic Color

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

#306584
```
#306584 rgb(48,101,132)
```
#305e84
```
#305e84 rgb(48,94,132)
```
#305784
```
#305784 rgb(48,87,132)
```
#305084
```
#305084 rgb(48,80,132)
```
#304984
```
#304984 rgb(48,73,132)
```
#304284
```
#304284 rgb(48,66,132)
```
#303b84
```
#303b84 rgb(48,59,132)
```

Similar Colors

Text with hexadecimal color #305084

This text has a font color of #305084.

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

#305084 background color

This paragraph has a background color of #305084.

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

#305084 border color

This element has a border color of #305084.

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

CSS codes

.text {color:#305084;}

.background {background-color:#305084;}

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

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, #010203 is the darkest color, while #f3f6fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0b131f
```
#0b131f rgb(11,19,31)
```
#111c2e
```
#111c2e rgb(17,28,46)
```
#16243c
```
#16243c rgb(22,36,60)
```
#1b2d4a
```
#1b2d4a rgb(27,45,74)
```
#203659
```
#203659 rgb(32,54,89)
```
#263f67
```
#263f67 rgb(38,63,103)
```
#2b4776
```
#2b4776 rgb(43,71,118)
```
#305084
```
#305084 rgb(48,80,132)
```
#355992
```
#355992 rgb(53,89,146)
```
#3a61a1
```
#3a61a1 rgb(58,97,161)
```
#406aaf
```
#406aaf rgb(64,106,175)
```

Shade Color Variation

#4773bc
```
#4773bc rgb(71,115,188)
```
#557ec1
```
#557ec1 rgb(85,126,193)
```
#6389c6
```
#6389c6 rgb(99,137,198)
```
#7294cc
```
#7294cc rgb(114,148,204)
```
#809fd1
```
#809fd1 rgb(128,159,209)
```
#8eaad6
```
#8eaad6 rgb(142,170,214)
```
#9db5db
```
#9db5db rgb(157,181,219)
```
#abc0e1
```
#abc0e1 rgb(171,192,225)
```
#bacae6
```
#bacae6 rgb(186,202,230)
```
#c8d5eb
```
#c8d5eb rgb(200,213,235)
```
#d6e0f0
```
#d6e0f0 rgb(214,224,240)
```
#e5ebf5
```
#e5ebf5 rgb(229,235,245)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#5a5a5a
```
#5a5a5a rgb(90,90,90)
```
#535861
```
#535861 rgb(83,88,97)
```
#4c5768
```
#4c5768 rgb(76,87,104)
```
#45556f
```
#45556f rgb(69,85,111)
```
#3e5376
```
#3e5376 rgb(62,83,118)
```
#37527d
```
#37527d rgb(55,82,125)
```
#305084
```
#305084 rgb(48,80,132)
```
#294e8b
```
#294e8b rgb(41,78,139)
```
#224d92
```
#224d92 rgb(34,77,146)
```
#1b4b99
```
#1b4b99 rgb(27,75,153)
```
#1449a0
```
#1449a0 rgb(20,73,160)
```
#0d48a7
```
#0d48a7 rgb(13,72,167)
```
#0646ae
```
#0646ae rgb(6,70,174)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#445789 Protanopia 1% of men
#38598a Deuteranopia 1% of men
#246067 Tritanopia 0.001% of the population

Trichromacy

#3c5487 Protanomaly 1% of men, 0.01% of women
#355687 Deuteranomaly 6% of men, 0.4% of women
#285a72 Tritanomaly 0.01% of the population

#305084 hex color

#305084 Color Information

#305084 Color Conversion

Color Schemes with #305084

Alternatives to #305084

#305084 Preview

Shades and Tints of #305084

Tones of #305084

Color Blindness Simulator