colorhexa.com

#30507f hex color

In a RGB color space, hex #30507f is composed of 18.8% red, 31.4% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 37% magenta, 0% yellow and 50.2% black. It has a hue angle of 215.7 degrees, a saturation of 45.1% and a lightness of 34.3%. #30507f color hex could be obtained by blending #60a0fe with #000000. Closest websafe color is: #336666.

- R 19
- G 31
- B 50
RGB color chart
- C 62
- M 37
- Y 0
- K 50
CMYK color chart

● #30507f color description : Dark moderate blue.

The hexadecimal color #30507f has RGB values of R:48, G:80, B:127 and CMYK values of C:0.62, M:0.37, Y:0, K:0.5. Its decimal value is 3166335.

Hex triplet	30507f	`#30507f`
RGB Decimal	48, 80, 127	`rgb(48,80,127)`
RGB Percent	18.8, 31.4, 49.8	`rgb(18.8%,31.4%,49.8%)`
CMYK	62, 37, 0, 50
HSL	215.7°, 45.1, 34.3	`hsl(215.7,45.1%,34.3%)`
HSV (or HSB)	215.7°, 62.2, 49.8
Web Safe	336666	`#336666`

CIE-LAB	33.769, 3.847, -30.083
XYZ	7.917, 7.898, 21.185
xyY	0.214, 0.213, 7.898
CIE-LCH	33.769, 30.328, 277.287
CIE-LUV	33.769, -13.652, -41.315
Hunter-Lab	28.103, 1.11, -25.023
Binary	00110000, 01010000, 01111111

#30507f
```
#30507f rgb(48,80,127)
```
#7f5f30
```
#7f5f30 rgb(127,95,48)
```

Complementary Color

#30787f
```
#30787f rgb(48,120,127)
```
#30507f
```
#30507f rgb(48,80,127)
```
#37307f
```
#37307f rgb(55,48,127)
```

Analogous Color

#787f30
```
#787f30 rgb(120,127,48)
```
#30507f
```
#30507f rgb(48,80,127)
```
#7f3730
```
#7f3730 rgb(127,55,48)
```

Split Complementary Color

#507f30
```
#507f30 rgb(80,127,48)
```
#30507f
```
#30507f rgb(48,80,127)
```
#7f3050
```
#7f3050 rgb(127,48,80)
```

Triadic Color

#1b2d47
```
#1b2d47 rgb(27,45,71)
```
#22395a
```
#22395a rgb(34,57,90)
```
#29446c
```
#29446c rgb(41,68,108)
```
#30507f
```
#30507f rgb(48,80,127)
```
#375c92
```
#375c92 rgb(55,92,146)
```
#3e67a4
```
#3e67a4 rgb(62,103,164)
```
#4573b7
```
#4573b7 rgb(69,115,183)
```

Monochromatic Color

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

#30647f
```
#30647f rgb(48,100,127)
```
#305d7f
```
#305d7f rgb(48,93,127)
```
#30577f
```
#30577f rgb(48,87,127)
```
#30507f
```
#30507f rgb(48,80,127)
```
#30497f
```
#30497f rgb(48,73,127)
```
#30437f
```
#30437f rgb(48,67,127)
```
#303c7f
```
#303c7f rgb(48,60,127)
```

Similar Colors

Text with hexadecimal color #30507f

This text has a font color of #30507f.

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

#30507f background color

This paragraph has a background color of #30507f.

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

#30507f border color

This element has a border color of #30507f.

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

CSS codes

.text {color:#30507f;}

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

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

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

#05080d
```
#05080d rgb(5,8,13)
```
#0a111b
```
#0a111b rgb(10,17,27)
```
#101a2a
```
#101a2a rgb(16,26,42)
```
#152338
```
#152338 rgb(21,35,56)
```
#1a2c46
```
#1a2c46 rgb(26,44,70)
```
#203554
```
#203554 rgb(32,53,84)
```
#253e63
```
#253e63 rgb(37,62,99)
```
#2b4771
```
#2b4771 rgb(43,71,113)
```
#30507f
```
#30507f rgb(48,80,127)
```
#35598d
```
#35598d rgb(53,89,141)
```
#3b629b
```
#3b629b rgb(59,98,155)
```
#406baa
```
#406baa rgb(64,107,170)
```
#4674b8
```
#4674b8 rgb(70,116,184)
```

Shade Color Variation

#537ebe
```
#537ebe rgb(83,126,190)
```
#6189c3
```
#6189c3 rgb(97,137,195)
```
#7094c9
```
#7094c9 rgb(112,148,201)
```
#7e9ece
```
#7e9ece rgb(126,158,206)
```
#8ca9d4
```
#8ca9d4 rgb(140,169,212)
```
#9ab4d9
```
#9ab4d9 rgb(154,180,217)
```
#a8bede
```
#a8bede rgb(168,190,222)
```
#b7c9e4
```
#b7c9e4 rgb(183,201,228)
```
#c5d4e9
```
#c5d4e9 rgb(197,212,233)
```
#d3deee
```
#d3deee rgb(211,222,238)
```
#e1e9f4
```
#e1e9f4 rgb(225,233,244)
```
#f0f4f9
```
#f0f4f9 rgb(240,244,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#52565d
```
#52565d rgb(82,86,93)
```
#4b5564
```
#4b5564 rgb(75,85,100)
```
#44546b
```
#44546b rgb(68,84,107)
```
#3d5372
```
#3d5372 rgb(61,83,114)
```
#375178
```
#375178 rgb(55,81,120)
```
#30507f
```
#30507f rgb(48,80,127)
```
#294f86
```
#294f86 rgb(41,79,134)
```
#234d8c
```
#234d8c rgb(35,77,140)
```
#1c4c93
```
#1c4c93 rgb(28,76,147)
```
#154b9a
```
#154b9a rgb(21,75,154)
```
#0e4aa1
```
#0e4aa1 rgb(14,74,161)
```
#0848a7
```
#0848a7 rgb(8,72,167)
```
#0147ae
```
#0147ae rgb(1,71,174)
```

Tone Color Variation

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

#465784 Protanopia 1% of men
#3d5885 Deuteranopia 1% of men
#285f66 Tritanopia 0.001% of the population

Trichromacy

#3e5482 Protanomaly 1% of men, 0.01% of women
#385583 Deuteranomaly 6% of men, 0.4% of women
#2b5a6f Tritanomaly 0.01% of the population