#304b68 hex color

In a RGB color space, hex #304b68 is composed of 18.8% red, 29.4% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 27.9% magenta, 0% yellow and 59.2% black. It has a hue angle of 211.1 degrees, a saturation of 36.8% and a lightness of 29.8%. #304b68 color hex could be obtained by blending #6096d0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 29
- B 41
RGB color chart
- C 54
- M 28
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #304b68 has RGB values of R:48, G:75, B:104 and CMYK values of C:0.54, M:0.28, Y:0, K:0.59. Its decimal value is 3165032.

Hex triplet	304b68	`#304b68`
RGB Decimal	48, 75, 104	`rgb(48,75,104)`
RGB Percent	18.8, 29.4, 40.8	`rgb(18.8%,29.4%,40.8%)`
CMYK	54, 28, 0, 59
HSL	211.1°, 36.8, 29.8	`hsl(211.1,36.8%,29.8%)`
HSV (or HSB)	211.1°, 53.8, 40.8
Web Safe	333366	`#333366`

CIE-LAB	31.019, -1.037, -20.005
XYZ	6.233, 6.66, 14.053
xyY	0.231, 0.247, 6.66
CIE-LCH	31.019, 20.032, 267.031
CIE-LUV	31.019, -11.978, -25.864
Hunter-Lab	25.806, -2.047, -14.222
Binary	00110000, 01001011, 01101000

#304b68
```
#304b68 rgb(48,75,104)
```
#684d30
```
#684d30 rgb(104,77,48)
```

Complementary Color

#306768
```
#306768 rgb(48,103,104)
```
#304b68
```
#304b68 rgb(48,75,104)
```
#313068
```
#313068 rgb(49,48,104)
```

Analogous Color

#676830
```
#676830 rgb(103,104,48)
```
#304b68
```
#304b68 rgb(48,75,104)
```
#683130
```
#683130 rgb(104,49,48)
```

Split Complementary Color

#4b6830
```
#4b6830 rgb(75,104,48)
```
#304b68
```
#304b68 rgb(48,75,104)
```
#68304b
```
#68304b rgb(104,48,75)
```

Triadic Color

#30684d
```
#30684d rgb(48,104,77)
```
#304b68
```
#304b68 rgb(48,75,104)
```
#68304b
```
#68304b rgb(104,48,75)
```
#684d30
```
#684d30 rgb(104,77,48)
```

Tetradic Color

#182534
```
#182534 rgb(24,37,52)
```
#203245
```
#203245 rgb(32,50,69)
```
#283e57
```
#283e57 rgb(40,62,87)
```
#304b68
```
#304b68 rgb(48,75,104)
```
#385879
```
#385879 rgb(56,88,121)
```
#40648b
```
#40648b rgb(64,100,139)
```
#48719c
```
#48719c rgb(72,113,156)
```

Monochromatic Color

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

#305968
```
#305968 rgb(48,89,104)
```
#305468
```
#305468 rgb(48,84,104)
```
#305068
```
#305068 rgb(48,80,104)
```
#304b68
```
#304b68 rgb(48,75,104)
```
#304668
```
#304668 rgb(48,70,104)
```
#304268
```
#304268 rgb(48,66,104)
```
#303d68
```
#303d68 rgb(48,61,104)
```

Similar Colors

Text with hexadecimal color #304b68

This text has a font color of #304b68.

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

#304b68 background color

This paragraph has a background color of #304b68.

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

#304b68 border color

This element has a border color of #304b68.

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

CSS codes

.text {color:#304b68;}

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

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

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, #05070a is the darkest color, while #fcfdfd is the lightest one.

#05070a
```
#05070a rgb(5,7,10)
```
#0b1117
```
#0b1117 rgb(11,17,23)
```
#111b25
```
#111b25 rgb(17,27,37)
```
#172432
```
#172432 rgb(23,36,50)
```
#1d2e40
```
#1d2e40 rgb(29,46,64)
```
#24384d
```
#24384d rgb(36,56,77)
```
#2a415b
```
#2a415b rgb(42,65,91)
```
#304b68
```
#304b68 rgb(48,75,104)
```
#365575
```
#365575 rgb(54,85,117)
```
#3c5e83
```
#3c5e83 rgb(60,94,131)
```
#436890
```
#436890 rgb(67,104,144)
```
#49729e
```
#49729e rgb(73,114,158)
```
#4f7bab
```
#4f7bab rgb(79,123,171)
```

Shade Color Variation

#5b85b3
```
#5b85b3 rgb(91,133,179)
```
#688fb9
```
#688fb9 rgb(104,143,185)
```
#7599c0
```
#7599c0 rgb(117,153,192)
```
#83a3c6
```
#83a3c6 rgb(131,163,198)
```
#90adcc
```
#90adcc rgb(144,173,204)
```
#9eb7d2
```
#9eb7d2 rgb(158,183,210)
```
#abc1d8
```
#abc1d8 rgb(171,193,216)
```
#b9cbde
```
#b9cbde rgb(185,203,222)
```
#c6d5e5
```
#c6d5e5 rgb(198,213,229)
```
#d3dfeb
```
#d3dfeb rgb(211,223,235)
```
#e1e9f1
```
#e1e9f1 rgb(225,233,241)
```
#eef3f7
```
#eef3f7 rgb(238,243,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#474c51
```
#474c51 rgb(71,76,81)
```
#424c56
```
#424c56 rgb(66,76,86)
```
#3c4b5c
```
#3c4b5c rgb(60,75,92)
```
#364b62
```
#364b62 rgb(54,75,98)
```
#304b68
```
#304b68 rgb(48,75,104)
```
#2a4b6e
```
#2a4b6e rgb(42,75,110)
```
#244b74
```
#244b74 rgb(36,75,116)
```
#1e4a7a
```
#1e4a7a rgb(30,74,122)
```
#194a7f
```
#194a7f rgb(25,74,127)
```
#134a85
```
#134a85 rgb(19,74,133)
```
#0d4a8b
```
#0d4a8b rgb(13,74,139)
```
#074a91
```
#074a91 rgb(7,74,145)
```
#014997
```
#014997 rgb(1,73,151)
```

Tone Color Variation

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

Dichromacy

#49516d Protanopia 1% of men
#465170 Deuteranopia 1% of men
#33575e Tritanopia 0.001% of the population

Trichromacy

#404f6b Protanomaly 1% of men, 0.01% of women
#3e4f6d Deuteranomaly 6% of men, 0.4% of women
#325361 Tritanomaly 0.01% of the population

#304b68 hex color

#304b68 Color Information

#304b68 Color Conversion

Color Schemes with #304b68

Alternatives to #304b68

#304b68 Preview

Shades and Tints of #304b68

Tones of #304b68

Color Blindness Simulator