#304c60 hex color

In a RGB color space, hex #304c60 is composed of 18.8% red, 29.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 20.8% magenta, 0% yellow and 62.4% black. It has a hue angle of 205 degrees, a saturation of 33.3% and a lightness of 28.2%. #304c60 color hex could be obtained by blending #6098c0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 30
- B 38
RGB color chart
- C 50
- M 21
- Y 0
- K 62
CMYK color chart

● #304c60 color description : Very dark desaturated blue.

The hexadecimal color #304c60 has RGB values of R:48, G:76, B:96 and CMYK values of C:0.5, M:0.21, Y:0, K:0.62. Its decimal value is 3165280.

Hex triplet	304c60	`#304c60`
RGB Decimal	48, 76, 96	`rgb(48,76,96)`
RGB Percent	18.8, 29.8, 37.6	`rgb(18.8%,29.8%,37.6%)`
CMYK	50, 21, 0, 62
HSL	205°, 33.3, 28.2	`hsl(205,33.3%,28.2%)`
HSV (or HSB)	205°, 50, 37.6
Web Safe	333366	`#333366`

CIE-LAB	30.976, -4.352, -14.991
XYZ	5.914, 6.641, 12.036
xyY	0.24, 0.27, 6.641
CIE-LCH	30.976, 15.61, 253.812
CIE-LUV	30.976, -12.413, -18.661
Hunter-Lab	25.771, -4.136, -9.651
Binary	00110000, 01001100, 01100000

#304c60
```
#304c60 rgb(48,76,96)
```
#604430
```
#604430 rgb(96,68,48)
```

Complementary Color

#30605c
```
#30605c rgb(48,96,92)
```
#304c60
```
#304c60 rgb(48,76,96)
```
#303460
```
#303460 rgb(48,52,96)
```

Analogous Color

#605c30
```
#605c30 rgb(96,92,48)
```
#304c60
```
#304c60 rgb(48,76,96)
```
#603034
```
#603034 rgb(96,48,52)
```

Split Complementary Color

#4c6030
```
#4c6030 rgb(76,96,48)
```
#304c60
```
#304c60 rgb(48,76,96)
```
#60304c
```
#60304c rgb(96,48,76)
```

Triadic Color

#306044
```
#306044 rgb(48,96,68)
```
#304c60
```
#304c60 rgb(48,76,96)
```
#60304c
```
#60304c rgb(96,48,76)
```
#604430
```
#604430 rgb(96,68,48)
```

Tetradic Color

#17242d
```
#17242d rgb(23,36,45)
```
#1f313e
```
#1f313e rgb(31,49,62)
```
#283f4f
```
#283f4f rgb(40,63,79)
```
#304c60
```
#304c60 rgb(48,76,96)
```
#395971
```
#395971 rgb(57,89,113)
```
#416782
```
#416782 rgb(65,103,130)
```
#4a7493
```
#4a7493 rgb(74,116,147)
```

Monochromatic Color

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

#305860
```
#305860 rgb(48,88,96)
```
#305460
```
#305460 rgb(48,84,96)
```
#305060
```
#305060 rgb(48,80,96)
```
#304c60
```
#304c60 rgb(48,76,96)
```
#304860
```
#304860 rgb(48,72,96)
```
#304460
```
#304460 rgb(48,68,96)
```
#304060
```
#304060 rgb(48,64,96)
```

Similar Colors

Text with hexadecimal color #304c60

This text has a font color of #304c60.

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

#304c60 background color

This paragraph has a background color of #304c60.

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

#304c60 border color

This element has a border color of #304c60.

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

CSS codes

.text {color:#304c60;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#090e12
```
#090e12 rgb(9,14,18)
```
#0f181f
```
#0f181f rgb(15,24,31)
```
#16232c
```
#16232c rgb(22,35,44)
```
#1c2d39
```
#1c2d39 rgb(28,45,57)
```
#233746
```
#233746 rgb(35,55,70)
```
#294253
```
#294253 rgb(41,66,83)
```
#304c60
```
#304c60 rgb(48,76,96)
```
#37566d
```
#37566d rgb(55,86,109)
```
#3d617a
```
#3d617a rgb(61,97,122)
```
#446b87
```
#446b87 rgb(68,107,135)
```
#4a7594
```
#4a7594 rgb(74,117,148)
```
#5180a1
```
#5180a1 rgb(81,128,161)
```

Shade Color Variation

#598aac
```
#598aac rgb(89,138,172)
```
#6793b3
```
#6793b3 rgb(103,147,179)
```
#749cb9
```
#749cb9 rgb(116,156,185)
```
#81a6c0
```
#81a6c0 rgb(129,166,192)
```
#8eafc6
```
#8eafc6 rgb(142,175,198)
```
#9bb8cd
```
#9bb8cd rgb(155,184,205)
```
#a8c1d3
```
#a8c1d3 rgb(168,193,211)
```
#b5cbda
```
#b5cbda rgb(181,203,218)
```
#c2d4e1
```
#c2d4e1 rgb(194,212,225)
```
#cfdde7
```
#cfdde7 rgb(207,221,231)
```
#dce6ee
```
#dce6ee rgb(220,230,238)
```
#e9f0f4
```
#e9f0f4 rgb(233,240,244)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#46484a
```
#46484a rgb(70,72,74)
```
#41494f
```
#41494f rgb(65,73,79)
```
#3b4a55
```
#3b4a55 rgb(59,74,85)
```
#364b5a
```
#364b5a rgb(54,75,90)
```
#304c60
```
#304c60 rgb(48,76,96)
```
#2a4d66
```
#2a4d66 rgb(42,77,102)
```
#254e6b
```
#254e6b rgb(37,78,107)
```
#1f4f71
```
#1f4f71 rgb(31,79,113)
```
#1a5076
```
#1a5076 rgb(26,80,118)
```
#14517c
```
#14517c rgb(20,81,124)
```
#0f5281
```
#0f5281 rgb(15,82,129)
```
#095287
```
#095287 rgb(9,82,135)
```
#04538c
```
#04538c rgb(4,83,140)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#42474b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5165 Protanopia 1% of men
#4c5169 Deuteranopia 1% of men
#36575d Tritanopia 0.001% of the population

Trichromacy

#424f63 Protanomaly 1% of men, 0.01% of women
#424f66 Deuteranomaly 6% of men, 0.4% of women
#34535e Tritanomaly 0.01% of the population

#304c60 hex color

#304c60 Color Information

#304c60 Color Conversion

Color Schemes with #304c60

Alternatives to #304c60

#304c60 Preview

Shades and Tints of #304c60

Tones of #304c60

Color Blindness Simulator