#304b64 hex color

In a RGB color space, hex #304b64 is composed of 18.8% red, 29.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 25% magenta, 0% yellow and 60.8% black. It has a hue angle of 208.8 degrees, a saturation of 35.1% and a lightness of 29%. #304b64 color hex could be obtained by blending #6096c8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 29
- B 39
RGB color chart
- C 52
- M 25
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #304b64 has RGB values of R:48, G:75, B:100 and CMYK values of C:0.52, M:0.25, Y:0, K:0.61. Its decimal value is 3165028.

Hex triplet	304b64	`#304b64`
RGB Decimal	48, 75, 100	`rgb(48,75,100)`
RGB Percent	18.8, 29.4, 39.2	`rgb(18.8%,29.4%,39.2%)`
CMYK	52, 25, 0, 61
HSL	208.8°, 35.1, 29	`hsl(208.8,35.1%,29%)`
HSV (or HSB)	208.8°, 52, 39.2
Web Safe	333366	`#333366`

CIE-LAB	30.832, -2.392, -17.758
XYZ	6.035, 6.58, 13.008
xyY	0.236, 0.257, 6.58
CIE-LCH	30.832, 17.918, 262.33
CIE-LUV	30.832, -11.998, -22.602
Hunter-Lab	25.652, -2.899, -12.109
Binary	00110000, 01001011, 01100100

#304b64
```
#304b64 rgb(48,75,100)
```
#644930
```
#644930 rgb(100,73,48)
```

Complementary Color

#306463
```
#306463 rgb(48,100,99)
```
#304b64
```
#304b64 rgb(48,75,100)
```
#303164
```
#303164 rgb(48,49,100)
```

Analogous Color

#646330
```
#646330 rgb(100,99,48)
```
#304b64
```
#304b64 rgb(48,75,100)
```
#643031
```
#643031 rgb(100,48,49)
```

Split Complementary Color

#4b6430
```
#4b6430 rgb(75,100,48)
```
#304b64
```
#304b64 rgb(48,75,100)
```
#64304b
```
#64304b rgb(100,48,75)
```

Triadic Color

#306449
```
#306449 rgb(48,100,73)
```
#304b64
```
#304b64 rgb(48,75,100)
```
#64304b
```
#64304b rgb(100,48,75)
```
#644930
```
#644930 rgb(100,73,48)
```

Tetradic Color

#172430
```
#172430 rgb(23,36,48)
```
#1f3142
```
#1f3142 rgb(31,49,66)
```
#283e53
```
#283e53 rgb(40,62,83)
```
#304b64
```
#304b64 rgb(48,75,100)
```
#385875
```
#385875 rgb(56,88,117)
```
#416586
```
#416586 rgb(65,101,134)
```
#497298
```
#497298 rgb(73,114,152)
```

Monochromatic Color

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

#305864
```
#305864 rgb(48,88,100)
```
#305464
```
#305464 rgb(48,84,100)
```
#304f64
```
#304f64 rgb(48,79,100)
```
#304b64
```
#304b64 rgb(48,75,100)
```
#304764
```
#304764 rgb(48,71,100)
```
#304264
```
#304264 rgb(48,66,100)
```
#303e64
```
#303e64 rgb(48,62,100)
```

Similar Colors

Text with hexadecimal color #304b64

This text has a font color of #304b64.

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

#304b64 background color

This paragraph has a background color of #304b64.

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

#304b64 border color

This element has a border color of #304b64.

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

CSS codes

.text {color:#304b64;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#0a0f14
```
#0a0f14 rgb(10,15,20)
```
#101922
```
#101922 rgb(16,25,34)
```
#17232f
```
#17232f rgb(23,35,47)
```
#1d2d3c
```
#1d2d3c rgb(29,45,60)
```
#233749
```
#233749 rgb(35,55,73)
```
#2a4157
```
#2a4157 rgb(42,65,87)
```
#304b64
```
#304b64 rgb(48,75,100)
```
#365571
```
#365571 rgb(54,85,113)
```
#3d5f7f
```
#3d5f7f rgb(61,95,127)
```
#43698c
```
#43698c rgb(67,105,140)
```
#497399
```
#497399 rgb(73,115,153)
```
#507da6
```
#507da6 rgb(80,125,166)
```

Shade Color Variation

#5a86b0
```
#5a86b0 rgb(90,134,176)
```
#6790b6
```
#6790b6 rgb(103,144,182)
```
#749abc
```
#749abc rgb(116,154,188)
```
#82a4c3
```
#82a4c3 rgb(130,164,195)
```
#8fadc9
```
#8fadc9 rgb(143,173,201)
```
#9cb7d0
```
#9cb7d0 rgb(156,183,208)
```
#a9c1d6
```
#a9c1d6 rgb(169,193,214)
```
#b7cadc
```
#b7cadc rgb(183,202,220)
```
#c4d4e3
```
#c4d4e3 rgb(196,212,227)
```
#d1dee9
```
#d1dee9 rgb(209,222,233)
```
#dee7ef
```
#dee7ef rgb(222,231,239)
```
#ecf1f6
```
#ecf1f6 rgb(236,241,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#474a4d
```
#474a4d rgb(71,74,77)
```
#414a53
```
#414a53 rgb(65,74,83)
```
#3b4b59
```
#3b4b59 rgb(59,75,89)
```
#364b5e
```
#364b5e rgb(54,75,94)
```
#304b64
```
#304b64 rgb(48,75,100)
```
#2a4b6a
```
#2a4b6a rgb(42,75,106)
```
#254b6f
```
#254b6f rgb(37,75,111)
```
#1f4c75
```
#1f4c75 rgb(31,76,117)
```
#194c7b
```
#194c7b rgb(25,76,123)
```
#144c80
```
#144c80 rgb(20,76,128)
```
#0e4c86
```
#0e4c86 rgb(14,76,134)
```
#084d8c
```
#084d8c rgb(8,77,140)
```
#024d92
```
#024d92 rgb(2,77,146)
```

Tone Color Variation

Below, you can see how #304b64 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
#42474c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5169 Protanopia 1% of men
#49516d Deuteranopia 1% of men
#34575d Tritanopia 0.001% of the population

Trichromacy

#414e67 Protanomaly 1% of men, 0.01% of women
#3f4e69 Deuteranomaly 6% of men, 0.4% of women
#33525f Tritanomaly 0.01% of the population

#304b64 hex color

#304b64 Color Information

#304b64 Color Conversion

Color Schemes with #304b64

Alternatives to #304b64

#304b64 Preview

Shades and Tints of #304b64

Tones of #304b64

Color Blindness Simulator