#30507e hex color

In a RGB color space, hex #30507e is composed of 18.8% red, 31.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 36.5% magenta, 0% yellow and 50.6% black. It has a hue angle of 215.4 degrees, a saturation of 44.8% and a lightness of 34.1%. #30507e color hex could be obtained by blending #60a0fc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 31
- B 49
RGB color chart
- C 62
- M 37
- Y 0
- K 51
CMYK color chart

● #30507e color description : Dark moderate blue.

The hexadecimal color #30507e has RGB values of R:48, G:80, B:126 and CMYK values of C:0.62, M:0.37, Y:0, K:0.51. Its decimal value is 3166334.

Hex triplet	30507e	`#30507e`
RGB Decimal	48, 80, 126	`rgb(48,80,126)`
RGB Percent	18.8, 31.4, 49.4	`rgb(18.8%,31.4%,49.4%)`
CMYK	62, 37, 0, 51
HSL	215.4°, 44.8, 34.1	`hsl(215.4,44.8%,34.1%)`
HSV (or HSB)	215.4°, 61.9, 49.4
Web Safe	336666	`#336666`

CIE-LAB	33.714, 3.484, -29.551
XYZ	7.853, 7.872, 20.843
xyY	0.215, 0.215, 7.872
CIE-LCH	33.714, 29.756, 276.725
CIE-LUV	33.714, -13.66, -40.504
Hunter-Lab	28.056, 0.861, -24.407
Binary	00110000, 01010000, 01111110

#30507e
```
#30507e rgb(48,80,126)
```
#7e5e30
```
#7e5e30 rgb(126,94,48)
```

Complementary Color

#30777e
```
#30777e rgb(48,119,126)
```
#30507e
```
#30507e rgb(48,80,126)
```
#37307e
```
#37307e rgb(55,48,126)
```

Analogous Color

#777e30
```
#777e30 rgb(119,126,48)
```
#30507e
```
#30507e rgb(48,80,126)
```
#7e3730
```
#7e3730 rgb(126,55,48)
```

Split Complementary Color

#507e30
```
#507e30 rgb(80,126,48)
```
#30507e
```
#30507e rgb(48,80,126)
```
#7e3050
```
#7e3050 rgb(126,48,80)
```

Triadic Color

#307e5e
```
#307e5e rgb(48,126,94)
```
#30507e
```
#30507e rgb(48,80,126)
```
#7e3050
```
#7e3050 rgb(126,48,80)
```
#7e5e30
```
#7e5e30 rgb(126,94,48)
```

Tetradic Color

#1b2d47
```
#1b2d47 rgb(27,45,71)
```
#223959
```
#223959 rgb(34,57,89)
```
#29446c
```
#29446c rgb(41,68,108)
```
#30507e
```
#30507e rgb(48,80,126)
```
#375c90
```
#375c90 rgb(55,92,144)
```
#3e67a3
```
#3e67a3 rgb(62,103,163)
```
#4573b5
```
#4573b5 rgb(69,115,181)
```

Monochromatic Color

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

#30647e
```
#30647e rgb(48,100,126)
```
#305d7e
```
#305d7e rgb(48,93,126)
```
#30577e
```
#30577e rgb(48,87,126)
```
#30507e
```
#30507e rgb(48,80,126)
```
#304a7e
```
#304a7e rgb(48,74,126)
```
#30437e
```
#30437e rgb(48,67,126)
```
#303d7e
```
#303d7e rgb(48,61,126)
```

Similar Colors

Text with hexadecimal color #30507e

This text has a font color of #30507e.

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

#30507e background color

This paragraph has a background color of #30507e.

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

#30507e border color

This element has a border color of #30507e.

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

CSS codes

.text {color:#30507e;}

.background {background-color:#30507e;}

.border {border:1px solid #30507e;}

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, #05080c is the darkest color, while #fdfefe is the lightest one.

#05080c
```
#05080c rgb(5,8,12)
```
#0a111b
```
#0a111b rgb(10,17,27)
```
#101a29
```
#101a29 rgb(16,26,41)
```
#152337
```
#152337 rgb(21,35,55)
```
#1a2c45
```
#1a2c45 rgb(26,44,69)
```
#203553
```
#203553 rgb(32,53,83)
```
#253e62
```
#253e62 rgb(37,62,98)
```
#2b4770
```
#2b4770 rgb(43,71,112)
```
#30507e
```
#30507e rgb(48,80,126)
```
#35598c
```
#35598c rgb(53,89,140)
```
#3b629a
```
#3b629a rgb(59,98,154)
```
#406ba9
```
#406ba9 rgb(64,107,169)
```
#4674b7
```
#4674b7 rgb(70,116,183)
```

Shade Color Variation

#537ebd
```
#537ebd rgb(83,126,189)
```
#6189c3
```
#6189c3 rgb(97,137,195)
```
#6f94c8
```
#6f94c8 rgb(111,148,200)
```
#7d9ece
```
#7d9ece rgb(125,158,206)
```
#8ca9d3
```
#8ca9d3 rgb(140,169,211)
```
#9ab3d8
```
#9ab3d8 rgb(154,179,216)
```
#a8bede
```
#a8bede rgb(168,190,222)
```
#b6c9e3
```
#b6c9e3 rgb(182,201,227)
```
#c4d3e9
```
#c4d3e9 rgb(196,211,233)
```
#d3deee
```
#d3deee rgb(211,222,238)
```
#e1e8f3
```
#e1e8f3 rgb(225,232,243)
```
#eff3f9
```
#eff3f9 rgb(239,243,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51565d is the less saturated color, while #0148ad is the most saturated one.

#51565d
```
#51565d rgb(81,86,93)
```
#4b5563
```
#4b5563 rgb(75,85,99)
```
#44546a
```
#44546a rgb(68,84,106)
```
#3d5271
```
#3d5271 rgb(61,82,113)
```
#375177
```
#375177 rgb(55,81,119)
```
#30507e
```
#30507e rgb(48,80,126)
```
#294f85
```
#294f85 rgb(41,79,133)
```
#234e8b
```
#234e8b rgb(35,78,139)
```
#1c4c92
```
#1c4c92 rgb(28,76,146)
```
#154b99
```
#154b99 rgb(21,75,153)
```
#0f4a9f
```
#0f4a9f rgb(15,74,159)
```
#0849a6
```
#0849a6 rgb(8,73,166)
```
#0148ad
```
#0148ad rgb(1,72,173)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464d56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475683 Protanopia 1% of men
#3e5884 Deuteranopia 1% of men
#295f66 Tritanopia 0.001% of the population

Trichromacy

#3e5481 Protanomaly 1% of men, 0.01% of women
#395582 Deuteranomaly 6% of men, 0.4% of women
#2b596f Tritanomaly 0.01% of the population

#30507e hex color

#30507e Color Information

#30507e Color Conversion

Color Schemes with #30507e

Alternatives to #30507e

#30507e Preview

Shades and Tints of #30507e

Tones of #30507e

Color Blindness Simulator