#304960 hex color

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

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

● #304960 color description : Very dark desaturated blue.

The hexadecimal color #304960 has RGB values of R:48, G:73, B:96 and CMYK values of C:0.5, M:0.24, Y:0, K:0.62. Its decimal value is 3164512.

Hex triplet	304960	`#304960`
RGB Decimal	48, 73, 96	`rgb(48,73,96)`
RGB Percent	18.8, 28.6, 37.6	`rgb(18.8%,28.6%,37.6%)`
CMYK	50, 24, 0, 62
HSL	208.8°, 33.3, 28.2	`hsl(208.8,33.3%,28.2%)`
HSV (or HSB)	208.8°, 50, 37.6
Web Safe	333366	`#333366`

CIE-LAB	30.004, -2.443, -16.488
XYZ	5.712, 6.238, 11.969
xyY	0.239, 0.261, 6.238
CIE-LCH	30.004, 16.668, 261.571
CIE-LUV	30.004, -11.24, -20.694
Hunter-Lab	24.975, -2.881, -10.93
Binary	00110000, 01001001, 01100000

#304960
```
#304960 rgb(48,73,96)
```
#604730
```
#604730 rgb(96,71,48)
```

Complementary Color

#30605f
```
#30605f rgb(48,96,95)
```
#304960
```
#304960 rgb(48,73,96)
```
#303160
```
#303160 rgb(48,49,96)
```

Analogous Color

#605f30
```
#605f30 rgb(96,95,48)
```
#304960
```
#304960 rgb(48,73,96)
```
#603031
```
#603031 rgb(96,48,49)
```

Split Complementary Color

#496030
```
#496030 rgb(73,96,48)
```
#304960
```
#304960 rgb(48,73,96)
```
#603049
```
#603049 rgb(96,48,73)
```

Triadic Color

#306047
```
#306047 rgb(48,96,71)
```
#304960
```
#304960 rgb(48,73,96)
```
#603049
```
#603049 rgb(96,48,73)
```
#604730
```
#604730 rgb(96,71,48)
```

Tetradic Color

#17222d
```
#17222d rgb(23,34,45)
```
#1f2f3e
```
#1f2f3e rgb(31,47,62)
```
#283c4f
```
#283c4f rgb(40,60,79)
```
#304960
```
#304960 rgb(48,73,96)
```
#395671
```
#395671 rgb(57,86,113)
```
#416382
```
#416382 rgb(65,99,130)
```
#4a7093
```
#4a7093 rgb(74,112,147)
```

Monochromatic Color

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

#305560
```
#305560 rgb(48,85,96)
```
#305160
```
#305160 rgb(48,81,96)
```
#304d60
```
#304d60 rgb(48,77,96)
```
#304960
```
#304960 rgb(48,73,96)
```
#304560
```
#304560 rgb(48,69,96)
```
#304160
```
#304160 rgb(48,65,96)
```
#303d60
```
#303d60 rgb(48,61,96)
```

Similar Colors

Text with hexadecimal color #304960

This text has a font color of #304960.

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

#304960 background color

This paragraph has a background color of #304960.

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

#304960 border color

This element has a border color of #304960.

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

CSS codes

.text {color:#304960;}

.background {background-color:#304960;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090d12
```
#090d12 rgb(9,13,18)
```
#0f171f
```
#0f171f rgb(15,23,31)
```
#16212c
```
#16212c rgb(22,33,44)
```
#1c2b39
```
#1c2b39 rgb(28,43,57)
```
#233546
```
#233546 rgb(35,53,70)
```
#293f53
```
#293f53 rgb(41,63,83)
```
#304960
```
#304960 rgb(48,73,96)
```
#37536d
```
#37536d rgb(55,83,109)
```
#3d5d7a
```
#3d5d7a rgb(61,93,122)
```
#446787
```
#446787 rgb(68,103,135)
```
#4a7194
```
#4a7194 rgb(74,113,148)
```
#517ba1
```
#517ba1 rgb(81,123,161)
```

Shade Color Variation

#5985ac
```
#5985ac rgb(89,133,172)
```
#678eb3
```
#678eb3 rgb(103,142,179)
```
#7498b9
```
#7498b9 rgb(116,152,185)
```
#81a2c0
```
#81a2c0 rgb(129,162,192)
```
#8eabc6
```
#8eabc6 rgb(142,171,198)
```
#9bb5cd
```
#9bb5cd rgb(155,181,205)
```
#a8bfd3
```
#a8bfd3 rgb(168,191,211)
```
#b5c8da
```
#b5c8da rgb(181,200,218)
```
#c2d2e1
```
#c2d2e1 rgb(194,210,225)
```
#cfdce7
```
#cfdce7 rgb(207,220,231)
```
#dce5ee
```
#dce5ee rgb(220,229,238)
```
#e9eff4
```
#e9eff4 rgb(233,239,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 #044b8c is the most saturated one.

#46484a
```
#46484a rgb(70,72,74)
```
#41484f
```
#41484f rgb(65,72,79)
```
#3b4955
```
#3b4955 rgb(59,73,85)
```
#36495a
```
#36495a rgb(54,73,90)
```
#304960
```
#304960 rgb(48,73,96)
```
#2a4966
```
#2a4966 rgb(42,73,102)
```
#25496b
```
#25496b rgb(37,73,107)
```
#1f4a71
```
#1f4a71 rgb(31,74,113)
```
#1a4a76
```
#1a4a76 rgb(26,74,118)
```
#144a7c
```
#144a7c rgb(20,74,124)
```
#0f4a81
```
#0f4a81 rgb(15,74,129)
```
#094b87
```
#094b87 rgb(9,75,135)
```
#044b8c
```
#044b8c rgb(4,75,140)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#40454a Atypical Achromatopsia 0.001% of the population

Dichromacy

#494f66 Protanopia 1% of men
#484f69 Deuteranopia 1% of men
#35545b Tritanopia 0.001% of the population

Trichromacy

#404d63 Protanomaly 1% of men, 0.01% of women
#3f4c66 Deuteranomaly 6% of men, 0.4% of women
#33505c Tritanomaly 0.01% of the population

#304960 hex color

#304960 Color Information

#304960 Color Conversion

Color Schemes with #304960

Alternatives to #304960

#304960 Preview

Shades and Tints of #304960

Tones of #304960

Color Blindness Simulator