#305b78 hex color

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

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

● #305b78 color description : Dark moderate blue.

The hexadecimal color #305b78 has RGB values of R:48, G:91, B:120 and CMYK values of C:0.6, M:0.24, Y:0, K:0.53. Its decimal value is 3169144.

Hex triplet	305b78	`#305b78`
RGB Decimal	48, 91, 120	`rgb(48,91,120)`
RGB Percent	18.8, 35.7, 47.1	`rgb(18.8%,35.7%,47.1%)`
CMYK	60, 24, 0, 53
HSL	204.2°, 42.9, 32.9	`hsl(204.2,42.9%,32.9%)`
HSV (or HSB)	204.2°, 60, 47.1
Web Safe	336666	`#336666`

CIE-LAB	36.867, -5.606, -20.917
XYZ	8.349, 9.466, 19.155
xyY	0.226, 0.256, 9.466
CIE-LCH	36.867, 21.655, 254.996
CIE-LUV	36.867, -17.793, -27.973
Hunter-Lab	30.767, -5.402, -15.377
Binary	00110000, 01011011, 01111000

#305b78
```
#305b78 rgb(48,91,120)
```
#784d30
```
#784d30 rgb(120,77,48)
```

Complementary Color

#307871
```
#307871 rgb(48,120,113)
```
#305b78
```
#305b78 rgb(48,91,120)
```
#303778
```
#303778 rgb(48,55,120)
```

Analogous Color

#787130
```
#787130 rgb(120,113,48)
```
#305b78
```
#305b78 rgb(48,91,120)
```
#783037
```
#783037 rgb(120,48,55)
```

Split Complementary Color

#5b7830
```
#5b7830 rgb(91,120,48)
```
#305b78
```
#305b78 rgb(48,91,120)
```
#78305b
```
#78305b rgb(120,48,91)
```

Triadic Color

#30784d
```
#30784d rgb(48,120,77)
```
#305b78
```
#305b78 rgb(48,91,120)
```
#78305b
```
#78305b rgb(120,48,91)
```
#784d30
```
#784d30 rgb(120,77,48)
```

Tetradic Color

#1a3241
```
#1a3241 rgb(26,50,65)
```
#213f54
```
#213f54 rgb(33,63,84)
```
#294d66
```
#294d66 rgb(41,77,102)
```
#305b78
```
#305b78 rgb(48,91,120)
```
#37698a
```
#37698a rgb(55,105,138)
```
#3f779c
```
#3f779c rgb(63,119,156)
```
#4684af
```
#4684af rgb(70,132,175)
```

Monochromatic Color

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

#306d78
```
#306d78 rgb(48,109,120)
```
#306778
```
#306778 rgb(48,103,120)
```
#306178
```
#306178 rgb(48,97,120)
```
#305b78
```
#305b78 rgb(48,91,120)
```
#305578
```
#305578 rgb(48,85,120)
```
#304f78
```
#304f78 rgb(48,79,120)
```
#304978
```
#304978 rgb(48,73,120)
```

Similar Colors

Text with hexadecimal color #305b78

This text has a font color of #305b78.

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

#305b78 background color

This paragraph has a background color of #305b78.

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

#305b78 border color

This element has a border color of #305b78.

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

CSS codes

.text {color:#305b78;}

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

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

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)
```
#0e1b24
```
#0e1b24 rgb(14,27,36)
```
#142632
```
#142632 rgb(20,38,50)
```
#1a3140
```
#1a3140 rgb(26,49,64)
```
#1f3b4e
```
#1f3b4e rgb(31,59,78)
```
#25465c
```
#25465c rgb(37,70,92)
```
#2a506a
```
#2a506a rgb(42,80,106)
```
#305b78
```
#305b78 rgb(48,91,120)
```
#366686
```
#366686 rgb(54,102,134)
```
#3b7094
```
#3b7094 rgb(59,112,148)
```
#417ba2
```
#417ba2 rgb(65,123,162)
```
#4686b0
```
#4686b0 rgb(70,134,176)
```

Shade Color Variation

#518fb9
```
#518fb9 rgb(81,143,185)
```
#5f98bf
```
#5f98bf rgb(95,152,191)
```
#6da1c5
```
#6da1c5 rgb(109,161,197)
```
#7baaca
```
#7baaca rgb(123,170,202)
```
#89b3d0
```
#89b3d0 rgb(137,179,208)
```
#97bcd5
```
#97bcd5 rgb(151,188,213)
```
#a5c5db
```
#a5c5db rgb(165,197,219)
```
#b3cee1
```
#b3cee1 rgb(179,206,225)
```
#c1d7e6
```
#c1d7e6 rgb(193,215,230)
```
#cfe0ec
```
#cfe0ec rgb(207,224,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 #0364a5 is the most saturated one.

#505558
```
#505558 rgb(80,85,88)
```
#4a565e
```
#4a565e rgb(74,86,94)
```
#435765
```
#435765 rgb(67,87,101)
```
#3d586b
```
#3d586b rgb(61,88,107)
```
#365a72
```
#365a72 rgb(54,90,114)
```
#305b78
```
#305b78 rgb(48,91,120)
```
#2a5c7e
```
#2a5c7e rgb(42,92,126)
```
#235e85
```
#235e85 rgb(35,94,133)
```
#1d5f8b
```
#1d5f8b rgb(29,95,139)
```
#166092
```
#166092 rgb(22,96,146)
```
#106198
```
#106198 rgb(16,97,152)
```
#09639f
```
#09639f rgb(9,99,159)
```
#0364a5
```
#0364a5 rgb(3,100,165)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a5359 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565e7b Protanopia 1% of men
#535e80 Deuteranopia 1% of men
#32666e Tritanopia 0.001% of the population

Trichromacy

#485d7a Protanomaly 1% of men, 0.01% of women
#465d7d Deuteranomaly 6% of men, 0.4% of women
#316271 Tritanomaly 0.01% of the population

#305b78 hex color

#305b78 Color Information

#305b78 Color Conversion

Color Schemes with #305b78

Alternatives to #305b78

#305b78 Preview

Shades and Tints of #305b78

Tones of #305b78

Color Blindness Simulator