#354ca8 hex color

In a RGB color space, hex #354ca8 is composed of 20.8% red, 29.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 54.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 228 degrees, a saturation of 52% and a lightness of 43.3%. #354ca8 color hex could be obtained by blending #6a98ff with #000051. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 30
- B 66
RGB color chart
- C 68
- M 55
- Y 0
- K 34
CMYK color chart

● #354ca8 color description : Dark moderate blue.

The hexadecimal color #354ca8 has RGB values of R:53, G:76, B:168 and CMYK values of C:0.68, M:0.55, Y:0, K:0.34. Its decimal value is 3493032.

Hex triplet	354ca8	`#354ca8`
RGB Decimal	53, 76, 168	`rgb(53,76,168)`
RGB Percent	20.8, 29.8, 65.9	`rgb(20.8%,29.8%,65.9%)`
CMYK	68, 55, 0, 34
HSL	228°, 52, 43.3	`hsl(228,52%,43.3%)`
HSV (or HSB)	228°, 68.5, 65.9
Web Safe	333399	`#333399`

CIE-LAB	35.503, 22.543, -52.195
XYZ	11.119, 8.752, 38.147
xyY	0.192, 0.151, 8.752
CIE-LCH	35.503, 56.855, 293.36
CIE-LUV	35.503, -11.389, -74.608
Hunter-Lab	29.584, 15.316, -55.742
Binary	00110101, 01001100, 10101000

#354ca8
```
#354ca8 rgb(53,76,168)
```
#a89135
```
#a89135 rgb(168,145,53)
```

Complementary Color

#3586a8
```
#3586a8 rgb(53,134,168)
```
#354ca8
```
#354ca8 rgb(53,76,168)
```
#5835a8
```
#5835a8 rgb(88,53,168)
```

Analogous Color

#86a835
```
#86a835 rgb(134,168,53)
```
#354ca8
```
#354ca8 rgb(53,76,168)
```
#a85835
```
#a85835 rgb(168,88,53)
```

Split Complementary Color

#4ca835
```
#4ca835 rgb(76,168,53)
```
#354ca8
```
#354ca8 rgb(53,76,168)
```
#a8354c
```
#a8354c rgb(168,53,76)
```

Triadic Color

#35a891
```
#35a891 rgb(53,168,145)
```
#354ca8
```
#354ca8 rgb(53,76,168)
```
#a8354c
```
#a8354c rgb(168,53,76)
```
#a89135
```
#a89135 rgb(168,145,53)
```

Tetradic Color

#23326e
```
#23326e rgb(35,50,110)
```
#293a81
```
#293a81 rgb(41,58,129)
```
#2f4395
```
#2f4395 rgb(47,67,149)
```
#354ca8
```
#354ca8 rgb(53,76,168)
```
#3b55bb
```
#3b55bb rgb(59,85,187)
```
#4a63c6
```
#4a63c6 rgb(74,99,198)
```
#5d74cc
```
#5d74cc rgb(93,116,204)
```

Monochromatic Color

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

#3569a8
```
#3569a8 rgb(53,105,168)
```
#355fa8
```
#355fa8 rgb(53,95,168)
```
#3556a8
```
#3556a8 rgb(53,86,168)
```
#354ca8
```
#354ca8 rgb(53,76,168)
```
#3542a8
```
#3542a8 rgb(53,66,168)
```
#3539a8
```
#3539a8 rgb(53,57,168)
```
#3b35a8
```
#3b35a8 rgb(59,53,168)
```

Similar Colors

Text with hexadecimal color #354ca8

This text has a font color of #354ca8.

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

#354ca8 background color

This paragraph has a background color of #354ca8.

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

#354ca8 border color

This element has a border color of #354ca8.

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

CSS codes

.text {color:#354ca8;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060913
```
#060913 rgb(6,9,19)
```
#0b0f22
```
#0b0f22 rgb(11,15,34)
```
#0f1631
```
#0f1631 rgb(15,22,49)
```
#141d40
```
#141d40 rgb(20,29,64)
```
#19244f
```
#19244f rgb(25,36,79)
```
#1d2a5d
```
#1d2a5d rgb(29,42,93)
```
#22316c
```
#22316c rgb(34,49,108)
```
#27387b
```
#27387b rgb(39,56,123)
```
#2c3f8a
```
#2c3f8a rgb(44,63,138)
```
#304599
```
#304599 rgb(48,69,153)
```
#354ca8
```
#354ca8 rgb(53,76,168)
```
#3a53b7
```
#3a53b7 rgb(58,83,183)
```

Shade Color Variation

#415bc3
```
#415bc3 rgb(65,91,195)
```
#5068c8
```
#5068c8 rgb(80,104,200)
```
#5f75cd
```
#5f75cd rgb(95,117,205)
```
#6e82d1
```
#6e82d1 rgb(110,130,209)
```
#7d8fd6
```
#7d8fd6 rgb(125,143,214)
```
#8c9bdb
```
#8c9bdb rgb(140,155,219)
```
#9ba8df
```
#9ba8df rgb(155,168,223)
```
#aab5e4
```
#aab5e4 rgb(170,181,228)
```
#b8c2e9
```
#b8c2e9 rgb(184,194,233)
```
#c7cfed
```
#c7cfed rgb(199,207,237)
```
#d6dcf2
```
#d6dcf2 rgb(214,220,242)
```
#e5e9f7
```
#e5e9f7 rgb(229,233,247)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686b75 is the less saturated color, while #022ddb is the most saturated one.

#686b75
```
#686b75 rgb(104,107,117)
```
#60667e
```
#60667e rgb(96,102,126)
```
#576086
```
#576086 rgb(87,96,134)
```
#4f5b8f
```
#4f5b8f rgb(79,91,143)
```
#465697
```
#465697 rgb(70,86,151)
```
#3e51a0
```
#3e51a0 rgb(62,81,160)
```
#354ca8
```
#354ca8 rgb(53,76,168)
```
#2d47b1
```
#2d47b1 rgb(45,71,177)
```
#2442b9
```
#2442b9 rgb(36,66,185)
```
#1c3dc2
```
#1c3dc2 rgb(28,61,194)
```
#1338ca
```
#1338ca rgb(19,56,202)
```
#0b33d3
```
#0b33d3 rgb(11,51,211)
```
#022ddb
```
#022ddb rgb(2,45,219)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4b4f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005e9a Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#1354ac Protanomaly 1% of men, 0.01% of women
#13579f Deuteranomaly 6% of men, 0.4% of women
#135c82 Tritanomaly 0.01% of the population

#354ca8 hex color

#354ca8 Color Information

#354ca8 Color Conversion

Color Schemes with #354ca8

Alternatives to #354ca8

#354ca8 Preview

Shades and Tints of #354ca8

Tones of #354ca8

Color Blindness Simulator