#30558d hex color

In a RGB color space, hex #30558d is composed of 18.8% red, 33.3% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 39.7% magenta, 0% yellow and 44.7% black. It has a hue angle of 216.1 degrees, a saturation of 49.2% and a lightness of 37.1%. #30558d color hex could be obtained by blending #60aaff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 33
- B 55
RGB color chart
- C 66
- M 40
- Y 0
- K 45
CMYK color chart

● #30558d color description : Dark moderate blue.

The hexadecimal color #30558d has RGB values of R:48, G:85, B:141 and CMYK values of C:0.66, M:0.4, Y:0, K:0.45. Its decimal value is 3167629.

Hex triplet	30558d	`#30558d`
RGB Decimal	48, 85, 141	`rgb(48,85,141)`
RGB Percent	18.8, 33.3, 55.3	`rgb(18.8%,33.3%,55.3%)`
CMYK	66, 40, 0, 45
HSL	216.1°, 49.2, 37.1	`hsl(216.1,49.2%,37.1%)`
HSV (or HSB)	216.1°, 66, 55.3
Web Safe	336699	`#336699`

CIE-LAB	36.076, 5.72, -35.014
XYZ	9.274, 9.048, 26.456
xyY	0.207, 0.202, 9.048
CIE-LCH	36.076, 35.478, 279.278
CIE-LUV	36.076, -15.24, -49.426
Hunter-Lab	30.08, 2.395, -31.091
Binary	00110000, 01010101, 10001101

#30558d
```
#30558d rgb(48,85,141)
```
#8d6830
```
#8d6830 rgb(141,104,48)
```

Complementary Color

#30848d
```
#30848d rgb(48,132,141)
```
#30558d
```
#30558d rgb(48,85,141)
```
#3a308d
```
#3a308d rgb(58,48,141)
```

Analogous Color

#848d30
```
#848d30 rgb(132,141,48)
```
#30558d
```
#30558d rgb(48,85,141)
```
#8d3a30
```
#8d3a30 rgb(141,58,48)
```

Split Complementary Color

#558d30
```
#558d30 rgb(85,141,48)
```
#30558d
```
#30558d rgb(48,85,141)
```
#8d3055
```
#8d3055 rgb(141,48,85)
```

Triadic Color

#308d68
```
#308d68 rgb(48,141,104)
```
#30558d
```
#30558d rgb(48,85,141)
```
#8d3055
```
#8d3055 rgb(141,48,85)
```
#8d6830
```
#8d6830 rgb(141,104,48)
```

Tetradic Color

#1d3354
```
#1d3354 rgb(29,51,84)
```
#233e67
```
#233e67 rgb(35,62,103)
```
#2a4a7a
```
#2a4a7a rgb(42,74,122)
```
#30558d
```
#30558d rgb(48,85,141)
```
#3660a0
```
#3660a0 rgb(54,96,160)
```
#3d6cb3
```
#3d6cb3 rgb(61,108,179)
```
#4978c1
```
#4978c1 rgb(73,120,193)
```

Monochromatic Color

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

#306c8d
```
#306c8d rgb(48,108,141)
```
#30658d
```
#30658d rgb(48,101,141)
```
#305d8d
```
#305d8d rgb(48,93,141)
```
#30558d
```
#30558d rgb(48,85,141)
```
#304d8d
```
#304d8d rgb(48,77,141)
```
#30458d
```
#30458d rgb(48,69,141)
```
#303e8d
```
#303e8d rgb(48,62,141)
```

Similar Colors

Text with hexadecimal color #30558d

This text has a font color of #30558d.

<span style="color:#30558d;">Text here</span>

#30558d background color

This paragraph has a background color of #30558d.

<p style="background-color:#30558d;">Content here</p>

#30558d border color

This element has a border color of #30558d.

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

CSS codes

.text {color:#30558d;}

.background {background-color:#30558d;}

.border {border:1px solid #30558d;}

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

#030609
```
#030609 rgb(3,6,9)
```
#080e18
```
#080e18 rgb(8,14,24)
```
#0d1727
```
#0d1727 rgb(13,23,39)
```
#122035
```
#122035 rgb(18,32,53)
```
#172944
```
#172944 rgb(23,41,68)
```
#1c3252
```
#1c3252 rgb(28,50,82)
```
#213b61
```
#213b61 rgb(33,59,97)
```
#264370
```
#264370 rgb(38,67,112)
```
#2b4c7e
```
#2b4c7e rgb(43,76,126)
```
#30558d
```
#30558d rgb(48,85,141)
```
#355e9c
```
#355e9c rgb(53,94,156)
```
#3a67aa
```
#3a67aa rgb(58,103,170)
```
#3f6fb9
```
#3f6fb9 rgb(63,111,185)
```

Shade Color Variation

#4a7ac1
```
#4a7ac1 rgb(74,122,193)
```
#5984c6
```
#5984c6 rgb(89,132,198)
```
#678fcb
```
#678fcb rgb(103,143,203)
```
#769ad0
```
#769ad0 rgb(118,154,208)
```
#85a5d5
```
#85a5d5 rgb(133,165,213)
```
#93b0da
```
#93b0da rgb(147,176,218)
```
#a2badf
```
#a2badf rgb(162,186,223)
```
#b0c5e4
```
#b0c5e4 rgb(176,197,228)
```
#bfd0e9
```
#bfd0e9 rgb(191,208,233)
```
#cedbee
```
#cedbee rgb(206,219,238)
```
#dce5f3
```
#dce5f3 rgb(220,229,243)
```
#ebf0f8
```
#ebf0f8 rgb(235,240,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5e61 is the less saturated color, while #044cb9 is the most saturated one.

#5c5e61
```
#5c5e61 rgb(92,94,97)
```
#545c69
```
#545c69 rgb(84,92,105)
```
#4d5b70
```
#4d5b70 rgb(77,91,112)
```
#465977
```
#465977 rgb(70,89,119)
```
#3f587e
```
#3f587e rgb(63,88,126)
```
#375686
```
#375686 rgb(55,86,134)
```
#30558d
```
#30558d rgb(48,85,141)
```
#295494
```
#295494 rgb(41,84,148)
```
#21529c
```
#21529c rgb(33,82,156)
```
#1a51a3
```
#1a51a3 rgb(26,81,163)
```
#134faa
```
#134faa rgb(19,79,170)
```
#0c4eb1
```
#0c4eb1 rgb(12,78,177)
```
#044cb9
```
#044cb9 rgb(4,76,185)
```

Tone Color Variation

Below, you can see how #30558d 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

#505050 Achromatopsia 0.005% of the population
#4a515c Atypical Achromatopsia 0.001% of the population

Dichromacy

#465b91 Protanopia 1% of men
#385e92 Deuteranopia 1% of men
#1e666d Tritanopia 0.001% of the population

Trichromacy

#3e598f Protanomaly 1% of men, 0.01% of women
#355a90 Deuteranomaly 6% of men, 0.4% of women
#245f79 Tritanomaly 0.01% of the population

#30558d hex color

#30558d Color Information

#30558d Color Conversion

Color Schemes with #30558d

Alternatives to #30558d

#30558d Preview

Shades and Tints of #30558d

Tones of #30558d

Color Blindness Simulator