#305564 hex color

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

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

● #305564 color description : Very dark desaturated blue.

The hexadecimal color #305564 has RGB values of R:48, G:85, B:100 and CMYK values of C:0.52, M:0.15, Y:0, K:0.61. Its decimal value is 3167588.

Hex triplet	305564	`#305564`
RGB Decimal	48, 85, 100	`rgb(48,85,100)`
RGB Percent	18.8, 33.3, 39.2	`rgb(18.8%,33.3%,39.2%)`
CMYK	52, 15, 0, 61
HSL	197.3°, 35.1, 29	`hsl(197.3,35.1%,29%)`
HSV (or HSB)	197.3°, 52, 39.2
Web Safe	336666	`#336666`

CIE-LAB	34.077, -8.615, -12.776
XYZ	6.767, 8.045, 13.252
xyY	0.241, 0.287, 8.045
CIE-LCH	34.077, 15.409, 236.008
CIE-LUV	34.077, -15.925, -15.632
Hunter-Lab	28.364, -7.05, -7.847
Binary	00110000, 01010101, 01100100

#305564
```
#305564 rgb(48,85,100)
```
#643f30
```
#643f30 rgb(100,63,48)
```

Complementary Color

#306459
```
#306459 rgb(48,100,89)
```
#305564
```
#305564 rgb(48,85,100)
```
#303b64
```
#303b64 rgb(48,59,100)
```

Analogous Color

#645930
```
#645930 rgb(100,89,48)
```
#305564
```
#305564 rgb(48,85,100)
```
#64303b
```
#64303b rgb(100,48,59)
```

Split Complementary Color

#556430
```
#556430 rgb(85,100,48)
```
#305564
```
#305564 rgb(48,85,100)
```
#643055
```
#643055 rgb(100,48,85)
```

Triadic Color

#30643f
```
#30643f rgb(48,100,63)
```
#305564
```
#305564 rgb(48,85,100)
```
#643055
```
#643055 rgb(100,48,85)
```
#643f30
```
#643f30 rgb(100,63,48)
```

Tetradic Color

#172930
```
#172930 rgb(23,41,48)
```
#1f3842
```
#1f3842 rgb(31,56,66)
```
#284653
```
#284653 rgb(40,70,83)
```
#305564
```
#305564 rgb(48,85,100)
```
#386475
```
#386475 rgb(56,100,117)
```
#417286
```
#417286 rgb(65,114,134)
```
#498198
```
#498198 rgb(73,129,152)
```

Monochromatic Color

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

#306264
```
#306264 rgb(48,98,100)
```
#305e64
```
#305e64 rgb(48,94,100)
```
#305964
```
#305964 rgb(48,89,100)
```
#305564
```
#305564 rgb(48,85,100)
```
#305164
```
#305164 rgb(48,81,100)
```
#304c64
```
#304c64 rgb(48,76,100)
```
#304864
```
#304864 rgb(48,72,100)
```

Similar Colors

Text with hexadecimal color #305564

This text has a font color of #305564.

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

#305564 background color

This paragraph has a background color of #305564.

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

#305564 border color

This element has a border color of #305564.

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

CSS codes

.text {color:#305564;}

.background {background-color:#305564;}

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

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)
```
#101d22
```
#101d22 rgb(16,29,34)
```
#17282f
```
#17282f rgb(23,40,47)
```
#1d333c
```
#1d333c rgb(29,51,60)
```
#233e49
```
#233e49 rgb(35,62,73)
```
#2a4a57
```
#2a4a57 rgb(42,74,87)
```
#305564
```
#305564 rgb(48,85,100)
```
#366071
```
#366071 rgb(54,96,113)
```
#3d6c7f
```
#3d6c7f rgb(61,108,127)
```
#43778c
```
#43778c rgb(67,119,140)
```
#498299
```
#498299 rgb(73,130,153)
```
#508da6
```
#508da6 rgb(80,141,166)
```

Shade Color Variation

#5a97b0
```
#5a97b0 rgb(90,151,176)
```
#679fb6
```
#679fb6 rgb(103,159,182)
```
#74a8bc
```
#74a8bc rgb(116,168,188)
```
#82b0c3
```
#82b0c3 rgb(130,176,195)
```
#8fb8c9
```
#8fb8c9 rgb(143,184,201)
```
#9cc1d0
```
#9cc1d0 rgb(156,193,208)
```
#a9c9d6
```
#a9c9d6 rgb(169,201,214)
```
#b7d1dc
```
#b7d1dc rgb(183,209,220)
```
#c4dae3
```
#c4dae3 rgb(196,218,227)
```
#d1e2e9
```
#d1e2e9 rgb(209,226,233)
```
#deebef
```
#deebef rgb(222,235,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 #026892 is the most saturated one.

#474b4d
```
#474b4d rgb(71,75,77)
```
#414e53
```
#414e53 rgb(65,78,83)
```
#3b5059
```
#3b5059 rgb(59,80,89)
```
#36535e
```
#36535e rgb(54,83,94)
```
#305564
```
#305564 rgb(48,85,100)
```
#2a576a
```
#2a576a rgb(42,87,106)
```
#255a6f
```
#255a6f rgb(37,90,111)
```
#1f5c75
```
#1f5c75 rgb(31,92,117)
```
#195f7b
```
#195f7b rgb(25,95,123)
```
#146180
```
#146180 rgb(20,97,128)
```
#0e6386
```
#0e6386 rgb(14,99,134)
```
#08668c
```
#08668c rgb(8,102,140)
```
#026892
```
#026892 rgb(2,104,146)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464e51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555868 Protanopia 1% of men
#55576e Deuteranopia 1% of men
#385e65 Tritanopia 0.001% of the population

Trichromacy

#475767 Protanomaly 1% of men, 0.01% of women
#48566a Deuteranomaly 6% of men, 0.4% of women
#355b65 Tritanomaly 0.01% of the population

#305564 hex color

#305564 Color Information

#305564 Color Conversion

Color Schemes with #305564

Alternatives to #305564

#305564 Preview

Shades and Tints of #305564

Tones of #305564

Color Blindness Simulator