#354473 hex color

In a RGB color space, hex #354473 is composed of 20.8% red, 26.7% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 40.9% magenta, 0% yellow and 54.9% black. It has a hue angle of 225.5 degrees, a saturation of 36.9% and a lightness of 32.9%. #354473 color hex could be obtained by blending #6a88e6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 21
- G 27
- B 45
RGB color chart
- C 54
- M 41
- Y 0
- K 55
CMYK color chart

● #354473 color description : Dark moderate blue.

The hexadecimal color #354473 has RGB values of R:53, G:68, B:115 and CMYK values of C:0.54, M:0.41, Y:0, K:0.55. Its decimal value is 3490931.

Hex triplet	354473	`#354473`
RGB Decimal	53, 68, 115	`rgb(53,68,115)`
RGB Percent	20.8, 26.7, 45.1	`rgb(20.8%,26.7%,45.1%)`
CMYK	54, 41, 0, 55
HSL	225.5°, 36.9, 32.9	`hsl(225.5,36.9%,32.9%)`
HSV (or HSB)	225.5°, 53.9, 45.1
Web Safe	333366	`#333366`

CIE-LAB	29.735, 8.683, -28.952
XYZ	6.629, 6.129, 17.052
xyY	0.222, 0.206, 6.129
CIE-LCH	29.735, 30.226, 286.694
CIE-LUV	29.735, -8.012, -38.624
Hunter-Lab	24.756, 4.476, -23.511
Binary	00110101, 01000100, 01110011

#354473
```
#354473 rgb(53,68,115)
```
#736435
```
#736435 rgb(115,100,53)
```

Complementary Color

#356373
```
#356373 rgb(53,99,115)
```
#354473
```
#354473 rgb(53,68,115)
```
#453573
```
#453573 rgb(69,53,115)
```

Analogous Color

#637335
```
#637335 rgb(99,115,53)
```
#354473
```
#354473 rgb(53,68,115)
```
#734535
```
#734535 rgb(115,69,53)
```

Split Complementary Color

#447335
```
#447335 rgb(68,115,53)
```
#354473
```
#354473 rgb(53,68,115)
```
#733544
```
#733544 rgb(115,53,68)
```

Triadic Color

#357364
```
#357364 rgb(53,115,100)
```
#354473
```
#354473 rgb(53,68,115)
```
#733544
```
#733544 rgb(115,53,68)
```
#736435
```
#736435 rgb(115,100,53)
```

Tetradic Color

#1d253f
```
#1d253f rgb(29,37,63)
```
#252f50
```
#252f50 rgb(37,47,80)
```
#2d3a62
```
#2d3a62 rgb(45,58,98)
```
#354473
```
#354473 rgb(53,68,115)
```
#3d4e84
```
#3d4e84 rgb(61,78,132)
```
#455996
```
#455996 rgb(69,89,150)
```
#4d63a7
```
#4d63a7 rgb(77,99,167)
```

Monochromatic Color

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

#355473
```
#355473 rgb(53,84,115)
```
#354e73
```
#354e73 rgb(53,78,115)
```
#354973
```
#354973 rgb(53,73,115)
```
#354473
```
#354473 rgb(53,68,115)
```
#353f73
```
#353f73 rgb(53,63,115)
```
#353a73
```
#353a73 rgb(53,58,115)
```
#363573
```
#363573 rgb(54,53,115)
```

Similar Colors

Text with hexadecimal color #354473

This text has a font color of #354473.

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

#354473 background color

This paragraph has a background color of #354473.

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

#354473 border color

This element has a border color of #354473.

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

CSS codes

.text {color:#354473;}

.background {background-color:#354473;}

.border {border:1px solid #354473;}

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

#030408
```
#030408 rgb(3,4,8)
```
#0a0c15
```
#0a0c15 rgb(10,12,21)
```
#101422
```
#101422 rgb(16,20,34)
```
#161c30
```
#161c30 rgb(22,28,48)
```
#1c243d
```
#1c243d rgb(28,36,61)
```
#222c4b
```
#222c4b rgb(34,44,75)
```
#293458
```
#293458 rgb(41,52,88)
```
#2f3c66
```
#2f3c66 rgb(47,60,102)
```
#354473
```
#354473 rgb(53,68,115)
```
#3b4c80
```
#3b4c80 rgb(59,76,128)
```
#41548e
```
#41548e rgb(65,84,142)
```
#485c9b
```
#485c9b rgb(72,92,155)
```
#4e64a9
```
#4e64a9 rgb(78,100,169)
```

Shade Color Variation

#586eb2
```
#586eb2 rgb(88,110,178)
```
#6579b8
```
#6579b8 rgb(101,121,184)
```
#7385be
```
#7385be rgb(115,133,190)
```
#8091c5
```
#8091c5 rgb(128,145,197)
```
#8e9dcb
```
#8e9dcb rgb(142,157,203)
```
#9ba8d1
```
#9ba8d1 rgb(155,168,209)
```
#a9b4d7
```
#a9b4d7 rgb(169,180,215)
```
#b6c0dd
```
#b6c0dd rgb(182,192,221)
```
#c3cbe4
```
#c3cbe4 rgb(195,203,228)
```
#d1d7ea
```
#d1d7ea rgb(209,215,234)
```
#dee3f0
```
#dee3f0 rgb(222,227,240)
```
#eceef6
```
#eceef6 rgb(236,238,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#4f5159
```
#4f5159 rgb(79,81,89)
```
#484e60
```
#484e60 rgb(72,78,96)
```
#424b66
```
#424b66 rgb(66,75,102)
```
#3b476d
```
#3b476d rgb(59,71,109)
```
#354473
```
#354473 rgb(53,68,115)
```
#2f4179
```
#2f4179 rgb(47,65,121)
```
#283d80
```
#283d80 rgb(40,61,128)
```
#223a86
```
#223a86 rgb(34,58,134)
```
#1b378d
```
#1b378d rgb(27,55,141)
```
#153393
```
#153393 rgb(21,51,147)
```
#0e309a
```
#0e309a rgb(14,48,154)
```
#082da0
```
#082da0 rgb(8,45,160)
```
#0129a7
```
#0129a7 rgb(1,41,167)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#42454e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c4e7a Protanopia 1% of men
#354f79 Deuteranopia 1% of men
#32545a Tritanopia 0.001% of the population

Trichromacy

#3a4a77 Protanomaly 1% of men, 0.01% of women
#354b77 Deuteranomaly 6% of men, 0.4% of women
#334e63 Tritanomaly 0.01% of the population

#354473 hex color

#354473 Color Information

#354473 Color Conversion

Color Schemes with #354473

Alternatives to #354473

#354473 Preview

Shades and Tints of #354473

Tones of #354473

Color Blindness Simulator