#30517b hex color

In a RGB color space, hex #30517b is composed of 18.8% red, 31.8% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 34.1% magenta, 0% yellow and 51.8% black. It has a hue angle of 213.6 degrees, a saturation of 43.9% and a lightness of 33.5%. #30517b color hex could be obtained by blending #60a2f6 with #000000. Closest websafe color is: #336666.

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

● #30517b color description : Dark moderate blue.

The hexadecimal color #30517b has RGB values of R:48, G:81, B:123 and CMYK values of C:0.61, M:0.34, Y:0, K:0.52. Its decimal value is 3166587.

Hex triplet	30517b	`#30517b`
RGB Decimal	48, 81, 123	`rgb(48,81,123)`
RGB Percent	18.8, 31.8, 48.2	`rgb(18.8%,31.8%,48.2%)`
CMYK	61, 34, 0, 52
HSL	213.6°, 43.9, 33.5	`hsl(213.6,43.9%,33.5%)`
HSV (or HSB)	213.6°, 61, 48.2
Web Safe	336666	`#336666`

CIE-LAB	33.864, 1.753, -27.458
XYZ	7.736, 7.943, 19.863
xyY	0.218, 0.223, 7.943
CIE-LCH	33.864, 27.514, 273.654
CIE-LUV	33.864, -14.043, -37.406
Hunter-Lab	28.183, -0.326, -22.059
Binary	00110000, 01010001, 01111011

#30517b
```
#30517b rgb(48,81,123)
```
#7b5a30
```
#7b5a30 rgb(123,90,48)
```

Complementary Color

#30777b
```
#30777b rgb(48,119,123)
```
#30517b
```
#30517b rgb(48,81,123)
```
#35307b
```
#35307b rgb(53,48,123)
```

Analogous Color

#777b30
```
#777b30 rgb(119,123,48)
```
#30517b
```
#30517b rgb(48,81,123)
```
#7b3530
```
#7b3530 rgb(123,53,48)
```

Split Complementary Color

#517b30
```
#517b30 rgb(81,123,48)
```
#30517b
```
#30517b rgb(48,81,123)
```
#7b3051
```
#7b3051 rgb(123,48,81)
```

Triadic Color

#307b5a
```
#307b5a rgb(48,123,90)
```
#30517b
```
#30517b rgb(48,81,123)
```
#7b3051
```
#7b3051 rgb(123,48,81)
```
#7b5a30
```
#7b5a30 rgb(123,90,48)
```

Tetradic Color

#1b2d44
```
#1b2d44 rgb(27,45,68)
```
#223956
```
#223956 rgb(34,57,86)
```
#294569
```
#294569 rgb(41,69,105)
```
#30517b
```
#30517b rgb(48,81,123)
```
#375d8d
```
#375d8d rgb(55,93,141)
```
#3e69a0
```
#3e69a0 rgb(62,105,160)
```
#4575b2
```
#4575b2 rgb(69,117,178)
```

Monochromatic Color

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

#30647b
```
#30647b rgb(48,100,123)
```
#305e7b
```
#305e7b rgb(48,94,123)
```
#30577b
```
#30577b rgb(48,87,123)
```
#30517b
```
#30517b rgb(48,81,123)
```
#304b7b
```
#304b7b rgb(48,75,123)
```
#30457b
```
#30457b rgb(48,69,123)
```
#303e7b
```
#303e7b rgb(48,62,123)
```

Similar Colors

Text with hexadecimal color #30517b

This text has a font color of #30517b.

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

#30517b background color

This paragraph has a background color of #30517b.

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

#30517b border color

This element has a border color of #30517b.

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

CSS codes

.text {color:#30517b;}

.background {background-color:#30517b;}

.border {border:1px solid #30517b;}

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, #04070a is the darkest color, while #fbfcfd is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#091018
```
#091018 rgb(9,16,24)
```
#0f1926
```
#0f1926 rgb(15,25,38)
```
#142334
```
#142334 rgb(20,35,52)
```
#1a2c43
```
#1a2c43 rgb(26,44,67)
```
#1f3551
```
#1f3551 rgb(31,53,81)
```
#253e5f
```
#253e5f rgb(37,62,95)
```
#2a486d
```
#2a486d rgb(42,72,109)
```
#30517b
```
#30517b rgb(48,81,123)
```
#365a89
```
#365a89 rgb(54,90,137)
```
#3b6497
```
#3b6497 rgb(59,100,151)
```
#416da5
```
#416da5 rgb(65,109,165)
```
#4676b3
```
#4676b3 rgb(70,118,179)
```

Shade Color Variation

#5280bb
```
#5280bb rgb(82,128,187)
```
#608bc1
```
#608bc1 rgb(96,139,193)
```
#6e95c6
```
#6e95c6 rgb(110,149,198)
```
#7c9fcc
```
#7c9fcc rgb(124,159,204)
```
#8aa9d1
```
#8aa9d1 rgb(138,169,209)
```
#98b4d7
```
#98b4d7 rgb(152,180,215)
```
#a6bedc
```
#a6bedc rgb(166,190,220)
```
#b4c8e2
```
#b4c8e2 rgb(180,200,226)
```
#c3d3e7
```
#c3d3e7 rgb(195,211,231)
```
#d1dded
```
#d1dded rgb(209,221,237)
```
#dfe7f2
```
#dfe7f2 rgb(223,231,242)
```
#edf2f8
```
#edf2f8 rgb(237,242,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51555a is the less saturated color, while #024ba9 is the most saturated one.

#51555a
```
#51555a rgb(81,85,90)
```
#4a5461
```
#4a5461 rgb(74,84,97)
```
#445367
```
#445367 rgb(68,83,103)
```
#3d536e
```
#3d536e rgb(61,83,110)
```
#375274
```
#375274 rgb(55,82,116)
```
#30517b
```
#30517b rgb(48,81,123)
```
#295082
```
#295082 rgb(41,80,130)
```
#234f88
```
#234f88 rgb(35,79,136)
```
#1c4f8f
```
#1c4f8f rgb(28,79,143)
```
#164e95
```
#164e95 rgb(22,78,149)
```
#0f4d9c
```
#0f4d9c rgb(15,77,156)
```
#094ca2
```
#094ca2 rgb(9,76,162)
```
#024ba9
```
#024ba9 rgb(2,75,169)
```

Tone Color Variation

Below, you can see how #30517b 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
#464d55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#49577f Protanopia 1% of men
#425882 Deuteranopia 1% of men
#2b5f66 Tritanopia 0.001% of the population

Trichromacy

#40557e Protanomaly 1% of men, 0.01% of women
#3b557f Deuteranomaly 6% of men, 0.4% of women
#2d5a6e Tritanomaly 0.01% of the population

#30517b hex color

#30517b Color Information

#30517b Color Conversion

Color Schemes with #30517b

Alternatives to #30517b

#30517b Preview

Shades and Tints of #30517b

Tones of #30517b

Color Blindness Simulator