#304064 hex color

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

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

● #304064 color description : Very dark desaturated blue.

The hexadecimal color #304064 has RGB values of R:48, G:64, B:100 and CMYK values of C:0.52, M:0.36, Y:0, K:0.61. Its decimal value is 3162212.

Hex triplet	304064	`#304064`
RGB Decimal	48, 64, 100	`rgb(48,64,100)`
RGB Percent	18.8, 25.1, 39.2	`rgb(18.8%,25.1%,39.2%)`
CMYK	52, 36, 0, 61
HSL	221.5°, 35.1, 29	`hsl(221.5,35.1%,29%)`
HSV (or HSB)	221.5°, 52, 39.2
Web Safe	333366	`#333366`

CIE-LAB	27.339, 4.84, -23.203
XYZ	5.352, 5.215, 12.78
xyY	0.229, 0.223, 5.215
CIE-LCH	27.339, 23.702, 281.783
CIE-LUV	27.339, -7.906, -29.628
Hunter-Lab	22.836, 1.87, -17.196
Binary	00110000, 01000000, 01100100

#304064
```
#304064 rgb(48,64,100)
```
#645430
```
#645430 rgb(100,84,48)
```

Complementary Color

#305a64
```
#305a64 rgb(48,90,100)
```
#304064
```
#304064 rgb(48,64,100)
```
#3a3064
```
#3a3064 rgb(58,48,100)
```

Analogous Color

#5a6430
```
#5a6430 rgb(90,100,48)
```
#304064
```
#304064 rgb(48,64,100)
```
#643a30
```
#643a30 rgb(100,58,48)
```

Split Complementary Color

#406430
```
#406430 rgb(64,100,48)
```
#304064
```
#304064 rgb(48,64,100)
```
#643040
```
#643040 rgb(100,48,64)
```

Triadic Color

#306454
```
#306454 rgb(48,100,84)
```
#304064
```
#304064 rgb(48,64,100)
```
#643040
```
#643040 rgb(100,48,64)
```
#645430
```
#645430 rgb(100,84,48)
```

Tetradic Color

#171f30
```
#171f30 rgb(23,31,48)
```
#1f2a42
```
#1f2a42 rgb(31,42,66)
```
#283553
```
#283553 rgb(40,53,83)
```
#304064
```
#304064 rgb(48,64,100)
```
#384b75
```
#384b75 rgb(56,75,117)
```
#415686
```
#415686 rgb(65,86,134)
```
#496198
```
#496198 rgb(73,97,152)
```

Monochromatic Color

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

#304d64
```
#304d64 rgb(48,77,100)
```
#304964
```
#304964 rgb(48,73,100)
```
#304464
```
#304464 rgb(48,68,100)
```
#304064
```
#304064 rgb(48,64,100)
```
#303c64
```
#303c64 rgb(48,60,100)
```
#303764
```
#303764 rgb(48,55,100)
```
#303364
```
#303364 rgb(48,51,100)
```

Similar Colors

Text with hexadecimal color #304064

This text has a font color of #304064.

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

#304064 background color

This paragraph has a background color of #304064.

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

#304064 border color

This element has a border color of #304064.

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

CSS codes

.text {color:#304064;}

.background {background-color:#304064;}

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

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 #f9fafc is the lightest one.

#030507
```
#030507 rgb(3,5,7)
```
#0a0d14
```
#0a0d14 rgb(10,13,20)
```
#101622
```
#101622 rgb(16,22,34)
```
#171e2f
```
#171e2f rgb(23,30,47)
```
#1d273c
```
#1d273c rgb(29,39,60)
```
#232f49
```
#232f49 rgb(35,47,73)
```
#2a3857
```
#2a3857 rgb(42,56,87)
```
#304064
```
#304064 rgb(48,64,100)
```
#364871
```
#364871 rgb(54,72,113)
```
#3d517f
```
#3d517f rgb(61,81,127)
```
#43598c
```
#43598c rgb(67,89,140)
```
#496299
```
#496299 rgb(73,98,153)
```
#506aa6
```
#506aa6 rgb(80,106,166)
```

Shade Color Variation

#5a74b0
```
#5a74b0 rgb(90,116,176)
```
#677fb6
```
#677fb6 rgb(103,127,182)
```
#748bbc
```
#748bbc rgb(116,139,188)
```
#8296c3
```
#8296c3 rgb(130,150,195)
```
#8fa1c9
```
#8fa1c9 rgb(143,161,201)
```
#9cacd0
```
#9cacd0 rgb(156,172,208)
```
#a9b7d6
```
#a9b7d6 rgb(169,183,214)
```
#b7c2dc
```
#b7c2dc rgb(183,194,220)
```
#c4cde3
```
#c4cde3 rgb(196,205,227)
```
#d1d9e9
```
#d1d9e9 rgb(209,217,233)
```
#dee4ef
```
#dee4ef rgb(222,228,239)
```
#eceff6
```
#eceff6 rgb(236,239,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #47494d is the less saturated color, while #022e92 is the most saturated one.

#47494d
```
#47494d rgb(71,73,77)
```
#414753
```
#414753 rgb(65,71,83)
```
#3b4459
```
#3b4459 rgb(59,68,89)
```
#36425e
```
#36425e rgb(54,66,94)
```
#304064
```
#304064 rgb(48,64,100)
```
#2a3e6a
```
#2a3e6a rgb(42,62,106)
```
#253c6f
```
#253c6f rgb(37,60,111)
```
#1f3975
```
#1f3975 rgb(31,57,117)
```
#19377b
```
#19377b rgb(25,55,123)
```
#143580
```
#143580 rgb(20,53,128)
```
#0e3386
```
#0e3386 rgb(14,51,134)
```
#08318c
```
#08318c rgb(8,49,140)
```
#022e92
```
#022e92 rgb(2,46,146)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3f46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d496b Protanopia 1% of men
#394a6b Deuteranopia 1% of men
#314e54 Tritanopia 0.001% of the population

Trichromacy

#384568 Protanomaly 1% of men, 0.01% of women
#364669 Deuteranomaly 6% of men, 0.4% of women
#30495a Tritanomaly 0.01% of the population

#304064 hex color

#304064 Color Information

#304064 Color Conversion

Color Schemes with #304064

Alternatives to #304064

#304064 Preview

Shades and Tints of #304064

Tones of #304064

Color Blindness Simulator