#304965 hex color

In a RGB color space, hex #304965 is composed of 18.8% red, 28.6% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 27.7% magenta, 0% yellow and 60.4% black. It has a hue angle of 211.7 degrees, a saturation of 35.6% and a lightness of 29.2%. #304965 color hex could be obtained by blending #6092ca with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 29
- B 40
RGB color chart
- C 52
- M 28
- Y 0
- K 60
CMYK color chart

● #304965 color description : Very dark desaturated blue.

The hexadecimal color #304965 has RGB values of R:48, G:73, B:101 and CMYK values of C:0.52, M:0.28, Y:0, K:0.6. Its decimal value is 3164517.

Hex triplet	304965	`#304965`
RGB Decimal	48, 73, 101	`rgb(48,73,101)`
RGB Percent	18.8, 28.6, 39.6	`rgb(18.8%,28.6%,39.6%)`
CMYK	52, 28, 0, 60
HSL	211.7°, 35.6, 29.2	`hsl(211.7,35.6%,29.2%)`
HSV (or HSB)	211.7°, 52.5, 39.6
Web Safe	333366	`#333366`

CIE-LAB	30.237, -0.767, -19.316
XYZ	5.95, 6.333, 13.22
xyY	0.233, 0.248, 6.333
CIE-LCH	30.237, 19.331, 267.727
CIE-LUV	30.237, -11.23, -24.753
Hunter-Lab	25.165, -1.835, -13.532
Binary	00110000, 01001001, 01100101

#304965
```
#304965 rgb(48,73,101)
```
#654c30
```
#654c30 rgb(101,76,48)
```

Complementary Color

#306465
```
#306465 rgb(48,100,101)
```
#304965
```
#304965 rgb(48,73,101)
```
#313065
```
#313065 rgb(49,48,101)
```

Analogous Color

#646530
```
#646530 rgb(100,101,48)
```
#304965
```
#304965 rgb(48,73,101)
```
#653230
```
#653230 rgb(101,50,48)
```

Split Complementary Color

#496530
```
#496530 rgb(73,101,48)
```
#304965
```
#304965 rgb(48,73,101)
```
#653049
```
#653049 rgb(101,48,73)
```

Triadic Color

#30654c
```
#30654c rgb(48,101,76)
```
#304965
```
#304965 rgb(48,73,101)
```
#653049
```
#653049 rgb(101,48,73)
```
#654c30
```
#654c30 rgb(101,76,48)
```

Tetradic Color

#172431
```
#172431 rgb(23,36,49)
```
#203042
```
#203042 rgb(32,48,66)
```
#283d54
```
#283d54 rgb(40,61,84)
```
#304965
```
#304965 rgb(48,73,101)
```
#385576
```
#385576 rgb(56,85,118)
```
#406288
```
#406288 rgb(64,98,136)
```
#496e99
```
#496e99 rgb(73,110,153)
```

Monochromatic Color

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

#305665
```
#305665 rgb(48,86,101)
```
#305265
```
#305265 rgb(48,82,101)
```
#304d65
```
#304d65 rgb(48,77,101)
```
#304965
```
#304965 rgb(48,73,101)
```
#304565
```
#304565 rgb(48,69,101)
```
#304065
```
#304065 rgb(48,64,101)
```
#303c65
```
#303c65 rgb(48,60,101)
```

Similar Colors

Text with hexadecimal color #304965

This text has a font color of #304965.

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

#304965 background color

This paragraph has a background color of #304965.

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

#304965 border color

This element has a border color of #304965.

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

CSS codes

.text {color:#304965;}

.background {background-color:#304965;}

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0a0f15
```
#0a0f15 rgb(10,15,21)
```
#101923
```
#101923 rgb(16,25,35)
```
#172330
```
#172330 rgb(23,35,48)
```
#1d2c3d
```
#1d2c3d rgb(29,44,61)
```
#23364a
```
#23364a rgb(35,54,74)
```
#2a3f58
```
#2a3f58 rgb(42,63,88)
```
#304965
```
#304965 rgb(48,73,101)
```
#365372
```
#365372 rgb(54,83,114)
```
#3d5c80
```
#3d5c80 rgb(61,92,128)
```
#43668d
```
#43668d rgb(67,102,141)
```
#496f9a
```
#496f9a rgb(73,111,154)
```
#5079a7
```
#5079a7 rgb(80,121,167)
```

Shade Color Variation

#5a83b1
```
#5a83b1 rgb(90,131,177)
```
#678db7
```
#678db7 rgb(103,141,183)
```
#7597bd
```
#7597bd rgb(117,151,189)
```
#82a1c4
```
#82a1c4 rgb(130,161,196)
```
#8fabca
```
#8fabca rgb(143,171,202)
```
#9db5d0
```
#9db5d0 rgb(157,181,208)
```
#aabfd7
```
#aabfd7 rgb(170,191,215)
```
#b7c9dd
```
#b7c9dd rgb(183,201,221)
```
#c4d3e3
```
#c4d3e3 rgb(196,211,227)
```
#d2dde9
```
#d2dde9 rgb(210,221,233)
```
#dfe7f0
```
#dfe7f0 rgb(223,231,240)
```
#ecf1f6
```
#ecf1f6 rgb(236,241,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474a4e is the less saturated color, while #024693 is the most saturated one.

#474a4e
```
#474a4e rgb(71,74,78)
```
#414a54
```
#414a54 rgb(65,74,84)
```
#3b4a5a
```
#3b4a5a rgb(59,74,90)
```
#36495f
```
#36495f rgb(54,73,95)
```
#304965
```
#304965 rgb(48,73,101)
```
#2a496b
```
#2a496b rgb(42,73,107)
```
#254870
```
#254870 rgb(37,72,112)
```
#1f4876
```
#1f4876 rgb(31,72,118)
```
#19487c
```
#19487c rgb(25,72,124)
```
#134782
```
#134782 rgb(19,71,130)
```
#0e4787
```
#0e4787 rgb(14,71,135)
```
#08478d
```
#08478d rgb(8,71,141)
```
#024693
```
#024693 rgb(2,70,147)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#41464b Atypical Achromatopsia 0.001% of the population

Dichromacy

#484f6b Protanopia 1% of men
#454f6d Deuteranopia 1% of men
#33555c Tritanopia 0.001% of the population

Trichromacy

#3f4d68 Protanomaly 1% of men, 0.01% of women
#3d4d6a Deuteranomaly 6% of men, 0.4% of women
#32515f Tritanomaly 0.01% of the population

#304965 hex color

#304965 Color Information

#304965 Color Conversion

Color Schemes with #304965

Alternatives to #304965

#304965 Preview

Shades and Tints of #304965

Tones of #304965

Color Blindness Simulator