#354da1 hex color

In a RGB color space, hex #354da1 is composed of 20.8% red, 30.2% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 52.2% magenta, 0% yellow and 36.9% black. It has a hue angle of 226.7 degrees, a saturation of 50.5% and a lightness of 42%. #354da1 color hex could be obtained by blending #6a9aff with #000043. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 30
- B 63
RGB color chart
- C 67
- M 52
- Y 0
- K 37
CMYK color chart

● #354da1 color description : Dark moderate blue.

The hexadecimal color #354da1 has RGB values of R:53, G:77, B:161 and CMYK values of C:0.67, M:0.52, Y:0, K:0.37. Its decimal value is 3493281.

Hex triplet	354da1	`#354da1`
RGB Decimal	53, 77, 161	`rgb(53,77,161)`
RGB Percent	20.8, 30.2, 63.1	`rgb(20.8%,30.2%,63.1%)`
CMYK	67, 52, 0, 37
HSL	226.7°, 50.5, 42	`hsl(226.7,50.5%,42%)`
HSV (or HSB)	226.7°, 67.1, 63.1
Web Safe	336699	`#336699`

CIE-LAB	35.276, 19.303, -48.371
XYZ	10.554, 8.637, 34.827
xyY	0.195, 0.16, 8.637
CIE-LCH	35.276, 52.08, 291.756
CIE-LUV	35.276, -11.578, -69.029
Hunter-Lab	29.389, 12.669, -49.688
Binary	00110101, 01001101, 10100001

#354da1
```
#354da1 rgb(53,77,161)
```
#a18935
```
#a18935 rgb(161,137,53)
```

Complementary Color

#3583a1
```
#3583a1 rgb(53,131,161)
```
#354da1
```
#354da1 rgb(53,77,161)
```
#5335a1
```
#5335a1 rgb(83,53,161)
```

Analogous Color

#83a135
```
#83a135 rgb(131,161,53)
```
#354da1
```
#354da1 rgb(53,77,161)
```
#a15335
```
#a15335 rgb(161,83,53)
```

Split Complementary Color

#4da135
```
#4da135 rgb(77,161,53)
```
#354da1
```
#354da1 rgb(53,77,161)
```
#a1354d
```
#a1354d rgb(161,53,77)
```

Triadic Color

#35a189
```
#35a189 rgb(53,161,137)
```
#354da1
```
#354da1 rgb(53,77,161)
```
#a1354d
```
#a1354d rgb(161,53,77)
```
#a18935
```
#a18935 rgb(161,137,53)
```

Tetradic Color

#223167
```
#223167 rgb(34,49,103)
```
#283b7b
```
#283b7b rgb(40,59,123)
```
#2f448e
```
#2f448e rgb(47,68,142)
```
#354da1
```
#354da1 rgb(53,77,161)
```
#3b56b4
```
#3b56b4 rgb(59,86,180)
```
#4762c2
```
#4762c2 rgb(71,98,194)
```
#5a72c9
```
#5a72c9 rgb(90,114,201)
```

Monochromatic Color

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

#3568a1
```
#3568a1 rgb(53,104,161)
```
#355fa1
```
#355fa1 rgb(53,95,161)
```
#3556a1
```
#3556a1 rgb(53,86,161)
```
#354da1
```
#354da1 rgb(53,77,161)
```
#3544a1
```
#3544a1 rgb(53,68,161)
```
#353ba1
```
#353ba1 rgb(53,59,161)
```
#3835a1
```
#3835a1 rgb(56,53,161)
```

Similar Colors

Text with hexadecimal color #354da1

This text has a font color of #354da1.

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

#354da1 background color

This paragraph has a background color of #354da1.

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

#354da1 border color

This element has a border color of #354da1.

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

CSS codes

.text {color:#354da1;}

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

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

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

#04060d
```
#04060d rgb(4,6,13)
```
#090d1c
```
#090d1c rgb(9,13,28)
```
#0e152b
```
#0e152b rgb(14,21,43)
```
#131c3a
```
#131c3a rgb(19,28,58)
```
#182348
```
#182348 rgb(24,35,72)
```
#1d2a57
```
#1d2a57 rgb(29,42,87)
```
#223166
```
#223166 rgb(34,49,102)
```
#263875
```
#263875 rgb(38,56,117)
```
#2b3f83
```
#2b3f83 rgb(43,63,131)
```
#304692
```
#304692 rgb(48,70,146)
```
#354da1
```
#354da1 rgb(53,77,161)
```
#3a54b0
```
#3a54b0 rgb(58,84,176)
```
#3f5bbf
```
#3f5bbf rgb(63,91,191)
```

Shade Color Variation

#4d67c4
```
#4d67c4 rgb(77,103,196)
```
#5b74c9
```
#5b74c9 rgb(91,116,201)
```
#6a80ce
```
#6a80ce rgb(106,128,206)
```
#798dd3
```
#798dd3 rgb(121,141,211)
```
#8899d8
```
#8899d8 rgb(136,153,216)
```
#96a6dd
```
#96a6dd rgb(150,166,221)
```
#a5b3e1
```
#a5b3e1 rgb(165,179,225)
```
#b4bfe6
```
#b4bfe6 rgb(180,191,230)
```
#c3cceb
```
#c3cceb rgb(195,204,235)
```
#d1d8f0
```
#d1d8f0 rgb(209,216,240)
```
#e0e5f5
```
#e0e5f5 rgb(224,229,245)
```
#eff1fa
```
#eff1fa rgb(239,241,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#666870
```
#666870 rgb(102,104,112)
```
#5e6478
```
#5e6478 rgb(94,100,120)
```
#565f80
```
#565f80 rgb(86,95,128)
```
#4e5b88
```
#4e5b88 rgb(78,91,136)
```
#455691
```
#455691 rgb(69,86,145)
```
#3d5299
```
#3d5299 rgb(61,82,153)
```
#354da1
```
#354da1 rgb(53,77,161)
```
#2d48a9
```
#2d48a9 rgb(45,72,169)
```
#2544b1
```
#2544b1 rgb(37,68,177)
```
#1c3fba
```
#1c3fba rgb(28,63,186)
```
#143bc2
```
#143bc2 rgb(20,59,194)
```
#0c36ca
```
#0c36ca rgb(12,54,202)
```
#0432d2
```
#0432d2 rgb(4,50,210)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4a4f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2459a8 Protanopia 1% of men
#005d9a Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#2a54a5 Protanomaly 1% of men, 0.01% of women
#13579c Deuteranomaly 6% of men, 0.4% of women
#135c7f Tritanomaly 0.01% of the population

#354da1 hex color

#354da1 Color Information

#354da1 Color Conversion

Color Schemes with #354da1

Alternatives to #354da1

#354da1 Preview

Shades and Tints of #354da1

Tones of #354da1

Color Blindness Simulator