#305464 hex color

In a RGB color space, hex #305464 is composed of 18.8% red, 32.9% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 16% magenta, 0% yellow and 60.8% black. It has a hue angle of 198.5 degrees, a saturation of 35.1% and a lightness of 29%. #305464 color hex could be obtained by blending #60a8c8 with #000000. Closest websafe color is: #336666.

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

● #305464 color description : Very dark desaturated blue.

The hexadecimal color #305464 has RGB values of R:48, G:84, B:100 and CMYK values of C:0.52, M:0.16, Y:0, K:0.61. Its decimal value is 3167332.

Hex triplet	305464	`#305464`
RGB Decimal	48, 84, 100	`rgb(48,84,100)`
RGB Percent	18.8, 32.9, 39.2	`rgb(18.8%,32.9%,39.2%)`
CMYK	52, 16, 0, 61
HSL	198.5°, 35.1, 29	`hsl(198.5,35.1%,29%)`
HSV (or HSB)	198.5°, 52, 39.2
Web Safe	336666	`#336666`

CIE-LAB	33.75, -8.009, -13.274
XYZ	6.689, 7.889, 13.226
xyY	0.241, 0.284, 7.889
CIE-LCH	33.75, 15.503, 238.896
CIE-LUV	33.75, -15.526, -16.345
Hunter-Lab	28.087, -6.642, -8.259
Binary	00110000, 01010100, 01100100

#305464
```
#305464 rgb(48,84,100)
```
#644030
```
#644030 rgb(100,64,48)
```

Complementary Color

#30645a
```
#30645a rgb(48,100,90)
```
#305464
```
#305464 rgb(48,84,100)
```
#303a64
```
#303a64 rgb(48,58,100)
```

Analogous Color

#645a30
```
#645a30 rgb(100,90,48)
```
#305464
```
#305464 rgb(48,84,100)
```
#64303a
```
#64303a rgb(100,48,58)
```

Split Complementary Color

#546430
```
#546430 rgb(84,100,48)
```
#305464
```
#305464 rgb(48,84,100)
```
#643054
```
#643054 rgb(100,48,84)
```

Triadic Color

#306440
```
#306440 rgb(48,100,64)
```
#305464
```
#305464 rgb(48,84,100)
```
#643054
```
#643054 rgb(100,48,84)
```
#644030
```
#644030 rgb(100,64,48)
```

Tetradic Color

#172930
```
#172930 rgb(23,41,48)
```
#1f3742
```
#1f3742 rgb(31,55,66)
```
#284653
```
#284653 rgb(40,70,83)
```
#305464
```
#305464 rgb(48,84,100)
```
#386275
```
#386275 rgb(56,98,117)
```
#417186
```
#417186 rgb(65,113,134)
```
#497f98
```
#497f98 rgb(73,127,152)
```

Monochromatic Color

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

#306164
```
#306164 rgb(48,97,100)
```
#305d64
```
#305d64 rgb(48,93,100)
```
#305864
```
#305864 rgb(48,88,100)
```
#305464
```
#305464 rgb(48,84,100)
```
#305064
```
#305064 rgb(48,80,100)
```
#304b64
```
#304b64 rgb(48,75,100)
```
#304764
```
#304764 rgb(48,71,100)
```

Similar Colors

Text with hexadecimal color #305464

This text has a font color of #305464.

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

#305464 background color

This paragraph has a background color of #305464.

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

#305464 border color

This element has a border color of #305464.

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

CSS codes

.text {color:#305464;}

.background {background-color:#305464;}

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

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)
```
#0a1114
```
#0a1114 rgb(10,17,20)
```
#101c22
```
#101c22 rgb(16,28,34)
```
#17272f
```
#17272f rgb(23,39,47)
```
#1d333c
```
#1d333c rgb(29,51,60)
```
#233e49
```
#233e49 rgb(35,62,73)
```
#2a4957
```
#2a4957 rgb(42,73,87)
```
#305464
```
#305464 rgb(48,84,100)
```
#365f71
```
#365f71 rgb(54,95,113)
```
#3d6a7f
```
#3d6a7f rgb(61,106,127)
```
#43758c
```
#43758c rgb(67,117,140)
```
#498199
```
#498199 rgb(73,129,153)
```
#508ca6
```
#508ca6 rgb(80,140,166)
```

Shade Color Variation

#5a95b0
```
#5a95b0 rgb(90,149,176)
```
#679eb6
```
#679eb6 rgb(103,158,182)
```
#74a6bc
```
#74a6bc rgb(116,166,188)
```
#82afc3
```
#82afc3 rgb(130,175,195)
```
#8fb7c9
```
#8fb7c9 rgb(143,183,201)
```
#9cc0d0
```
#9cc0d0 rgb(156,192,208)
```
#a9c8d6
```
#a9c8d6 rgb(169,200,214)
```
#b7d1dc
```
#b7d1dc rgb(183,209,220)
```
#c4d9e3
```
#c4d9e3 rgb(196,217,227)
```
#d1e2e9
```
#d1e2e9 rgb(209,226,233)
```
#deeaef
```
#deeaef rgb(222,234,239)
```
#ecf3f6
```
#ecf3f6 rgb(236,243,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 #026692 is the most saturated one.

#474b4d
```
#474b4d rgb(71,75,77)
```
#414d53
```
#414d53 rgb(65,77,83)
```
#3b5059
```
#3b5059 rgb(59,80,89)
```
#36525e
```
#36525e rgb(54,82,94)
```
#305464
```
#305464 rgb(48,84,100)
```
#2a566a
```
#2a566a rgb(42,86,106)
```
#25586f
```
#25586f rgb(37,88,111)
```
#1f5b75
```
#1f5b75 rgb(31,91,117)
```
#195d7b
```
#195d7b rgb(25,93,123)
```
#145f80
```
#145f80 rgb(20,95,128)
```
#0e6186
```
#0e6186 rgb(14,97,134)
```
#08638c
```
#08638c rgb(8,99,140)
```
#026692
```
#026692 rgb(2,102,146)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#464d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545768 Protanopia 1% of men
#54576e Deuteranopia 1% of men
#375e65 Tritanopia 0.001% of the population

Trichromacy

#475667 Protanomaly 1% of men, 0.01% of women
#47556a Deuteranomaly 6% of men, 0.4% of women
#355a64 Tritanomaly 0.01% of the population

#305464 hex color

#305464 Color Information

#305464 Color Conversion

Color Schemes with #305464

Alternatives to #305464

#305464 Preview

Shades and Tints of #305464

Tones of #305464

Color Blindness Simulator