#304c7d hex color

In a RGB color space, hex #304c7d is composed of 18.8% red, 29.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 39.2% magenta, 0% yellow and 51% black. It has a hue angle of 218.2 degrees, a saturation of 44.5% and a lightness of 33.9%. #304c7d color hex could be obtained by blending #6098fa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 30
- B 49
RGB color chart
- C 62
- M 39
- Y 0
- K 51
CMYK color chart

● #304c7d color description : Dark moderate blue.

The hexadecimal color #304c7d has RGB values of R:48, G:76, B:125 and CMYK values of C:0.62, M:0.39, Y:0, K:0.51. Its decimal value is 3165309.

Hex triplet	304c7d	`#304c7d`
RGB Decimal	48, 76, 125	`rgb(48,76,125)`
RGB Percent	18.8, 29.8, 49	`rgb(18.8%,29.8%,49%)`
CMYK	62, 39, 0, 51
HSL	218.2°, 44.5, 33.9	`hsl(218.2,44.5%,33.9%)`
HSV (or HSB)	218.2°, 61.6, 49
Web Safe	333366	`#333366`

CIE-LAB	32.43, 5.747, -30.961
XYZ	7.504, 7.277, 20.41
xyY	0.213, 0.207, 7.277
CIE-LCH	32.43, 31.489, 280.516
CIE-LUV	32.43, -12.272, -42.227
Hunter-Lab	26.977, 2.444, -25.974
Binary	00110000, 01001100, 01111101

#304c7d
```
#304c7d rgb(48,76,125)
```
#7d6130
```
#7d6130 rgb(125,97,48)
```

Complementary Color

#30737d
```
#30737d rgb(48,115,125)
```
#304c7d
```
#304c7d rgb(48,76,125)
```
#3b307d
```
#3b307d rgb(59,48,125)
```

Analogous Color

#737d30
```
#737d30 rgb(115,125,48)
```
#304c7d
```
#304c7d rgb(48,76,125)
```
#7d3b30
```
#7d3b30 rgb(125,59,48)
```

Split Complementary Color

#4c7d30
```
#4c7d30 rgb(76,125,48)
```
#304c7d
```
#304c7d rgb(48,76,125)
```
#7d304c
```
#7d304c rgb(125,48,76)
```

Triadic Color

#307d61
```
#307d61 rgb(48,125,97)
```
#304c7d
```
#304c7d rgb(48,76,125)
```
#7d304c
```
#7d304c rgb(125,48,76)
```
#7d6130
```
#7d6130 rgb(125,97,48)
```

Tetradic Color

#1b2a46
```
#1b2a46 rgb(27,42,70)
```
#223658
```
#223658 rgb(34,54,88)
```
#29416b
```
#29416b rgb(41,65,107)
```
#304c7d
```
#304c7d rgb(48,76,125)
```
#37578f
```
#37578f rgb(55,87,143)
```
#3e62a2
```
#3e62a2 rgb(62,98,162)
```
#456eb4
```
#456eb4 rgb(69,110,180)
```

Monochromatic Color

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

#305f7d
```
#305f7d rgb(48,95,125)
```
#30597d
```
#30597d rgb(48,89,125)
```
#30527d
```
#30527d rgb(48,82,125)
```
#304c7d
```
#304c7d rgb(48,76,125)
```
#30467d
```
#30467d rgb(48,70,125)
```
#303f7d
```
#303f7d rgb(48,63,125)
```
#30397d
```
#30397d rgb(48,57,125)
```

Similar Colors

Text with hexadecimal color #304c7d

This text has a font color of #304c7d.

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

#304c7d background color

This paragraph has a background color of #304c7d.

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

#304c7d border color

This element has a border color of #304c7d.

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

CSS codes

.text {color:#304c7d;}

.background {background-color:#304c7d;}

.border {border:1px solid #304c7d;}

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, #04070c is the darkest color, while #fcfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#0a101a
```
#0a101a rgb(10,16,26)
```
#0f1828
```
#0f1828 rgb(15,24,40)
```
#152136
```
#152136 rgb(21,33,54)
```
#1a2a44
```
#1a2a44 rgb(26,42,68)
```
#203252
```
#203252 rgb(32,50,82)
```
#253b61
```
#253b61 rgb(37,59,97)
```
#2b436f
```
#2b436f rgb(43,67,111)
```
#304c7d
```
#304c7d rgb(48,76,125)
```
#35558b
```
#35558b rgb(53,85,139)
```
#3b5d99
```
#3b5d99 rgb(59,93,153)
```
#4066a8
```
#4066a8 rgb(64,102,168)
```
#466eb6
```
#466eb6 rgb(70,110,182)
```

Shade Color Variation

#5279bd
```
#5279bd rgb(82,121,189)
```
#6184c2
```
#6184c2 rgb(97,132,194)
```
#6f8fc8
```
#6f8fc8 rgb(111,143,200)
```
#7d9acd
```
#7d9acd rgb(125,154,205)
```
#8ba5d2
```
#8ba5d2 rgb(139,165,210)
```
#99b0d8
```
#99b0d8 rgb(153,176,216)
```
#a7bbdd
```
#a7bbdd rgb(167,187,221)
```
#b6c6e3
```
#b6c6e3 rgb(182,198,227)
```
#c4d1e8
```
#c4d1e8 rgb(196,209,232)
```
#d2dcee
```
#d2dcee rgb(210,220,238)
```
#e0e7f3
```
#e0e7f3 rgb(224,231,243)
```
#eef2f9
```
#eef2f9 rgb(238,242,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51555c is the less saturated color, while #013fac is the most saturated one.

#51555c
```
#51555c rgb(81,85,92)
```
#4b5362
```
#4b5362 rgb(75,83,98)
```
#445169
```
#445169 rgb(68,81,105)
```
#3d5070
```
#3d5070 rgb(61,80,112)
```
#374e76
```
#374e76 rgb(55,78,118)
```
#304c7d
```
#304c7d rgb(48,76,125)
```
#294a84
```
#294a84 rgb(41,74,132)
```
#23488a
```
#23488a rgb(35,72,138)
```
#1c4791
```
#1c4791 rgb(28,71,145)
```
#154598
```
#154598 rgb(21,69,152)
```
#0f439e
```
#0f439e rgb(15,67,158)
```
#0841a5
```
#0841a5 rgb(8,65,165)
```
#013fac
```
#013fac rgb(1,63,172)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#425482 Protanopia 1% of men
#385583 Deuteranopia 1% of men
#285c63 Tritanopia 0.001% of the population

Trichromacy

#3b5180 Protanomaly 1% of men, 0.01% of women
#355281 Deuteranomaly 6% of men, 0.4% of women
#2a566c Tritanomaly 0.01% of the population

#304c7d hex color

#304c7d Color Information

#304c7d Color Conversion

Color Schemes with #304c7d

Alternatives to #304c7d

#304c7d Preview

Shades and Tints of #304c7d

Tones of #304c7d

Color Blindness Simulator