#34548d hex color

In a RGB color space, hex #34548d is composed of 20.4% red, 32.9% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 40.4% magenta, 0% yellow and 44.7% black. It has a hue angle of 218.4 degrees, a saturation of 46.1% and a lightness of 37.8%. #34548d color hex could be obtained by blending #68a8ff with #00001b. Closest websafe color is: #336699.

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

● #34548d color description : Dark moderate blue.

The hexadecimal color #34548d has RGB values of R:52, G:84, B:141 and CMYK values of C:0.63, M:0.4, Y:0, K:0.45. Its decimal value is 3429517.

Hex triplet	34548d	`#34548d`
RGB Decimal	52, 84, 141	`rgb(52,84,141)`
RGB Percent	20.4, 32.9, 55.3	`rgb(20.4%,32.9%,55.3%)`
CMYK	63, 40, 0, 45
HSL	218.4°, 46.1, 37.8	`hsl(218.4,46.1%,37.8%)`
HSV (or HSB)	218.4°, 63.1, 55.3
Web Safe	336699	`#336699`

CIE-LAB	35.971, 7.154, -35.168
XYZ	9.393, 8.993, 26.439
xyY	0.21, 0.201, 8.993
CIE-LCH	35.971, 35.888, 281.498
CIE-LUV	35.971, -13.94, -49.74
Hunter-Lab	29.989, 3.43, -31.279
Binary	00110100, 01010100, 10001101

#34548d
```
#34548d rgb(52,84,141)
```
#8d6d34
```
#8d6d34 rgb(141,109,52)
```

Complementary Color

#34818d
```
#34818d rgb(52,129,141)
```
#34548d
```
#34548d rgb(52,84,141)
```
#41348d
```
#41348d rgb(65,52,141)
```

Analogous Color

#818d34
```
#818d34 rgb(129,141,52)
```
#34548d
```
#34548d rgb(52,84,141)
```
#8d4134
```
#8d4134 rgb(141,65,52)
```

Split Complementary Color

#548d34
```
#548d34 rgb(84,141,52)
```
#34548d
```
#34548d rgb(52,84,141)
```
#8d3454
```
#8d3454 rgb(141,52,84)
```

Triadic Color

#348d6d
```
#348d6d rgb(52,141,109)
```
#34548d
```
#34548d rgb(52,84,141)
```
#8d3454
```
#8d3454 rgb(141,52,84)
```
#8d6d34
```
#8d6d34 rgb(141,109,52)
```

Tetradic Color

#1f3355
```
#1f3355 rgb(31,51,85)
```
#263e68
```
#263e68 rgb(38,62,104)
```
#2d497a
```
#2d497a rgb(45,73,122)
```
#34548d
```
#34548d rgb(52,84,141)
```
#3b5fa0
```
#3b5fa0 rgb(59,95,160)
```
#426ab2
```
#426ab2 rgb(66,106,178)
```
#4f77be
```
#4f77be rgb(79,119,190)
```

Monochromatic Color

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

#346a8d
```
#346a8d rgb(52,106,141)
```
#34638d
```
#34638d rgb(52,99,141)
```
#345b8d
```
#345b8d rgb(52,91,141)
```
#34548d
```
#34548d rgb(52,84,141)
```
#344d8d
```
#344d8d rgb(52,77,141)
```
#34458d
```
#34458d rgb(52,69,141)
```
#343e8d
```
#343e8d rgb(52,62,141)
```

Similar Colors

Text with hexadecimal color #34548d

This text has a font color of #34548d.

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

#34548d background color

This paragraph has a background color of #34548d.

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

#34548d border color

This element has a border color of #34548d.

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

CSS codes

.text {color:#34548d;}

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

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

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

#04070c
```
#04070c rgb(4,7,12)
```
#0a101a
```
#0a101a rgb(10,16,26)
```
#0f1829
```
#0f1829 rgb(15,24,41)
```
#142137
```
#142137 rgb(20,33,55)
```
#1a2945
```
#1a2945 rgb(26,41,69)
```
#1f3254
```
#1f3254 rgb(31,50,84)
```
#243a62
```
#243a62 rgb(36,58,98)
```
#294370
```
#294370 rgb(41,67,112)
```
#2f4b7f
```
#2f4b7f rgb(47,75,127)
```
#34548d
```
#34548d rgb(52,84,141)
```
#395d9b
```
#395d9b rgb(57,93,155)
```
#3f65aa
```
#3f65aa rgb(63,101,170)
```
#446eb8
```
#446eb8 rgb(68,110,184)
```

Shade Color Variation

#5178bf
```
#5178bf rgb(81,120,191)
```
#5f83c4
```
#5f83c4 rgb(95,131,196)
```
#6d8ec9
```
#6d8ec9 rgb(109,142,201)
```
#7c9acf
```
#7c9acf rgb(124,154,207)
```
#8aa5d4
```
#8aa5d4 rgb(138,165,212)
```
#98b0d9
```
#98b0d9 rgb(152,176,217)
```
#a7bbde
```
#a7bbde rgb(167,187,222)
```
#b5c6e4
```
#b5c6e4 rgb(181,198,228)
```
#c3d1e9
```
#c3d1e9 rgb(195,209,233)
```
#d2dcee
```
#d2dcee rgb(210,220,238)
```
#e0e7f4
```
#e0e7f4 rgb(224,231,244)
```
#eef2f9
```
#eef2f9 rgb(238,242,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595e68 is the less saturated color, while #0045c1 is the most saturated one.

#595e68
```
#595e68 rgb(89,94,104)
```
#525c6f
```
#525c6f rgb(82,92,111)
```
#4a5a77
```
#4a5a77 rgb(74,90,119)
```
#43587e
```
#43587e rgb(67,88,126)
```
#3b5686
```
#3b5686 rgb(59,86,134)
```
#34548d
```
#34548d rgb(52,84,141)
```
#2d5294
```
#2d5294 rgb(45,82,148)
```
#25509c
```
#25509c rgb(37,80,156)
```
#1e4ea3
```
#1e4ea3 rgb(30,78,163)
```
#164cab
```
#164cab rgb(22,76,171)
```
#0f4ab2
```
#0f4ab2 rgb(15,74,178)
```
#0747ba
```
#0747ba rgb(7,71,186)
```
#0045c1
```
#0045c1 rgb(0,69,193)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b525d Atypical Achromatopsia 0.001% of the population

Dichromacy

#455b91 Protanopia 1% of men
#385d92 Deuteranopia 1% of men
#25656c Tritanopia 0.001% of the population

Trichromacy

#3f5890 Protanomaly 1% of men, 0.01% of women
#365a90 Deuteranomaly 6% of men, 0.4% of women
#2b5f78 Tritanomaly 0.01% of the population

#34548d hex color

#34548d Color Information

#34548d Color Conversion

Color Schemes with #34548d

Alternatives to #34548d

#34548d Preview

Shades and Tints of #34548d

Tones of #34548d

Color Blindness Simulator