#305780 hex color

In a RGB color space, hex #305780 is composed of 18.8% red, 34.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 32% magenta, 0% yellow and 49.8% black. It has a hue angle of 210.8 degrees, a saturation of 45.5% and a lightness of 34.5%. #305780 color hex could be obtained by blending #60aeff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 34
- B 50
RGB color chart
- C 63
- M 32
- Y 0
- K 50
CMYK color chart

● #305780 color description : Dark moderate blue.

The hexadecimal color #305780 has RGB values of R:48, G:87, B:128 and CMYK values of C:0.63, M:0.32, Y:0, K:0.5. Its decimal value is 3168128.

Hex triplet	305780	`#305780`
RGB Decimal	48, 87, 128	`rgb(48,87,128)`
RGB Percent	18.8, 34.1, 50.2	`rgb(18.8%,34.1%,50.2%)`
CMYK	63, 32, 0, 50
HSL	210.8°, 45.5, 34.5	`hsl(210.8,45.5%,34.5%)`
HSV (or HSB)	210.8°, 62.5, 50.2
Web Safe	336699	`#336699`

CIE-LAB	35.99, -0.3, -27.203
XYZ	8.522, 9.003, 21.709
xyY	0.217, 0.229, 9.003
CIE-LCH	35.99, 27.205, 269.368
CIE-LUV	35.99, -16.136, -37.47
Hunter-Lab	30.005, -1.807, -21.895
Binary	00110000, 01010111, 10000000

#305780
```
#305780 rgb(48,87,128)
```
#805930
```
#805930 rgb(128,89,48)
```

Complementary Color

#307f80
```
#307f80 rgb(48,127,128)
```
#305780
```
#305780 rgb(48,87,128)
```
#313080
```
#313080 rgb(49,48,128)
```

Analogous Color

#7f8030
```
#7f8030 rgb(127,128,48)
```
#305780
```
#305780 rgb(48,87,128)
```
#803130
```
#803130 rgb(128,49,48)
```

Split Complementary Color

#578030
```
#578030 rgb(87,128,48)
```
#305780
```
#305780 rgb(48,87,128)
```
#803057
```
#803057 rgb(128,48,87)
```

Triadic Color

#308059
```
#308059 rgb(48,128,89)
```
#305780
```
#305780 rgb(48,87,128)
```
#803057
```
#803057 rgb(128,48,87)
```
#805930
```
#805930 rgb(128,89,48)
```

Tetradic Color

#1b3148
```
#1b3148 rgb(27,49,72)
```
#223e5b
```
#223e5b rgb(34,62,91)
```
#294a6d
```
#294a6d rgb(41,74,109)
```
#305780
```
#305780 rgb(48,87,128)
```
#376493
```
#376493 rgb(55,100,147)
```
#3e70a5
```
#3e70a5 rgb(62,112,165)
```
#457db8
```
#457db8 rgb(69,125,184)
```

Monochromatic Color

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

#306b80
```
#306b80 rgb(48,107,128)
```
#306480
```
#306480 rgb(48,100,128)
```
#305e80
```
#305e80 rgb(48,94,128)
```
#305780
```
#305780 rgb(48,87,128)
```
#305080
```
#305080 rgb(48,80,128)
```
#304a80
```
#304a80 rgb(48,74,128)
```
#304380
```
#304380 rgb(48,67,128)
```

Similar Colors

Text with hexadecimal color #305780

This text has a font color of #305780.

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

#305780 background color

This paragraph has a background color of #305780.

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

#305780 border color

This element has a border color of #305780.

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

CSS codes

.text {color:#305780;}

.background {background-color:#305780;}

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

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, #05090e is the darkest color, while #ffffff is the lightest one.

#05090e
```
#05090e rgb(5,9,14)
```
#0b131c
```
#0b131c rgb(11,19,28)
```
#101d2a
```
#101d2a rgb(16,29,42)
```
#152739
```
#152739 rgb(21,39,57)
```
#1b3047
```
#1b3047 rgb(27,48,71)
```
#203a55
```
#203a55 rgb(32,58,85)
```
#254463
```
#254463 rgb(37,68,99)
```
#2b4d72
```
#2b4d72 rgb(43,77,114)
```
#305780
```
#305780 rgb(48,87,128)
```
#35618e
```
#35618e rgb(53,97,142)
```
#3b6a9d
```
#3b6a9d rgb(59,106,157)
```
#4074ab
```
#4074ab rgb(64,116,171)
```
#457eb9
```
#457eb9 rgb(69,126,185)
```

Shade Color Variation

#5388bf
```
#5388bf rgb(83,136,191)
```
#6292c4
```
#6292c4 rgb(98,146,196)
```
#709cc9
```
#709cc9 rgb(112,156,201)
```
#7ea5cf
```
#7ea5cf rgb(126,165,207)
```
#8cafd4
```
#8cafd4 rgb(140,175,212)
```
#9bb9d9
```
#9bb9d9 rgb(155,185,217)
```
#a9c3df
```
#a9c3df rgb(169,195,223)
```
#b7cde4
```
#b7cde4 rgb(183,205,228)
```
#c6d7e9
```
#c6d7e9 rgb(198,215,233)
```
#d4e1ef
```
#d4e1ef rgb(212,225,239)
```
#e2ebf4
```
#e2ebf4 rgb(226,235,244)
```
#f0f5fa
```
#f0f5fa rgb(240,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#52585e
```
#52585e rgb(82,88,94)
```
#4b5865
```
#4b5865 rgb(75,88,101)
```
#44586c
```
#44586c rgb(68,88,108)
```
#3e5772
```
#3e5772 rgb(62,87,114)
```
#375779
```
#375779 rgb(55,87,121)
```
#305780
```
#305780 rgb(48,87,128)
```
#295787
```
#295787 rgb(41,87,135)
```
#22578e
```
#22578e rgb(34,87,142)
```
#1c5694
```
#1c5694 rgb(28,86,148)
```
#15569b
```
#15569b rgb(21,86,155)
```
#0e56a2
```
#0e56a2 rgb(14,86,162)
```
#0756a9
```
#0756a9 rgb(7,86,169)
```
#0156af
```
#0156af rgb(1,86,175)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a515a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5c84 Protanopia 1% of men
#485d87 Deuteranopia 1% of men
#2b656c Tritanopia 0.001% of the population

Trichromacy

#435a82 Protanomaly 1% of men, 0.01% of women
#3f5a84 Deuteranomaly 6% of men, 0.4% of women
#2d5f73 Tritanomaly 0.01% of the population

#305780 hex color

#305780 Color Information

#305780 Color Conversion

Color Schemes with #305780

Alternatives to #305780

#305780 Preview

Shades and Tints of #305780

Tones of #305780

Color Blindness Simulator