#354388 hex color

In a RGB color space, hex #354388 is composed of 20.8% red, 26.3% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 50.7% magenta, 0% yellow and 46.7% black. It has a hue angle of 229.9 degrees, a saturation of 43.9% and a lightness of 37.1%. #354388 color hex could be obtained by blending #6a86ff with #000011. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 26
- B 53
RGB color chart
- C 61
- M 51
- Y 0
- K 47
CMYK color chart

● #354388 color description : Dark moderate blue.

The hexadecimal color #354388 has RGB values of R:53, G:67, B:136 and CMYK values of C:0.61, M:0.51, Y:0, K:0.47. Its decimal value is 3490696.

Hex triplet	354388	`#354388`
RGB Decimal	53, 67, 136	`rgb(53,67,136)`
RGB Percent	20.8, 26.3, 53.3	`rgb(20.8%,26.3%,53.3%)`
CMYK	61, 51, 0, 47
HSL	229.9°, 43.9, 37.1	`hsl(229.9,43.9%,37.1%)`
HSV (or HSB)	229.9°, 61, 53.3
Web Safe	333399	`#333399`

CIE-LAB	30.756, 16.841, -40.43
XYZ	7.918, 6.548, 24.138
xyY	0.205, 0.17, 6.548
CIE-LCH	30.756, 43.798, 292.614
CIE-LUV	30.756, -8.178, -55.285
Hunter-Lab	25.59, 10.452, -38.013
Binary	00110101, 01000011, 10001000

#354388
```
#354388 rgb(53,67,136)
```
#887a35
```
#887a35 rgb(136,122,53)
```

Complementary Color

#356d88
```
#356d88 rgb(53,109,136)
```
#354388
```
#354388 rgb(53,67,136)
```
#513588
```
#513588 rgb(81,53,136)
```

Analogous Color

#6d8835
```
#6d8835 rgb(109,136,53)
```
#354388
```
#354388 rgb(53,67,136)
```
#885135
```
#885135 rgb(136,81,53)
```

Split Complementary Color

#438835
```
#438835 rgb(67,136,53)
```
#354388
```
#354388 rgb(53,67,136)
```
#883543
```
#883543 rgb(136,53,67)
```

Triadic Color

#35887a
```
#35887a rgb(53,136,122)
```
#354388
```
#354388 rgb(53,67,136)
```
#883543
```
#883543 rgb(136,53,67)
```
#887a35
```
#887a35 rgb(136,122,53)
```

Tetradic Color

#202851
```
#202851 rgb(32,40,81)
```
#273163
```
#273163 rgb(39,49,99)
```
#2e3a76
```
#2e3a76 rgb(46,58,118)
```
#354388
```
#354388 rgb(53,67,136)
```
#3c4c9a
```
#3c4c9a rgb(60,76,154)
```
#4355ad
```
#4355ad rgb(67,85,173)
```
#4f61ba
```
#4f61ba rgb(79,97,186)
```

Monochromatic Color

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

#355888
```
#355888 rgb(53,88,136)
```
#355188
```
#355188 rgb(53,81,136)
```
#354a88
```
#354a88 rgb(53,74,136)
```
#354388
```
#354388 rgb(53,67,136)
```
#353c88
```
#353c88 rgb(53,60,136)
```
#353588
```
#353588 rgb(53,53,136)
```
#3c3588
```
#3c3588 rgb(60,53,136)
```

Similar Colors

Text with hexadecimal color #354388

This text has a font color of #354388.

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

#354388 background color

This paragraph has a background color of #354388.

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

#354388 border color

This element has a border color of #354388.

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

CSS codes

.text {color:#354388;}

.background {background-color:#354388;}

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

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

#030409
```
#030409 rgb(3,4,9)
```
#090b17
```
#090b17 rgb(9,11,23)
```
#0e1225
```
#0e1225 rgb(14,18,37)
```
#141933
```
#141933 rgb(20,25,51)
```
#192041
```
#192041 rgb(25,32,65)
```
#1f2750
```
#1f2750 rgb(31,39,80)
```
#242e5e
```
#242e5e rgb(36,46,94)
```
#2a356c
```
#2a356c rgb(42,53,108)
```
#2f3c7a
```
#2f3c7a rgb(47,60,122)
```
#354388
```
#354388 rgb(53,67,136)
```
#3b4a96
```
#3b4a96 rgb(59,74,150)
```
#4051a4
```
#4051a4 rgb(64,81,164)
```
#4658b2
```
#4658b2 rgb(70,88,178)
```

Shade Color Variation

#5062bb
```
#5062bb rgb(80,98,187)
```
#5f6fc0
```
#5f6fc0 rgb(95,111,192)
```
#6d7cc6
```
#6d7cc6 rgb(109,124,198)
```
#7b88cb
```
#7b88cb rgb(123,136,203)
```
#8995d1
```
#8995d1 rgb(137,149,209)
```
#97a2d6
```
#97a2d6 rgb(151,162,214)
```
#a5aedc
```
#a5aedc rgb(165,174,220)
```
#b3bbe1
```
#b3bbe1 rgb(179,187,225)
```
#c1c8e7
```
#c1c8e7 rgb(193,200,231)
```
#d0d4ec
```
#d0d4ec rgb(208,212,236)
```
#dee1f2
```
#dee1f2 rgb(222,225,242)
```
#eceef7
```
#eceef7 rgb(236,238,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#595b64
```
#595b64 rgb(89,91,100)
```
#52566b
```
#52566b rgb(82,86,107)
```
#4b5172
```
#4b5172 rgb(75,81,114)
```
#444d79
```
#444d79 rgb(68,77,121)
```
#3c4881
```
#3c4881 rgb(60,72,129)
```
#354388
```
#354388 rgb(53,67,136)
```
#2e3e8f
```
#2e3e8f rgb(46,62,143)
```
#263997
```
#263997 rgb(38,57,151)
```
#1f359e
```
#1f359e rgb(31,53,158)
```
#1830a5
```
#1830a5 rgb(24,48,165)
```
#112bac
```
#112bac rgb(17,43,172)
```
#0926b4
```
#0926b4 rgb(9,38,180)
```
#0221bb
```
#0221bb rgb(2,33,187)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#434654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b4f90 Protanopia 1% of men
#00538a Deuteranopia 1% of men
#23585f Tritanopia 0.001% of the population

Trichromacy

#2e4b8d Protanomaly 1% of men, 0.01% of women
#134d89 Deuteranomaly 6% of men, 0.4% of women
#29506e Tritanomaly 0.01% of the population

#354388 hex color

#354388 Color Information

#354388 Color Conversion

Color Schemes with #354388

Alternatives to #354388

#354388 Preview

Shades and Tints of #354388

Tones of #354388

Color Blindness Simulator