#354168 hex color

In a RGB color space, hex #354168 is composed of 20.8% red, 25.5% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 37.5% magenta, 0% yellow and 59.2% black. It has a hue angle of 225.9 degrees, a saturation of 32.5% and a lightness of 30.8%. #354168 color hex could be obtained by blending #6a82d0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 21
- G 25
- B 41
RGB color chart
- C 49
- M 38
- Y 0
- K 59
CMYK color chart

● #354168 color description : Very dark desaturated blue.

The hexadecimal color #354168 has RGB values of R:53, G:65, B:104 and CMYK values of C:0.49, M:0.38, Y:0, K:0.59. Its decimal value is 3490152.

Hex triplet	354168	`#354168`
RGB Decimal	53, 65, 104	`rgb(53,65,104)`
RGB Percent	20.8, 25.5, 40.8	`rgb(20.8%,25.5%,40.8%)`
CMYK	49, 38, 0, 59
HSL	225.9°, 32.5, 30.8	`hsl(225.9,32.5%,30.8%)`
HSV (or HSB)	225.9°, 49, 40.8
Web Safe	333366	`#333366`

CIE-LAB	28.212, 6.918, -24.37
XYZ	5.857, 5.537, 13.856
xyY	0.232, 0.219, 5.537
CIE-LCH	28.212, 25.333, 285.848
CIE-LUV	28.212, -6.709, -31.696
Hunter-Lab	23.53, 3.251, -18.442
Binary	00110101, 01000001, 01101000

#354168
```
#354168 rgb(53,65,104)
```
#685c35
```
#685c35 rgb(104,92,53)
```

Complementary Color

#355b68
```
#355b68 rgb(53,91,104)
```
#354168
```
#354168 rgb(53,65,104)
```
#433568
```
#433568 rgb(67,53,104)
```

Analogous Color

#5b6835
```
#5b6835 rgb(91,104,53)
```
#354168
```
#354168 rgb(53,65,104)
```
#684335
```
#684335 rgb(104,67,53)
```

Split Complementary Color

#416835
```
#416835 rgb(65,104,53)
```
#354168
```
#354168 rgb(53,65,104)
```
#683541
```
#683541 rgb(104,53,65)
```

Triadic Color

#35685c
```
#35685c rgb(53,104,92)
```
#354168
```
#354168 rgb(53,65,104)
```
#683541
```
#683541 rgb(104,53,65)
```
#685c35
```
#685c35 rgb(104,92,53)
```

Tetradic Color

#1b2135
```
#1b2135 rgb(27,33,53)
```
#242c46
```
#242c46 rgb(36,44,70)
```
#2c3657
```
#2c3657 rgb(44,54,87)
```
#354168
```
#354168 rgb(53,65,104)
```
#3e4c79
```
#3e4c79 rgb(62,76,121)
```
#46568a
```
#46568a rgb(70,86,138)
```
#4f619b
```
#4f619b rgb(79,97,155)
```

Monochromatic Color

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

#354e68
```
#354e68 rgb(53,78,104)
```
#354a68
```
#354a68 rgb(53,74,104)
```
#354568
```
#354568 rgb(53,69,104)
```
#354168
```
#354168 rgb(53,65,104)
```
#353d68
```
#353d68 rgb(53,61,104)
```
#353968
```
#353968 rgb(53,57,104)
```
#363568
```
#363568 rgb(54,53,104)
```

Similar Colors

Text with hexadecimal color #354168

This text has a font color of #354168.

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

#354168 background color

This paragraph has a background color of #354168.

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

#354168 border color

This element has a border color of #354168.

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

CSS codes

.text {color:#354168;}

.background {background-color:#354168;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#07080d
```
#07080d rgb(7,8,13)
```
#0d101a
```
#0d101a rgb(13,16,26)
```
#141827
```
#141827 rgb(20,24,39)
```
#1b2134
```
#1b2134 rgb(27,33,52)
```
#212941
```
#212941 rgb(33,41,65)
```
#28314e
```
#28314e rgb(40,49,78)
```
#2e395b
```
#2e395b rgb(46,57,91)
```
#354168
```
#354168 rgb(53,65,104)
```
#3c4975
```
#3c4975 rgb(60,73,117)
```
#425182
```
#425182 rgb(66,81,130)
```
#49598f
```
#49598f rgb(73,89,143)
```
#4f619c
```
#4f619c rgb(79,97,156)
```

Shade Color Variation

#566aa9
```
#566aa9 rgb(86,106,169)
```
#6375b0
```
#6375b0 rgb(99,117,176)
```
#7081b6
```
#7081b6 rgb(112,129,182)
```
#7d8cbd
```
#7d8cbd rgb(125,140,189)
```
#8a98c3
```
#8a98c3 rgb(138,152,195)
```
#97a3ca
```
#97a3ca rgb(151,163,202)
```
#a4afd1
```
#a4afd1 rgb(164,175,209)
```
#b1bad7
```
#b1bad7 rgb(177,186,215)
```
#bec6de
```
#bec6de rgb(190,198,222)
```
#cbd1e5
```
#cbd1e5 rgb(203,209,229)
```
#d8ddeb
```
#d8ddeb rgb(216,221,235)
```
#e5e8f2
```
#e5e8f2 rgb(229,232,242)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```

Tint Color Variation

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

#4d4e50
```
#4d4e50 rgb(77,78,80)
```
#474b56
```
#474b56 rgb(71,75,86)
```
#41475c
```
#41475c rgb(65,71,92)
```
#3b4462
```
#3b4462 rgb(59,68,98)
```
#354168
```
#354168 rgb(53,65,104)
```
#2f3e6e
```
#2f3e6e rgb(47,62,110)
```
#293b74
```
#293b74 rgb(41,59,116)
```
#23377a
```
#23377a rgb(35,55,122)
```
#1d3480
```
#1d3480 rgb(29,52,128)
```
#173186
```
#173186 rgb(23,49,134)
```
#112e8c
```
#112e8c rgb(17,46,140)
```
#0b2b92
```
#0b2b92 rgb(11,43,146)
```
#052798
```
#052798 rgb(5,39,152)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3f424a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4b70 Protanopia 1% of men
#3a4c6f Deuteranopia 1% of men
#365056 Tritanopia 0.001% of the population

Trichromacy

#3a476d Protanomaly 1% of men, 0.01% of women
#38486c Deuteranomaly 6% of men, 0.4% of women
#354a5c Tritanomaly 0.01% of the population

#354168 hex color

#354168 Color Information

#354168 Color Conversion

Color Schemes with #354168

Alternatives to #354168

#354168 Preview

Shades and Tints of #354168

Tones of #354168

Color Blindness Simulator