#305473 hex color

In a RGB color space, hex #305473 is composed of 18.8% red, 32.9% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 27% magenta, 0% yellow and 54.9% black. It has a hue angle of 207.8 degrees, a saturation of 41.1% and a lightness of 32%. #305473 color hex could be obtained by blending #60a8e6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 33
- B 45
RGB color chart
- C 58
- M 27
- Y 0
- K 55
CMYK color chart

● #305473 color description : Dark moderate blue.

The hexadecimal color #305473 has RGB values of R:48, G:84, B:115 and CMYK values of C:0.58, M:0.27, Y:0, K:0.55. Its decimal value is 3167347.

Hex triplet	305473	`#305473`
RGB Decimal	48, 84, 115	`rgb(48,84,115)`
RGB Percent	18.8, 32.9, 45.1	`rgb(18.8%,32.9%,45.1%)`
CMYK	58, 27, 0, 55
HSL	207.8°, 41.1, 32	`hsl(207.8,41.1%,32%)`
HSV (or HSB)	207.8°, 58.3, 45.1
Web Safe	336666	`#336666`

CIE-LAB	34.409, -2.983, -21.638
XYZ	7.483, 8.206, 17.408
xyY	0.226, 0.248, 8.206
CIE-LCH	34.409, 21.842, 262.15
CIE-LUV	34.409, -15.254, -28.767
Hunter-Lab	28.647, -3.505, -15.977
Binary	00110000, 01010100, 01110011

#305473
```
#305473 rgb(48,84,115)
```
#734f30
```
#734f30 rgb(115,79,48)
```

Complementary Color

#307371
```
#307371 rgb(48,115,113)
```
#305473
```
#305473 rgb(48,84,115)
```
#303373
```
#303373 rgb(48,51,115)
```

Analogous Color

#737130
```
#737130 rgb(115,113,48)
```
#305473
```
#305473 rgb(48,84,115)
```
#733033
```
#733033 rgb(115,48,51)
```

Split Complementary Color

#547330
```
#547330 rgb(84,115,48)
```
#305473
```
#305473 rgb(48,84,115)
```
#733054
```
#733054 rgb(115,48,84)
```

Triadic Color

#30734f
```
#30734f rgb(48,115,79)
```
#305473
```
#305473 rgb(48,84,115)
```
#733054
```
#733054 rgb(115,48,84)
```
#734f30
```
#734f30 rgb(115,79,48)
```

Tetradic Color

#192d3d
```
#192d3d rgb(25,45,61)
```
#213a4f
```
#213a4f rgb(33,58,79)
```
#284761
```
#284761 rgb(40,71,97)
```
#305473
```
#305473 rgb(48,84,115)
```
#386185
```
#386185 rgb(56,97,133)
```
#3f6e97
```
#3f6e97 rgb(63,110,151)
```
#477ba9
```
#477ba9 rgb(71,123,169)
```

Monochromatic Color

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

#306573
```
#306573 rgb(48,101,115)
```
#305f73
```
#305f73 rgb(48,95,115)
```
#305a73
```
#305a73 rgb(48,90,115)
```
#305473
```
#305473 rgb(48,84,115)
```
#304e73
```
#304e73 rgb(48,78,115)
```
#304973
```
#304973 rgb(48,73,115)
```
#304373
```
#304373 rgb(48,67,115)
```

Similar Colors

Text with hexadecimal color #305473

This text has a font color of #305473.

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

#305473 background color

This paragraph has a background color of #305473.

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

#305473 border color

This element has a border color of #305473.

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

CSS codes

.text {color:#305473;}

.background {background-color:#305473;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080d12
```
#080d12 rgb(8,13,18)
```
#0d1720
```
#0d1720 rgb(13,23,32)
```
#13212e
```
#13212e rgb(19,33,46)
```
#192c3c
```
#192c3c rgb(25,44,60)
```
#1f3649
```
#1f3649 rgb(31,54,73)
```
#244057
```
#244057 rgb(36,64,87)
```
#2a4a65
```
#2a4a65 rgb(42,74,101)
```
#305473
```
#305473 rgb(48,84,115)
```
#365e81
```
#365e81 rgb(54,94,129)
```
#3c688f
```
#3c688f rgb(60,104,143)
```
#41729d
```
#41729d rgb(65,114,157)
```
#477caa
```
#477caa rgb(71,124,170)
```

Shade Color Variation

#4f86b6
```
#4f86b6 rgb(79,134,182)
```
#5d90bb
```
#5d90bb rgb(93,144,187)
```
#6b99c1
```
#6b99c1 rgb(107,153,193)
```
#79a3c7
```
#79a3c7 rgb(121,163,199)
```
#87accd
```
#87accd rgb(135,172,205)
```
#95b6d3
```
#95b6d3 rgb(149,182,211)
```
#a2bfd8
```
#a2bfd8 rgb(162,191,216)
```
#b0c9de
```
#b0c9de rgb(176,201,222)
```
#bed2e4
```
#bed2e4 rgb(190,210,228)
```
#ccdcea
```
#ccdcea rgb(204,220,234)
```
#dae5ef
```
#dae5ef rgb(218,229,239)
```
#e8eff5
```
#e8eff5 rgb(232,239,245)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5254 is the less saturated color, while #04579f is the most saturated one.

#4f5254
```
#4f5254 rgb(79,82,84)
```
#49525a
```
#49525a rgb(73,82,90)
```
#435360
```
#435360 rgb(67,83,96)
```
#3d5366
```
#3d5366 rgb(61,83,102)
```
#36546d
```
#36546d rgb(54,84,109)
```
#305473
```
#305473 rgb(48,84,115)
```
#2a5479
```
#2a5479 rgb(42,84,121)
```
#235580
```
#235580 rgb(35,85,128)
```
#1d5586
```
#1d5586 rgb(29,85,134)
```
#17568c
```
#17568c rgb(23,86,140)
```
#115692
```
#115692 rgb(17,86,146)
```
#0a5799
```
#0a5799 rgb(10,87,153)
```
#04579f
```
#04579f rgb(4,87,159)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474e55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505877 Protanopia 1% of men
#4c597b Deuteranopia 1% of men
#316067 Tritanopia 0.001% of the population

Trichromacy

#445775 Protanomaly 1% of men, 0.01% of women
#425778 Deuteranomaly 6% of men, 0.4% of women
#315c6b Tritanomaly 0.01% of the population

#305473 hex color

#305473 Color Information

#305473 Color Conversion

Color Schemes with #305473

Alternatives to #305473

#305473 Preview

Shades and Tints of #305473

Tones of #305473

Color Blindness Simulator