#305c78 hex color

In a RGB color space, hex #305c78 is composed of 18.8% red, 36.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 23.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 203.3 degrees, a saturation of 42.9% and a lightness of 32.9%. #305c78 color hex could be obtained by blending #60b8f0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 36
- B 47
RGB color chart
- C 60
- M 23
- Y 0
- K 53
CMYK color chart

● #305c78 color description : Dark moderate blue.

The hexadecimal color #305c78 has RGB values of R:48, G:92, B:120 and CMYK values of C:0.6, M:0.23, Y:0, K:0.53. Its decimal value is 3169400.

Hex triplet	305c78	`#305c78`
RGB Decimal	48, 92, 120	`rgb(48,92,120)`
RGB Percent	18.8, 36.1, 47.1	`rgb(18.8%,36.1%,47.1%)`
CMYK	60, 23, 0, 53
HSL	203.3°, 42.9, 32.9	`hsl(203.3,42.9%,32.9%)`
HSV (or HSB)	203.3°, 60, 47.1
Web Safe	336666	`#336666`

CIE-LAB	37.185, -6.218, -20.423
XYZ	8.435, 9.638, 19.184
xyY	0.226, 0.259, 9.638
CIE-LCH	37.185, 21.349, 253.067
CIE-LUV	37.185, -18.173, -27.25
Hunter-Lab	31.045, -5.829, -14.906
Binary	00110000, 01011100, 01111000

#305c78
```
#305c78 rgb(48,92,120)
```
#784c30
```
#784c30 rgb(120,76,48)
```

Complementary Color

#307870
```
#307870 rgb(48,120,112)
```
#305c78
```
#305c78 rgb(48,92,120)
```
#303878
```
#303878 rgb(48,56,120)
```

Analogous Color

#787030
```
#787030 rgb(120,112,48)
```
#305c78
```
#305c78 rgb(48,92,120)
```
#783038
```
#783038 rgb(120,48,56)
```

Split Complementary Color

#5c7830
```
#5c7830 rgb(92,120,48)
```
#305c78
```
#305c78 rgb(48,92,120)
```
#78305c
```
#78305c rgb(120,48,92)
```

Triadic Color

#30784c
```
#30784c rgb(48,120,76)
```
#305c78
```
#305c78 rgb(48,92,120)
```
#78305c
```
#78305c rgb(120,48,92)
```
#784c30
```
#784c30 rgb(120,76,48)
```

Tetradic Color

#1a3241
```
#1a3241 rgb(26,50,65)
```
#214054
```
#214054 rgb(33,64,84)
```
#294e66
```
#294e66 rgb(41,78,102)
```
#305c78
```
#305c78 rgb(48,92,120)
```
#376a8a
```
#376a8a rgb(55,106,138)
```
#3f789c
```
#3f789c rgb(63,120,156)
```
#4686af
```
#4686af rgb(70,134,175)
```

Monochromatic Color

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

#306e78
```
#306e78 rgb(48,110,120)
```
#306878
```
#306878 rgb(48,104,120)
```
#306278
```
#306278 rgb(48,98,120)
```
#305c78
```
#305c78 rgb(48,92,120)
```
#305678
```
#305678 rgb(48,86,120)
```
#305078
```
#305078 rgb(48,80,120)
```
#304a78
```
#304a78 rgb(48,74,120)
```

Similar Colors

Text with hexadecimal color #305c78

This text has a font color of #305c78.

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

#305c78 background color

This paragraph has a background color of #305c78.

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

#305c78 border color

This element has a border color of #305c78.

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

CSS codes

.text {color:#305c78;}

.background {background-color:#305c78;}

.border {border:1px solid #305c78;}

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

#030608
```
#030608 rgb(3,6,8)
```
#091116
```
#091116 rgb(9,17,22)
```
#0e1c24
```
#0e1c24 rgb(14,28,36)
```
#142632
```
#142632 rgb(20,38,50)
```
#1a3140
```
#1a3140 rgb(26,49,64)
```
#1f3c4e
```
#1f3c4e rgb(31,60,78)
```
#25475c
```
#25475c rgb(37,71,92)
```
#2a516a
```
#2a516a rgb(42,81,106)
```
#305c78
```
#305c78 rgb(48,92,120)
```
#366786
```
#366786 rgb(54,103,134)
```
#3b7194
```
#3b7194 rgb(59,113,148)
```
#417ca2
```
#417ca2 rgb(65,124,162)
```
#4687b0
```
#4687b0 rgb(70,135,176)
```

Shade Color Variation

#5191b9
```
#5191b9 rgb(81,145,185)
```
#5f9abf
```
#5f9abf rgb(95,154,191)
```
#6da2c5
```
#6da2c5 rgb(109,162,197)
```
#7babca
```
#7babca rgb(123,171,202)
```
#89b4d0
```
#89b4d0 rgb(137,180,208)
```
#97bdd5
```
#97bdd5 rgb(151,189,213)
```
#a5c6db
```
#a5c6db rgb(165,198,219)
```
#b3cfe1
```
#b3cfe1 rgb(179,207,225)
```
#c1d8e6
```
#c1d8e6 rgb(193,216,230)
```
#cfe1ec
```
#cfe1ec rgb(207,225,236)
```
#dde9f1
```
#dde9f1 rgb(221,233,241)
```
#ebf2f7
```
#ebf2f7 rgb(235,242,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#505558
```
#505558 rgb(80,85,88)
```
#4a565e
```
#4a565e rgb(74,86,94)
```
#435865
```
#435865 rgb(67,88,101)
```
#3d596b
```
#3d596b rgb(61,89,107)
```
#365b72
```
#365b72 rgb(54,91,114)
```
#305c78
```
#305c78 rgb(48,92,120)
```
#2a5d7e
```
#2a5d7e rgb(42,93,126)
```
#235f85
```
#235f85 rgb(35,95,133)
```
#1d608b
```
#1d608b rgb(29,96,139)
```
#166292
```
#166292 rgb(22,98,146)
```
#106398
```
#106398 rgb(16,99,152)
```
#09659f
```
#09659f rgb(9,101,159)
```
#0366a5
```
#0366a5 rgb(3,102,165)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b545a Atypical Achromatopsia 0.001% of the population

Dichromacy

#585f7b Protanopia 1% of men
#545f81 Deuteranopia 1% of men
#32676f Tritanopia 0.001% of the population

Trichromacy

#495e7a Protanomaly 1% of men, 0.01% of women
#475e7d Deuteranomaly 6% of men, 0.4% of women
#316372 Tritanomaly 0.01% of the population

#305c78 hex color

#305c78 Color Information

#305c78 Color Conversion

Color Schemes with #305c78

Alternatives to #305c78

#305c78 Preview

Shades and Tints of #305c78

Tones of #305c78

Color Blindness Simulator