#30586c hex color

In a RGB color space, hex #30586c is composed of 18.8% red, 34.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 18.5% magenta, 0% yellow and 57.6% black. It has a hue angle of 200 degrees, a saturation of 38.5% and a lightness of 30.6%. #30586c color hex could be obtained by blending #60b0d8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 35
- B 42
RGB color chart
- C 56
- M 19
- Y 0
- K 58
CMYK color chart

● #30586c color description : Very dark desaturated blue.

The hexadecimal color #30586c has RGB values of R:48, G:88, B:108 and CMYK values of C:0.56, M:0.19, Y:0, K:0.58. Its decimal value is 3168364.

Hex triplet	30586c	`#30586c`
RGB Decimal	48, 88, 108	`rgb(48,88,108)`
RGB Percent	18.8, 34.5, 42.4	`rgb(18.8%,34.5%,42.4%)`
CMYK	56, 19, 0, 58
HSL	200°, 38.5, 30.6	`hsl(200,38.5%,30.6%)`
HSV (or HSB)	200°, 55.6, 42.4
Web Safe	336666	`#336666`

CIE-LAB	35.381, -7.825, -15.781
XYZ	7.415, 8.69, 15.473
xyY	0.235, 0.275, 8.69
CIE-LCH	35.381, 17.615, 243.627
CIE-LUV	35.381, -16.932, -20.102
Hunter-Lab	29.479, -6.691, -10.485
Binary	00110000, 01011000, 01101100

#30586c
```
#30586c rgb(48,88,108)
```
#6c4430
```
#6c4430 rgb(108,68,48)
```

Complementary Color

#306c62
```
#306c62 rgb(48,108,98)
```
#30586c
```
#30586c rgb(48,88,108)
```
#303a6c
```
#303a6c rgb(48,58,108)
```

Analogous Color

#6c6230
```
#6c6230 rgb(108,98,48)
```
#30586c
```
#30586c rgb(48,88,108)
```
#6c303a
```
#6c303a rgb(108,48,58)
```

Split Complementary Color

#586c30
```
#586c30 rgb(88,108,48)
```
#30586c
```
#30586c rgb(48,88,108)
```
#6c3058
```
#6c3058 rgb(108,48,88)
```

Triadic Color

#306c44
```
#306c44 rgb(48,108,68)
```
#30586c
```
#30586c rgb(48,88,108)
```
#6c3058
```
#6c3058 rgb(108,48,88)
```
#6c4430
```
#6c4430 rgb(108,68,48)
```

Tetradic Color

#182d37
```
#182d37 rgb(24,45,55)
```
#203b49
```
#203b49 rgb(32,59,73)
```
#284a5a
```
#284a5a rgb(40,74,90)
```
#30586c
```
#30586c rgb(48,88,108)
```
#38667e
```
#38667e rgb(56,102,126)
```
#40758f
```
#40758f rgb(64,117,143)
```
#4883a1
```
#4883a1 rgb(72,131,161)
```

Monochromatic Color

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

#30676c
```
#30676c rgb(48,103,108)
```
#30626c
```
#30626c rgb(48,98,108)
```
#305d6c
```
#305d6c rgb(48,93,108)
```
#30586c
```
#30586c rgb(48,88,108)
```
#30536c
```
#30536c rgb(48,83,108)
```
#304e6c
```
#304e6c rgb(48,78,108)
```
#30496c
```
#30496c rgb(48,73,108)
```

Similar Colors

Text with hexadecimal color #30586c

This text has a font color of #30586c.

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

#30586c background color

This paragraph has a background color of #30586c.

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

#30586c border color

This element has a border color of #30586c.

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

CSS codes

.text {color:#30586c;}

.background {background-color:#30586c;}

.border {border:1px solid #30586c;}

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, #060b0d is the darkest color, while #feffff is the lightest one.

#060b0d
```
#060b0d rgb(6,11,13)
```
#0c161b
```
#0c161b rgb(12,22,27)
```
#122128
```
#122128 rgb(18,33,40)
```
#182c36
```
#182c36 rgb(24,44,54)
```
#1e3743
```
#1e3743 rgb(30,55,67)
```
#244251
```
#244251 rgb(36,66,81)
```
#2a4d5e
```
#2a4d5e rgb(42,77,94)
```
#30586c
```
#30586c rgb(48,88,108)
```
#36637a
```
#36637a rgb(54,99,122)
```
#3c6e87
```
#3c6e87 rgb(60,110,135)
```
#427995
```
#427995 rgb(66,121,149)
```
#4884a2
```
#4884a2 rgb(72,132,162)
```
#4e8fb0
```
#4e8fb0 rgb(78,143,176)
```

Shade Color Variation

#5b98b6
```
#5b98b6 rgb(91,152,182)
```
#69a1bc
```
#69a1bc rgb(105,161,188)
```
#77a9c2
```
#77a9c2 rgb(119,169,194)
```
#84b2c8
```
#84b2c8 rgb(132,178,200)
```
#92bace
```
#92bace rgb(146,186,206)
```
#9fc3d4
```
#9fc3d4 rgb(159,195,212)
```
#adcbdb
```
#adcbdb rgb(173,203,219)
```
#bad4e1
```
#bad4e1 rgb(186,212,225)
```
#c8dce7
```
#c8dce7 rgb(200,220,231)
```
#d6e5ed
```
#d6e5ed rgb(214,229,237)
```
#e3edf3
```
#e3edf3 rgb(227,237,243)
```
#f1f6f9
```
#f1f6f9 rgb(241,246,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#485054
```
#485054 rgb(72,80,84)
```
#42525a
```
#42525a rgb(66,82,90)
```
#3c5460
```
#3c5460 rgb(60,84,96)
```
#365666
```
#365666 rgb(54,86,102)
```
#30586c
```
#30586c rgb(48,88,108)
```
#2a5a72
```
#2a5a72 rgb(42,90,114)
```
#245c78
```
#245c78 rgb(36,92,120)
```
#1e5e7e
```
#1e5e7e rgb(30,94,126)
```
#186084
```
#186084 rgb(24,96,132)
```
#12628a
```
#12628a rgb(18,98,138)
```
#0c6490
```
#0c6490 rgb(12,100,144)
```
#066696
```
#066696 rgb(6,102,150)
```
#00689c
```
#00689c rgb(0,104,156)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#485054 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565b70 Protanopia 1% of men
#555a75 Deuteranopia 1% of men
#366269 Tritanopia 0.001% of the population

Trichromacy

#485a6e Protanomaly 1% of men, 0.01% of women
#485972 Deuteranomaly 6% of men, 0.4% of women
#345e6a Tritanomaly 0.01% of the population

#30586c hex color

#30586c Color Information

#30586c Color Conversion

Color Schemes with #30586c

Alternatives to #30586c

#30586c Preview

Shades and Tints of #30586c

Tones of #30586c

Color Blindness Simulator