#305481 hex color

In a RGB color space, hex #305481 is composed of 18.8% red, 32.9% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 34.9% magenta, 0% yellow and 49.4% black. It has a hue angle of 213.3 degrees, a saturation of 45.8% and a lightness of 34.7%. #305481 color hex could be obtained by blending #60a8ff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 33
- B 51
RGB color chart
- C 63
- M 35
- Y 0
- K 49
CMYK color chart

● #305481 color description : Dark moderate blue.

The hexadecimal color #305481 has RGB values of R:48, G:84, B:129 and CMYK values of C:0.63, M:0.35, Y:0, K:0.49. Its decimal value is 3167361.

Hex triplet	305481	`#305481`
RGB Decimal	48, 84, 129	`rgb(48,84,129)`
RGB Percent	18.8, 32.9, 50.6	`rgb(18.8%,32.9%,50.6%)`
CMYK	63, 35, 0, 49
HSL	213.3°, 45.8, 34.7	`hsl(213.3,45.8%,34.7%)`
HSV (or HSB)	213.3°, 62.8, 50.6
Web Safe	336699	`#336699`

CIE-LAB	35.11, 1.978, -29.201
XYZ	8.351, 8.553, 21.979
xyY	0.215, 0.22, 8.553
CIE-LCH	35.11, 29.268, 273.875
CIE-LUV	35.11, -15.043, -40.325
Hunter-Lab	29.246, -0.213, -24.084
Binary	00110000, 01010100, 10000001

#305481
```
#305481 rgb(48,84,129)
```
#815d30
```
#815d30 rgb(129,93,48)
```

Complementary Color

#307d81
```
#307d81 rgb(48,125,129)
```
#305481
```
#305481 rgb(48,84,129)
```
#353081
```
#353081 rgb(53,48,129)
```

Analogous Color

#7d8130
```
#7d8130 rgb(125,129,48)
```
#305481
```
#305481 rgb(48,84,129)
```
#813530
```
#813530 rgb(129,53,48)
```

Split Complementary Color

#548130
```
#548130 rgb(84,129,48)
```
#305481
```
#305481 rgb(48,84,129)
```
#813054
```
#813054 rgb(129,48,84)
```

Triadic Color

#30815d
```
#30815d rgb(48,129,93)
```
#305481
```
#305481 rgb(48,84,129)
```
#813054
```
#813054 rgb(129,48,84)
```
#815d30
```
#815d30 rgb(129,93,48)
```

Tetradic Color

#1b3049
```
#1b3049 rgb(27,48,73)
```
#223c5c
```
#223c5c rgb(34,60,92)
```
#29486e
```
#29486e rgb(41,72,110)
```
#305481
```
#305481 rgb(48,84,129)
```
#376094
```
#376094 rgb(55,96,148)
```
#3e6ca6
```
#3e6ca6 rgb(62,108,166)
```
#4578b9
```
#4578b9 rgb(69,120,185)
```

Monochromatic Color

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

#306881
```
#306881 rgb(48,104,129)
```
#306281
```
#306281 rgb(48,98,129)
```
#305b81
```
#305b81 rgb(48,91,129)
```
#305481
```
#305481 rgb(48,84,129)
```
#304d81
```
#304d81 rgb(48,77,129)
```
#304781
```
#304781 rgb(48,71,129)
```
#304081
```
#304081 rgb(48,64,129)
```

Similar Colors

Text with hexadecimal color #305481

This text has a font color of #305481.

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

#305481 background color

This paragraph has a background color of #305481.

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

#305481 border color

This element has a border color of #305481.

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

CSS codes

.text {color:#305481;}

.background {background-color:#305481;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050a0f
```
#050a0f rgb(5,10,15)
```
#0b131d
```
#0b131d rgb(11,19,29)
```
#101c2b
```
#101c2b rgb(16,28,43)
```
#15253a
```
#15253a rgb(21,37,58)
```
#1b2f48
```
#1b2f48 rgb(27,47,72)
```
#203856
```
#203856 rgb(32,56,86)
```
#254164
```
#254164 rgb(37,65,100)
```
#2b4b73
```
#2b4b73 rgb(43,75,115)
```
#305481
```
#305481 rgb(48,84,129)
```
#355d8f
```
#355d8f rgb(53,93,143)
```
#3b679e
```
#3b679e rgb(59,103,158)
```
#4070ac
```
#4070ac rgb(64,112,172)
```

Shade Color Variation

#4579ba
```
#4579ba rgb(69,121,186)
```
#5484bf
```
#5484bf rgb(84,132,191)
```
#628ec5
```
#628ec5 rgb(98,142,197)
```
#7098ca
```
#7098ca rgb(112,152,202)
```
#7fa2cf
```
#7fa2cf rgb(127,162,207)
```
#8dadd5
```
#8dadd5 rgb(141,173,213)
```
#9bb7da
```
#9bb7da rgb(155,183,218)
```
#aac1df
```
#aac1df rgb(170,193,223)
```
#b8cce5
```
#b8cce5 rgb(184,204,229)
```
#c6d6ea
```
#c6d6ea rgb(198,214,234)
```
#d4e0ef
```
#d4e0ef rgb(212,224,239)
```
#e3ebf4
```
#e3ebf4 rgb(227,235,244)
```
#f1f5fa
```
#f1f5fa rgb(241,245,250)
```

Tint Color Variation

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

#52585f
```
#52585f rgb(82,88,95)
```
#4b5766
```
#4b5766 rgb(75,87,102)
```
#44566d
```
#44566d rgb(68,86,109)
```
#3e5673
```
#3e5673 rgb(62,86,115)
```
#37557a
```
#37557a rgb(55,85,122)
```
#305481
```
#305481 rgb(48,84,129)
```
#295388
```
#295388 rgb(41,83,136)
```
#22528f
```
#22528f rgb(34,82,143)
```
#1c5295
```
#1c5295 rgb(28,82,149)
```
#15519c
```
#15519c rgb(21,81,156)
```
#0e50a3
```
#0e50a3 rgb(14,80,163)
```
#074faa
```
#074faa rgb(7,79,170)
```
#004fb1
```
#004fb1 rgb(0,79,177)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#484f58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5a85 Protanopia 1% of men
#425b88 Deuteranopia 1% of men
#29636a Tritanopia 0.001% of the population

Trichromacy

#415783 Protanomaly 1% of men, 0.01% of women
#3b5885 Deuteranomaly 6% of men, 0.4% of women
#2b5d72 Tritanomaly 0.01% of the population

#305481 hex color

#305481 Color Information

#305481 Color Conversion

Color Schemes with #305481

Alternatives to #305481

#305481 Preview

Shades and Tints of #305481

Tones of #305481

Color Blindness Simulator