#30509f hex color

In a RGB color space, hex #30509f is composed of 18.8% red, 31.4% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 49.7% magenta, 0% yellow and 37.6% black. It has a hue angle of 222.7 degrees, a saturation of 53.6% and a lightness of 40.6%. #30509f color hex could be obtained by blending #60a0ff with #00003f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 31
- B 62
RGB color chart
- C 70
- M 50
- Y 0
- K 38
CMYK color chart

● #30509f color description : Dark moderate blue.

The hexadecimal color #30509f has RGB values of R:48, G:80, B:159 and CMYK values of C:0.7, M:0.5, Y:0, K:0.38. Its decimal value is 3166367.

Hex triplet	30509f	`#30509f`
RGB Decimal	48, 80, 159	`rgb(48,80,159)`
RGB Percent	18.8, 31.4, 62.4	`rgb(18.8%,31.4%,62.4%)`
CMYK	70, 50, 0, 38
HSL	222.7°, 53.6, 40.6	`hsl(222.7,53.6%,40.6%)`
HSV (or HSB)	222.7°, 69.8, 62.4
Web Safe	336699	`#336699`

CIE-LAB	35.729, 15.749, -46.452
XYZ	10.344, 8.868, 33.966
xyY	0.195, 0.167, 8.868
CIE-LCH	35.729, 49.049, 288.729
CIE-LUV	35.729, -13.533, -66.382
Hunter-Lab	29.78, 9.89, -46.778
Binary	00110000, 01010000, 10011111

#30509f
```
#30509f rgb(48,80,159)
```
#9f7f30
```
#9f7f30 rgb(159,127,48)
```

Complementary Color

#30889f
```
#30889f rgb(48,136,159)
```
#30509f
```
#30509f rgb(48,80,159)
```
#47309f
```
#47309f rgb(71,48,159)
```

Analogous Color

#889f30
```
#889f30 rgb(136,159,48)
```
#30509f
```
#30509f rgb(48,80,159)
```
#9f4730
```
#9f4730 rgb(159,71,48)
```

Split Complementary Color

#509f30
```
#509f30 rgb(80,159,48)
```
#30509f
```
#30509f rgb(48,80,159)
```
#9f3050
```
#9f3050 rgb(159,48,80)
```

Triadic Color

#309f7f
```
#309f7f rgb(48,159,127)
```
#30509f
```
#30509f rgb(48,80,159)
```
#9f3050
```
#9f3050 rgb(159,48,80)
```
#9f7f30
```
#9f7f30 rgb(159,127,48)
```

Tetradic Color

#1e3264
```
#1e3264 rgb(30,50,100)
```
#243c78
```
#243c78 rgb(36,60,120)
```
#2a468b
```
#2a468b rgb(42,70,139)
```
#30509f
```
#30509f rgb(48,80,159)
```
#365ab3
```
#365ab3 rgb(54,90,179)
```
#3d64c5
```
#3d64c5 rgb(61,100,197)
```
#5174ca
```
#5174ca rgb(81,116,202)
```

Monochromatic Color

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

#306c9f
```
#306c9f rgb(48,108,159)
```
#30639f
```
#30639f rgb(48,99,159)
```
#30599f
```
#30599f rgb(48,89,159)
```
#30509f
```
#30509f rgb(48,80,159)
```
#30479f
```
#30479f rgb(48,71,159)
```
#303e9f
```
#303e9f rgb(48,62,159)
```
#30349f
```
#30349f rgb(48,52,159)
```

Similar Colors

Text with hexadecimal color #30509f

This text has a font color of #30509f.

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

#30509f background color

This paragraph has a background color of #30509f.

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

#30509f border color

This element has a border color of #30509f.

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

CSS codes

.text {color:#30509f;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#070c17
```
#070c17 rgb(7,12,23)
```
#0c1326
```
#0c1326 rgb(12,19,38)
```
#101b36
```
#101b36 rgb(16,27,54)
```
#152345
```
#152345 rgb(21,35,69)
```
#192a54
```
#192a54 rgb(25,42,84)
```
#1e3263
```
#1e3263 rgb(30,50,99)
```
#223972
```
#223972 rgb(34,57,114)
```
#274181
```
#274181 rgb(39,65,129)
```
#2b4890
```
#2b4890 rgb(43,72,144)
```
#30509f
```
#30509f rgb(48,80,159)
```
#3558ae
```
#3558ae rgb(53,88,174)
```
#395fbd
```
#395fbd rgb(57,95,189)
```

Shade Color Variation

#4369c6
```
#4369c6 rgb(67,105,198)
```
#5375cb
```
#5375cb rgb(83,117,203)
```
#6281cf
```
#6281cf rgb(98,129,207)
```
#718dd4
```
#718dd4 rgb(113,141,212)
```
#8099d9
```
#8099d9 rgb(128,153,217)
```
#8fa5dd
```
#8fa5dd rgb(143,165,221)
```
#9eb1e2
```
#9eb1e2 rgb(158,177,226)
```
#adbde6
```
#adbde6 rgb(173,189,230)
```
#bcc9eb
```
#bcc9eb rgb(188,201,235)
```
#cbd6ef
```
#cbd6ef rgb(203,214,239)
```
#dae2f4
```
#dae2f4 rgb(218,226,244)
```
#e9eef8
```
#e9eef8 rgb(233,238,248)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#60646f
```
#60646f rgb(96,100,111)
```
#586177
```
#586177 rgb(88,97,119)
```
#505d7f
```
#505d7f rgb(80,93,127)
```
#485a87
```
#485a87 rgb(72,90,135)
```
#40578f
```
#40578f rgb(64,87,143)
```
#385397
```
#385397 rgb(56,83,151)
```
#30509f
```
#30509f rgb(48,80,159)
```
#284da7
```
#284da7 rgb(40,77,167)
```
#2049af
```
#2049af rgb(32,73,175)
```
#1846b7
```
#1846b7 rgb(24,70,183)
```
#1043bf
```
#1043bf rgb(16,67,191)
```
#083fc7
```
#083fc7 rgb(8,63,199)
```
#003ccf
```
#003ccf rgb(0,60,207)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#494f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f5aa5 Protanopia 1% of men
#005e9c Deuteranopia 1% of men
#00656d Tritanopia 0.001% of the population

Trichromacy

#2f56a2 Protanomaly 1% of men, 0.01% of women
#11599d Deuteranomaly 6% of men, 0.4% of women
#115d7f Tritanomaly 0.01% of the population

#30509f hex color

#30509f Color Information

#30509f Color Conversion

Color Schemes with #30509f

Alternatives to #30509f

#30509f Preview

Shades and Tints of #30509f

Tones of #30509f

Color Blindness Simulator