colorhexa.com

#305364 hex color

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

- R 19
- G 33
- B 39
RGB color chart
- C 52
- M 17
- Y 0
- K 61
CMYK color chart

● #305364 color description : Very dark desaturated blue.

The hexadecimal color #305364 has RGB values of R:48, G:83, B:100 and CMYK values of C:0.52, M:0.17, Y:0, K:0.61. Its decimal value is 3167076.

Hex triplet	305364	`#305364`
RGB Decimal	48, 83, 100	`rgb(48,83,100)`
RGB Percent	18.8, 32.5, 39.2	`rgb(18.8%,32.5%,39.2%)`
CMYK	52, 17, 0, 61
HSL	199.6°, 35.1, 29	`hsl(199.6,35.1%,29%)`
HSV (or HSB)	199.6°, 52, 39.2
Web Safe	336666	`#336666`

CIE-LAB	33.424, -7.399, -13.772
XYZ	6.612, 7.735, 13.2
xyY	0.24, 0.281, 7.735
CIE-LCH	33.424, 15.634, 241.754
CIE-LUV	33.424, -15.129, -17.055
Hunter-Lab	27.811, -6.233, -8.674
Binary	00110000, 01010011, 01100100

#305364
```
#305364 rgb(48,83,100)
```
#644130
```
#644130 rgb(100,65,48)
```

Complementary Color

#30645b
```
#30645b rgb(48,100,91)
```
#305364
```
#305364 rgb(48,83,100)
```
#303964
```
#303964 rgb(48,57,100)
```

Analogous Color

#645b30
```
#645b30 rgb(100,91,48)
```
#305364
```
#305364 rgb(48,83,100)
```
#643039
```
#643039 rgb(100,48,57)
```

Split Complementary Color

#536430
```
#536430 rgb(83,100,48)
```
#305364
```
#305364 rgb(48,83,100)
```
#643053
```
#643053 rgb(100,48,83)
```

Triadic Color

#172830
```
#172830 rgb(23,40,48)
```
#1f3642
```
#1f3642 rgb(31,54,66)
```
#284553
```
#284553 rgb(40,69,83)
```
#305364
```
#305364 rgb(48,83,100)
```
#386175
```
#386175 rgb(56,97,117)
```
#417086
```
#417086 rgb(65,112,134)
```
#497e98
```
#497e98 rgb(73,126,152)
```

Monochromatic Color

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

#306064
```
#306064 rgb(48,96,100)
```
#305c64
```
#305c64 rgb(48,92,100)
```
#305764
```
#305764 rgb(48,87,100)
```
#305364
```
#305364 rgb(48,83,100)
```
#304f64
```
#304f64 rgb(48,79,100)
```
#304a64
```
#304a64 rgb(48,74,100)
```
#304664
```
#304664 rgb(48,70,100)
```

Similar Colors

Text with hexadecimal color #305364

This text has a font color of #305364.

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

#305364 background color

This paragraph has a background color of #305364.

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

#305364 border color

This element has a border color of #305364.

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

CSS codes

.text {color:#305364;}

.background {background-color:#305364;}

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

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)
```
#1d323c
```
#1d323c rgb(29,50,60)
```
#233d49
```
#233d49 rgb(35,61,73)
```
#2a4857
```
#2a4857 rgb(42,72,87)
```
#305364
```
#305364 rgb(48,83,100)
```
#365e71
```
#365e71 rgb(54,94,113)
```
#3d697f
```
#3d697f rgb(61,105,127)
```
#43748c
```
#43748c rgb(67,116,140)
```
#497f99
```
#497f99 rgb(73,127,153)
```
#508aa6
```
#508aa6 rgb(80,138,166)
```

Shade Color Variation

#5a94b0
```
#5a94b0 rgb(90,148,176)
```
#679cb6
```
#679cb6 rgb(103,156,182)
```
#74a5bc
```
#74a5bc rgb(116,165,188)
```
#82aec3
```
#82aec3 rgb(130,174,195)
```
#8fb6c9
```
#8fb6c9 rgb(143,182,201)
```
#9cbfd0
```
#9cbfd0 rgb(156,191,208)
```
#a9c7d6
```
#a9c7d6 rgb(169,199,214)
```
#b7d0dc
```
#b7d0dc rgb(183,208,220)
```
#c4d9e3
```
#c4d9e3 rgb(196,217,227)
```
#d1e1e9
```
#d1e1e9 rgb(209,225,233)
```
#deeaef
```
#deeaef rgb(222,234,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 #026392 is the most saturated one.

#474b4d
```
#474b4d rgb(71,75,77)
```
#414d53
```
#414d53 rgb(65,77,83)
```
#3b4f59
```
#3b4f59 rgb(59,79,89)
```
#36515e
```
#36515e rgb(54,81,94)
```
#305364
```
#305364 rgb(48,83,100)
```
#2a556a
```
#2a556a rgb(42,85,106)
```
#25576f
```
#25576f rgb(37,87,111)
```
#1f5975
```
#1f5975 rgb(31,89,117)
```
#195b7b
```
#195b7b rgb(25,91,123)
```
#145d80
```
#145d80 rgb(20,93,128)
```
#0e5f86
```
#0e5f86 rgb(14,95,134)
```
#08618c
```
#08618c rgb(8,97,140)
```
#026392
```
#026392 rgb(2,99,146)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#454c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#535768 Protanopia 1% of men
#53566e Deuteranopia 1% of men
#375d64 Tritanopia 0.001% of the population

Trichromacy

#465567 Protanomaly 1% of men, 0.01% of women
#46556a Deuteranomaly 6% of men, 0.4% of women
#345964 Tritanomaly 0.01% of the population