colorhexa.com

#30547b hex color

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

- R 19
- G 33
- B 48
RGB color chart
- C 61
- M 32
- Y 0
- K 52
CMYK color chart

● #30547b color description : Dark moderate blue.

The hexadecimal color #30547b has RGB values of R:48, G:84, B:123 and CMYK values of C:0.61, M:0.32, Y:0, K:0.52. Its decimal value is 3167355.

Hex triplet	30547b	`#30547b`
RGB Decimal	48, 84, 123	`rgb(48,84,123)`
RGB Percent	18.8, 32.9, 48.2	`rgb(18.8%,32.9%,48.2%)`
CMYK	61, 32, 0, 52
HSL	211.2°, 43.9, 33.5	`hsl(211.2,43.9%,33.5%)`
HSV (or HSB)	211.2°, 61, 48.2
Web Safe	336666	`#336666`

CIE-LAB	34.8, -0.174, -25.989
XYZ	7.964, 8.399, 19.939
xyY	0.219, 0.231, 8.399
CIE-LCH	34.8, 25.989, 269.616
CIE-LUV	34.8, -15.128, -35.39
Hunter-Lab	28.98, -1.665, -20.507
Binary	00110000, 01010100, 01111011

#30547b
```
#30547b rgb(48,84,123)
```
#7b5730
```
#7b5730 rgb(123,87,48)
```

Complementary Color

#307a7b
```
#307a7b rgb(48,122,123)
```
#30547b
```
#30547b rgb(48,84,123)
```
#32307b
```
#32307b rgb(50,48,123)
```

Analogous Color

#7a7b30
```
#7a7b30 rgb(122,123,48)
```
#30547b
```
#30547b rgb(48,84,123)
```
#7b3230
```
#7b3230 rgb(123,50,48)
```

Split Complementary Color

#547b30
```
#547b30 rgb(84,123,48)
```
#30547b
```
#30547b rgb(48,84,123)
```
#7b3054
```
#7b3054 rgb(123,48,84)
```

Triadic Color

#1b2e44
```
#1b2e44 rgb(27,46,68)
```
#223b56
```
#223b56 rgb(34,59,86)
```
#294769
```
#294769 rgb(41,71,105)
```
#30547b
```
#30547b rgb(48,84,123)
```
#37618d
```
#37618d rgb(55,97,141)
```
#3e6da0
```
#3e6da0 rgb(62,109,160)
```
#457ab2
```
#457ab2 rgb(69,122,178)
```

Monochromatic Color

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

#30677b
```
#30677b rgb(48,103,123)
```
#30617b
```
#30617b rgb(48,97,123)
```
#305a7b
```
#305a7b rgb(48,90,123)
```
#30547b
```
#30547b rgb(48,84,123)
```
#304e7b
```
#304e7b rgb(48,78,123)
```
#30487b
```
#30487b rgb(48,72,123)
```
#30417b
```
#30417b rgb(48,65,123)
```

Similar Colors

Text with hexadecimal color #30547b

This text has a font color of #30547b.

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

#30547b background color

This paragraph has a background color of #30547b.

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

#30547b border color

This element has a border color of #30547b.

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

CSS codes

.text {color:#30547b;}

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

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

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)
```
#091118
```
#091118 rgb(9,17,24)
```
#0f1a26
```
#0f1a26 rgb(15,26,38)
```
#142434
```
#142434 rgb(20,36,52)
```
#1a2d43
```
#1a2d43 rgb(26,45,67)
```
#1f3751
```
#1f3751 rgb(31,55,81)
```
#25415f
```
#25415f rgb(37,65,95)
```
#2a4a6d
```
#2a4a6d rgb(42,74,109)
```
#30547b
```
#30547b rgb(48,84,123)
```
#365e89
```
#365e89 rgb(54,94,137)
```
#3b6797
```
#3b6797 rgb(59,103,151)
```
#4171a5
```
#4171a5 rgb(65,113,165)
```
#467bb3
```
#467bb3 rgb(70,123,179)
```

Shade Color Variation

#5284bb
```
#5284bb rgb(82,132,187)
```
#608ec1
```
#608ec1 rgb(96,142,193)
```
#6e98c6
```
#6e98c6 rgb(110,152,198)
```
#7ca2cc
```
#7ca2cc rgb(124,162,204)
```
#8aacd1
```
#8aacd1 rgb(138,172,209)
```
#98b6d7
```
#98b6d7 rgb(152,182,215)
```
#a6c0dc
```
#a6c0dc rgb(166,192,220)
```
#b4cae2
```
#b4cae2 rgb(180,202,226)
```
#c3d4e7
```
#c3d4e7 rgb(195,212,231)
```
#d1deed
```
#d1deed rgb(209,222,237)
```
#dfe8f2
```
#dfe8f2 rgb(223,232,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 #0252a9 is the most saturated one.

#51555a
```
#51555a rgb(81,85,90)
```
#4a5561
```
#4a5561 rgb(74,85,97)
```
#445567
```
#445567 rgb(68,85,103)
```
#3d556e
```
#3d556e rgb(61,85,110)
```
#375474
```
#375474 rgb(55,84,116)
```
#30547b
```
#30547b rgb(48,84,123)
```
#295482
```
#295482 rgb(41,84,130)
```
#235388
```
#235388 rgb(35,83,136)
```
#1c538f
```
#1c538f rgb(28,83,143)
```
#165395
```
#165395 rgb(22,83,149)
```
#0f539c
```
#0f539c rgb(15,83,156)
```
#0952a2
```
#0952a2 rgb(9,82,162)
```
#0252a9
```
#0252a9 rgb(2,82,169)
```

Tone Color Variation

Below, you can see how #30547b 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
#484f57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d597f Protanopia 1% of men
#475a82 Deuteranopia 1% of men
#2d6169 Tritanopia 0.001% of the population

Trichromacy

#42577d Protanomaly 1% of men, 0.01% of women
#3e5880 Deuteranomaly 6% of men, 0.4% of women
#2e5c6f Tritanomaly 0.01% of the population