#304f64 hex color

In a RGB color space, hex #304f64 is composed of 18.8% red, 31% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 21% magenta, 0% yellow and 60.8% black. It has a hue angle of 204.2 degrees, a saturation of 35.1% and a lightness of 29%. #304f64 color hex could be obtained by blending #609ec8 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #304f64 has RGB values of R:48, G:79, B:100 and CMYK values of C:0.52, M:0.21, Y:0, K:0.61. Its decimal value is 3166052.

Hex triplet	304f64	`#304f64`
RGB Decimal	48, 79, 100	`rgb(48,79,100)`
RGB Percent	18.8, 31, 39.2	`rgb(18.8%,31%,39.2%)`
CMYK	52, 21, 0, 61
HSL	204.2°, 35.1, 29	`hsl(204.2,35.1%,29%)`
HSV (or HSB)	204.2°, 52, 39.2
Web Safe	336666	`#336666`

CIE-LAB	32.124, -4.923, -15.765
XYZ	6.315, 7.14, 13.101
xyY	0.238, 0.269, 7.14
CIE-LCH	32.124, 16.516, 252.657
CIE-LUV	32.124, -13.551, -19.862
Hunter-Lab	26.721, -4.579, -10.365
Binary	00110000, 01001111, 01100100

#304f64
```
#304f64 rgb(48,79,100)
```
#644530
```
#644530 rgb(100,69,48)
```

Complementary Color

#30645f
```
#30645f rgb(48,100,95)
```
#304f64
```
#304f64 rgb(48,79,100)
```
#303564
```
#303564 rgb(48,53,100)
```

Analogous Color

#645f30
```
#645f30 rgb(100,95,48)
```
#304f64
```
#304f64 rgb(48,79,100)
```
#643035
```
#643035 rgb(100,48,53)
```

Split Complementary Color

#4f6430
```
#4f6430 rgb(79,100,48)
```
#304f64
```
#304f64 rgb(48,79,100)
```
#64304f
```
#64304f rgb(100,48,79)
```

Triadic Color

#306445
```
#306445 rgb(48,100,69)
```
#304f64
```
#304f64 rgb(48,79,100)
```
#64304f
```
#64304f rgb(100,48,79)
```
#644530
```
#644530 rgb(100,69,48)
```

Tetradic Color

#172630
```
#172630 rgb(23,38,48)
```
#1f3442
```
#1f3442 rgb(31,52,66)
```
#284153
```
#284153 rgb(40,65,83)
```
#304f64
```
#304f64 rgb(48,79,100)
```
#385d75
```
#385d75 rgb(56,93,117)
```
#416a86
```
#416a86 rgb(65,106,134)
```
#497898
```
#497898 rgb(73,120,152)
```

Monochromatic Color

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

#305c64
```
#305c64 rgb(48,92,100)
```
#305864
```
#305864 rgb(48,88,100)
```
#305364
```
#305364 rgb(48,83,100)
```
#304f64
```
#304f64 rgb(48,79,100)
```
#304b64
```
#304b64 rgb(48,75,100)
```
#304664
```
#304664 rgb(48,70,100)
```
#304264
```
#304264 rgb(48,66,100)
```

Similar Colors

Text with hexadecimal color #304f64

This text has a font color of #304f64.

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

#304f64 background color

This paragraph has a background color of #304f64.

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

#304f64 border color

This element has a border color of #304f64.

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

CSS codes

.text {color:#304f64;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#0a1014
```
#0a1014 rgb(10,16,20)
```
#101b22
```
#101b22 rgb(16,27,34)
```
#17252f
```
#17252f rgb(23,37,47)
```
#1d303c
```
#1d303c rgb(29,48,60)
```
#233a49
```
#233a49 rgb(35,58,73)
```
#2a4557
```
#2a4557 rgb(42,69,87)
```
#304f64
```
#304f64 rgb(48,79,100)
```
#365971
```
#365971 rgb(54,89,113)
```
#3d647f
```
#3d647f rgb(61,100,127)
```
#436e8c
```
#436e8c rgb(67,110,140)
```
#497999
```
#497999 rgb(73,121,153)
```
#5083a6
```
#5083a6 rgb(80,131,166)
```

Shade Color Variation

#5a8db0
```
#5a8db0 rgb(90,141,176)
```
#6796b6
```
#6796b6 rgb(103,150,182)
```
#749fbc
```
#749fbc rgb(116,159,188)
```
#82a9c3
```
#82a9c3 rgb(130,169,195)
```
#8fb2c9
```
#8fb2c9 rgb(143,178,201)
```
#9cbbd0
```
#9cbbd0 rgb(156,187,208)
```
#a9c4d6
```
#a9c4d6 rgb(169,196,214)
```
#b7cddc
```
#b7cddc rgb(183,205,220)
```
#c4d6e3
```
#c4d6e3 rgb(196,214,227)
```
#d1dfe9
```
#d1dfe9 rgb(209,223,233)
```
#dee9ef
```
#dee9ef rgb(222,233,239)
```
#ecf2f6
```
#ecf2f6 rgb(236,242,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#474b4d
```
#474b4d rgb(71,75,77)
```
#414c53
```
#414c53 rgb(65,76,83)
```
#3b4d59
```
#3b4d59 rgb(59,77,89)
```
#364e5e
```
#364e5e rgb(54,78,94)
```
#304f64
```
#304f64 rgb(48,79,100)
```
#2a506a
```
#2a506a rgb(42,80,106)
```
#25516f
```
#25516f rgb(37,81,111)
```
#1f5275
```
#1f5275 rgb(31,82,117)
```
#19537b
```
#19537b rgb(25,83,123)
```
#145480
```
#145480 rgb(20,84,128)
```
#0e5686
```
#0e5686 rgb(14,86,134)
```
#08578c
```
#08578c rgb(8,87,140)
```
#025892
```
#025892 rgb(2,88,146)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#43494e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5469 Protanopia 1% of men
#4e536d Deuteranopia 1% of men
#365a60 Tritanopia 0.001% of the population

Trichromacy

#435267 Protanomaly 1% of men, 0.01% of women
#43526a Deuteranomaly 6% of men, 0.4% of women
#335661 Tritanomaly 0.01% of the population

#304f64 hex color

#304f64 Color Information

#304f64 Color Conversion

Color Schemes with #304f64

Alternatives to #304f64

#304f64 Preview

Shades and Tints of #304f64

Tones of #304f64

Color Blindness Simulator