#354b7b hex color

In a RGB color space, hex #354b7b is composed of 20.8% red, 29.4% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 39% magenta, 0% yellow and 51.8% black. It has a hue angle of 221.1 degrees, a saturation of 39.8% and a lightness of 34.5%. #354b7b color hex could be obtained by blending #6a96f6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 21
- G 29
- B 48
RGB color chart
- C 57
- M 39
- Y 0
- K 52
CMYK color chart

● #354b7b color description : Dark moderate blue.

The hexadecimal color #354b7b has RGB values of R:53, G:75, B:123 and CMYK values of C:0.57, M:0.39, Y:0, K:0.52. Its decimal value is 3492731.

Hex triplet	354b7b	`#354b7b`
RGB Decimal	53, 75, 123	`rgb(53,75,123)`
RGB Percent	20.8, 29.4, 48.2	`rgb(20.8%,29.4%,48.2%)`
CMYK	57, 39, 0, 52
HSL	221.1°, 39.8, 34.5	`hsl(221.1,39.8%,34.5%)`
HSV (or HSB)	221.1°, 56.9, 48.2
Web Safe	333366	`#333366`

CIE-LAB	32.3, 6.828, -29.906
XYZ	7.559, 7.219, 19.733
xyY	0.219, 0.209, 7.219
CIE-LCH	32.3, 30.675, 282.861
CIE-LUV	32.3, -10.543, -40.801
Hunter-Lab	26.868, 3.199, -24.738
Binary	00110101, 01001011, 01111011

#354b7b
```
#354b7b rgb(53,75,123)
```
#7b6535
```
#7b6535 rgb(123,101,53)
```

Complementary Color

#356e7b
```
#356e7b rgb(53,110,123)
```
#354b7b
```
#354b7b rgb(53,75,123)
```
#42357b
```
#42357b rgb(66,53,123)
```

Analogous Color

#6e7b35
```
#6e7b35 rgb(110,123,53)
```
#354b7b
```
#354b7b rgb(53,75,123)
```
#7b4235
```
#7b4235 rgb(123,66,53)
```

Split Complementary Color

#4b7b35
```
#4b7b35 rgb(75,123,53)
```
#354b7b
```
#354b7b rgb(53,75,123)
```
#7b354b
```
#7b354b rgb(123,53,75)
```

Triadic Color

#357b65
```
#357b65 rgb(53,123,101)
```
#354b7b
```
#354b7b rgb(53,75,123)
```
#7b354b
```
#7b354b rgb(123,53,75)
```
#7b6535
```
#7b6535 rgb(123,101,53)
```

Tetradic Color

#1e2a46
```
#1e2a46 rgb(30,42,70)
```
#263557
```
#263557 rgb(38,53,87)
```
#2d4069
```
#2d4069 rgb(45,64,105)
```
#354b7b
```
#354b7b rgb(53,75,123)
```
#3d568d
```
#3d568d rgb(61,86,141)
```
#44619f
```
#44619f rgb(68,97,159)
```
#4c6cb0
```
#4c6cb0 rgb(76,108,176)
```

Monochromatic Color

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

#355d7b
```
#355d7b rgb(53,93,123)
```
#35577b
```
#35577b rgb(53,87,123)
```
#35517b
```
#35517b rgb(53,81,123)
```
#354b7b
```
#354b7b rgb(53,75,123)
```
#35457b
```
#35457b rgb(53,69,123)
```
#353f7b
```
#353f7b rgb(53,63,123)
```
#353a7b
```
#353a7b rgb(53,58,123)
```

Similar Colors

Text with hexadecimal color #354b7b

This text has a font color of #354b7b.

<span style="color:#354b7b;">Text here</span>

#354b7b background color

This paragraph has a background color of #354b7b.

<p style="background-color:#354b7b;">Content here</p>

#354b7b border color

This element has a border color of #354b7b.

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

CSS codes

.text {color:#354b7b;}

.background {background-color:#354b7b;}

.border {border:1px solid #354b7b;}

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, #06080d is the darkest color, while #ffffff is the lightest one.

#06080d
```
#06080d rgb(6,8,13)
```
#0c101b
```
#0c101b rgb(12,16,27)
```
#121929
```
#121929 rgb(18,25,41)
```
#172136
```
#172136 rgb(23,33,54)
```
#1d2a44
```
#1d2a44 rgb(29,42,68)
```
#233252
```
#233252 rgb(35,50,82)
```
#293a60
```
#293a60 rgb(41,58,96)
```
#2f436d
```
#2f436d rgb(47,67,109)
```
#354b7b
```
#354b7b rgb(53,75,123)
```
#3b5389
```
#3b5389 rgb(59,83,137)
```
#415c96
```
#415c96 rgb(65,92,150)
```
#4764a4
```
#4764a4 rgb(71,100,164)
```
#4d6cb2
```
#4d6cb2 rgb(77,108,178)
```

Shade Color Variation

#5a78b8
```
#5a78b8 rgb(90,120,184)
```
#6883be
```
#6883be rgb(104,131,190)
```
#768ec4
```
#768ec4 rgb(118,142,196)
```
#8399ca
```
#8399ca rgb(131,153,202)
```
#91a5d0
```
#91a5d0 rgb(145,165,208)
```
#9fb0d5
```
#9fb0d5 rgb(159,176,213)
```
#acbbdb
```
#acbbdb rgb(172,187,219)
```
#bac6e1
```
#bac6e1 rgb(186,198,225)
```
#c8d2e7
```
#c8d2e7 rgb(200,210,231)
```
#d5dded
```
#d5dded rgb(213,221,237)
```
#e3e8f3
```
#e3e8f3 rgb(227,232,243)
```
#f1f3f9
```
#f1f3f9 rgb(241,243,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#575859
```
#575859 rgb(87,88,89)
```
#505560
```
#505560 rgb(80,85,96)
```
#495367
```
#495367 rgb(73,83,103)
```
#43506d
```
#43506d rgb(67,80,109)
```
#3c4e74
```
#3c4e74 rgb(60,78,116)
```
#354b7b
```
#354b7b rgb(53,75,123)
```
#2e4882
```
#2e4882 rgb(46,72,130)
```
#274689
```
#274689 rgb(39,70,137)
```
#21438f
```
#21438f rgb(33,67,143)
```
#1a4196
```
#1a4196 rgb(26,65,150)
```
#133e9d
```
#133e9d rgb(19,62,157)
```
#0c3ca4
```
#0c3ca4 rgb(12,60,164)
```
#0639aa
```
#0639aa rgb(6,57,170)
```

Tone Color Variation

Below, you can see how #354b7b 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

#4a4a4a Achromatopsia 0.005% of the population
#464a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#425381 Protanopia 1% of men
#3a5581 Deuteranopia 1% of men
#305b62 Tritanopia 0.001% of the population

Trichromacy

#3d507f Protanomaly 1% of men, 0.01% of women
#38517f Deuteranomaly 6% of men, 0.4% of women
#32556b Tritanomaly 0.01% of the population

#354b7b hex color

#354b7b Color Information

#354b7b Color Conversion

Color Schemes with #354b7b

Alternatives to #354b7b

#354b7b Preview

Shades and Tints of #354b7b

Tones of #354b7b

Color Blindness Simulator