#302980 hex color

In a RGB color space, hex #302980 is composed of 18.8% red, 16.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 68% magenta, 0% yellow and 49.8% black. It has a hue angle of 244.8 degrees, a saturation of 51.5% and a lightness of 33.1%. #302980 color hex could be obtained by blending #6052ff with #000001. Closest websafe color is: #333399.

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

● #302980 color description : Dark moderate blue.

The hexadecimal color #302980 has RGB values of R:48, G:41, B:128 and CMYK values of C:0.63, M:0.68, Y:0, K:0.5. Its decimal value is 3156352.

Hex triplet	302980	`#302980`
RGB Decimal	48, 41, 128	`rgb(48,41,128)`
RGB Percent	18.8, 16.1, 50.2	`rgb(18.8%,16.1%,50.2%)`
CMYK	63, 68, 0, 50
HSL	244.8°, 51.5, 33.1	`hsl(244.8,51.5%,33.1%)`
HSV (or HSB)	244.8°, 68, 50.2
Web Safe	333399	`#333399`

CIE-LAB	22.905, 30.364, -48.178
XYZ	5.907, 3.773, 20.838
xyY	0.194, 0.124, 3.773
CIE-LCH	22.905, 56.948, 302.221
CIE-LUV	22.905, -2.625, -58.579
Hunter-Lab	19.423, 20.299, -50.013
Binary	00110000, 00101001, 10000000

#302980
```
#302980 rgb(48,41,128)
```
#798029
```
#798029 rgb(121,128,41)
```

Complementary Color

#294e80
```
#294e80 rgb(41,78,128)
```
#302980
```
#302980 rgb(48,41,128)
```
#5b2980
```
#5b2980 rgb(91,41,128)
```

Analogous Color

#4e8029
```
#4e8029 rgb(78,128,41)
```
#302980
```
#302980 rgb(48,41,128)
```
#805b29
```
#805b29 rgb(128,91,41)
```

Split Complementary Color

#298030
```
#298030 rgb(41,128,48)
```
#302980
```
#302980 rgb(48,41,128)
```
#803029
```
#803029 rgb(128,48,41)
```

Triadic Color

#297980
```
#297980 rgb(41,121,128)
```
#302980
```
#302980 rgb(48,41,128)
```
#803029
```
#803029 rgb(128,48,41)
```
#798029
```
#798029 rgb(121,128,41)
```

Tetradic Color

#1a1646
```
#1a1646 rgb(26,22,70)
```
#221d59
```
#221d59 rgb(34,29,89)
```
#29236d
```
#29236d rgb(41,35,109)
```
#302980
```
#302980 rgb(48,41,128)
```
#372f93
```
#372f93 rgb(55,47,147)
```
#3e35a7
```
#3e35a7 rgb(62,53,167)
```
#463cba
```
#463cba rgb(70,60,186)
```

Monochromatic Color

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

#293880
```
#293880 rgb(41,56,128)
```
#293180
```
#293180 rgb(41,49,128)
```
#292980
```
#292980 rgb(41,41,128)
```
#302980
```
#302980 rgb(48,41,128)
```
#372980
```
#372980 rgb(55,41,128)
```
#3e2980
```
#3e2980 rgb(62,41,128)
```
#462980
```
#462980 rgb(70,41,128)
```

Similar Colors

Text with hexadecimal color #302980

This text has a font color of #302980.

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

#302980 background color

This paragraph has a background color of #302980.

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

#302980 border color

This element has a border color of #302980.

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

CSS codes

.text {color:#302980;}

.background {background-color:#302980;}

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

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

#030309
```
#030309 rgb(3,3,9)
```
#090818
```
#090818 rgb(9,8,24)
```
#0f0c27
```
#0f0c27 rgb(15,12,39)
```
#141136
```
#141136 rgb(20,17,54)
```
#1a1645
```
#1a1645 rgb(26,22,69)
```
#1f1b53
```
#1f1b53 rgb(31,27,83)
```
#251f62
```
#251f62 rgb(37,31,98)
```
#2a2471
```
#2a2471 rgb(42,36,113)
```
#302980
```
#302980 rgb(48,41,128)
```
#362e8f
```
#362e8f rgb(54,46,143)
```
#3b339e
```
#3b339e rgb(59,51,158)
```
#4137ad
```
#4137ad rgb(65,55,173)
```
#463cbb
```
#463cbb rgb(70,60,187)
```

Shade Color Variation

#5147c4
```
#5147c4 rgb(81,71,196)
```
#5f56c9
```
#5f56c9 rgb(95,86,201)
```
#6d65ce
```
#6d65ce rgb(109,101,206)
```
#7b74d2
```
#7b74d2 rgb(123,116,210)
```
#8982d7
```
#8982d7 rgb(137,130,215)
```
#9791dc
```
#9791dc rgb(151,145,220)
```
#a5a0e1
```
#a5a0e1 rgb(165,160,225)
```
#b3afe5
```
#b3afe5 rgb(179,175,229)
```
#c1beea
```
#c1beea rgb(193,190,234)
```
#cfcdef
```
#cfcdef rgb(207,205,239)
```
#dedcf4
```
#dedcf4 rgb(222,220,244)
```
#eceaf8
```
#eceaf8 rgb(236,234,248)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#515059
```
#515059 rgb(81,80,89)
```
#4b4a60
```
#4b4a60 rgb(75,74,96)
```
#464366
```
#464366 rgb(70,67,102)
```
#403d6d
```
#403d6d rgb(64,61,109)
```
#3b3673
```
#3b3673 rgb(59,54,115)
```
#35307a
```
#35307a rgb(53,48,122)
```
#302980
```
#302980 rgb(48,41,128)
```
#2b2387
```
#2b2387 rgb(43,35,135)
```
#251c8d
```
#251c8d rgb(37,28,141)
```
#201694
```
#201694 rgb(32,22,148)
```
#1a0f9a
```
#1a0f9a rgb(26,15,154)
```
#1509a1
```
#1509a1 rgb(21,9,161)
```
#0f02a7
```
#0f02a7 rgb(15,2,167)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#343344 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7b Protanopia 1% of men
#00426b Deuteranopia 1% of men
#10474c Tritanopia 0.001% of the population

Trichromacy

#11377c Protanomaly 1% of men, 0.01% of women
#113973 Deuteranomaly 6% of men, 0.4% of women
#1b3c5f Tritanomaly 0.01% of the population

#302980 hex color

#302980 Color Information

#302980 Color Conversion

Color Schemes with #302980

Alternatives to #302980

#302980 Preview

Shades and Tints of #302980

Tones of #302980

Color Blindness Simulator