#30586e hex color

In a RGB color space, hex #30586e is composed of 18.8% red, 34.5% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 20% magenta, 0% yellow and 56.9% black. It has a hue angle of 201.3 degrees, a saturation of 39.2% and a lightness of 31%. #30586e color hex could be obtained by blending #60b0dc with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #30586e has RGB values of R:48, G:88, B:110 and CMYK values of C:0.56, M:0.2, Y:0, K:0.57. Its decimal value is 3168366.

Hex triplet	30586e	`#30586e`
RGB Decimal	48, 88, 110	`rgb(48,88,110)`
RGB Percent	18.8, 34.5, 43.1	`rgb(18.8%,34.5%,43.1%)`
CMYK	56, 20, 0, 57
HSL	201.3°, 39.2, 31	`hsl(201.3,39.2%,31%)`
HSV (or HSB)	201.3°, 56.4, 43.1
Web Safe	336666	`#336666`

CIE-LAB	35.465, -7.161, -16.895
XYZ	7.522, 8.733, 16.04
xyY	0.233, 0.27, 8.733
CIE-LCH	35.465, 18.35, 247.031
CIE-LUV	35.465, -16.885, -21.768
Hunter-Lab	29.552, -6.279, -11.495
Binary	00110000, 01011000, 01101110

#30586e
```
#30586e rgb(48,88,110)
```
#6e4630
```
#6e4630 rgb(110,70,48)
```

Complementary Color

#306e65
```
#306e65 rgb(48,110,101)
```
#30586e
```
#30586e rgb(48,88,110)
```
#30396e
```
#30396e rgb(48,57,110)
```

Analogous Color

#6e6530
```
#6e6530 rgb(110,101,48)
```
#30586e
```
#30586e rgb(48,88,110)
```
#6e3039
```
#6e3039 rgb(110,48,57)
```

Split Complementary Color

#586e30
```
#586e30 rgb(88,110,48)
```
#30586e
```
#30586e rgb(48,88,110)
```
#6e3058
```
#6e3058 rgb(110,48,88)
```

Triadic Color

#306e46
```
#306e46 rgb(48,110,70)
```
#30586e
```
#30586e rgb(48,88,110)
```
#6e3058
```
#6e3058 rgb(110,48,88)
```
#6e4630
```
#6e4630 rgb(110,70,48)
```

Tetradic Color

#192d39
```
#192d39 rgb(25,45,57)
```
#213c4a
```
#213c4a rgb(33,60,74)
```
#284a5c
```
#284a5c rgb(40,74,92)
```
#30586e
```
#30586e rgb(48,88,110)
```
#386680
```
#386680 rgb(56,102,128)
```
#3f7492
```
#3f7492 rgb(63,116,146)
```
#4783a3
```
#4783a3 rgb(71,131,163)
```

Monochromatic Color

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

#30686e
```
#30686e rgb(48,104,110)
```
#30626e
```
#30626e rgb(48,98,110)
```
#305d6e
```
#305d6e rgb(48,93,110)
```
#30586e
```
#30586e rgb(48,88,110)
```
#30536e
```
#30536e rgb(48,83,110)
```
#304e6e
```
#304e6e rgb(48,78,110)
```
#30496e
```
#30496e rgb(48,73,110)
```

Similar Colors

Text with hexadecimal color #30586e

This text has a font color of #30586e.

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

#30586e background color

This paragraph has a background color of #30586e.

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

#30586e border color

This element has a border color of #30586e.

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

CSS codes

.text {color:#30586e;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060c0e
```
#060c0e rgb(6,12,14)
```
#0c161c
```
#0c161c rgb(12,22,28)
```
#12212a
```
#12212a rgb(18,33,42)
```
#182c37
```
#182c37 rgb(24,44,55)
```
#1e3745
```
#1e3745 rgb(30,55,69)
```
#244253
```
#244253 rgb(36,66,83)
```
#2a4d60
```
#2a4d60 rgb(42,77,96)
```
#30586e
```
#30586e rgb(48,88,110)
```
#36637c
```
#36637c rgb(54,99,124)
```
#3c6e89
```
#3c6e89 rgb(60,110,137)
```
#427997
```
#427997 rgb(66,121,151)
```
#4884a5
```
#4884a5 rgb(72,132,165)
```

Shade Color Variation

#4e8fb2
```
#4e8fb2 rgb(78,143,178)
```
#5c97b8
```
#5c97b8 rgb(92,151,184)
```
#6aa0be
```
#6aa0be rgb(106,160,190)
```
#77a9c4
```
#77a9c4 rgb(119,169,196)
```
#85b1ca
```
#85b1ca rgb(133,177,202)
```
#92bad0
```
#92bad0 rgb(146,186,208)
```
#a0c3d6
```
#a0c3d6 rgb(160,195,214)
```
#aecbdc
```
#aecbdc rgb(174,203,220)
```
#bbd4e2
```
#bbd4e2 rgb(187,212,226)
```
#c9dde7
```
#c9dde7 rgb(201,221,231)
```
#d7e5ed
```
#d7e5ed rgb(215,229,237)
```
#e4eef3
```
#e4eef3 rgb(228,238,243)
```
#f2f7f9
```
#f2f7f9 rgb(242,247,249)
```

Tint Color Variation

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

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#485156
```
#485156 rgb(72,81,86)
```
#42535c
```
#42535c rgb(66,83,92)
```
#3c5462
```
#3c5462 rgb(60,84,98)
```
#365668
```
#365668 rgb(54,86,104)
```
#30586e
```
#30586e rgb(48,88,110)
```
#2a5a74
```
#2a5a74 rgb(42,90,116)
```
#245c7a
```
#245c7a rgb(36,92,122)
```
#1e5d80
```
#1e5d80 rgb(30,93,128)
```
#185f86
```
#185f86 rgb(24,95,134)
```
#12618c
```
#12618c rgb(18,97,140)
```
#0c6392
```
#0c6392 rgb(12,99,146)
```
#056499
```
#056499 rgb(5,100,153)
```

Tone Color Variation

Below, you can see how #30586e 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
#495155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565b72 Protanopia 1% of men
#545b77 Deuteranopia 1% of men
#35626a Tritanopia 0.001% of the population

Trichromacy

#485a70 Protanomaly 1% of men, 0.01% of women
#475974 Deuteranomaly 6% of men, 0.4% of women
#335e6b Tritanomaly 0.01% of the population

#30586e hex color

#30586e Color Information

#30586e Color Conversion

Color Schemes with #30586e

Alternatives to #30586e

#30586e Preview

Shades and Tints of #30586e

Tones of #30586e

Color Blindness Simulator