#354c94 hex color

In a RGB color space, hex #354c94 is composed of 20.8% red, 29.8% green and 58% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 48.6% magenta, 0% yellow and 42% black. It has a hue angle of 225.5 degrees, a saturation of 47.3% and a lightness of 39.4%. #354c94 color hex could be obtained by blending #6a98ff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 30
- B 58
RGB color chart
- C 64
- M 49
- Y 0
- K 42
CMYK color chart

● #354c94 color description : Dark moderate blue.

The hexadecimal color #354c94 has RGB values of R:53, G:76, B:148 and CMYK values of C:0.64, M:0.49, Y:0, K:0.42. Its decimal value is 3493012.

Hex triplet	354c94	`#354c94`
RGB Decimal	53, 76, 148	`rgb(53,76,148)`
RGB Percent	20.8, 29.8, 58	`rgb(20.8%,29.8%,58%)`
CMYK	64, 49, 0, 42
HSL	225.5°, 47.3, 39.4	`hsl(225.5,47.3%,39.4%)`
HSV (or HSB)	225.5°, 64.2, 58
Web Safe	333399	`#333399`

CIE-LAB	34.114, 15.187, -42.388
XYZ	9.397, 8.063, 29.077
xyY	0.202, 0.173, 8.063
CIE-LCH	34.114, 45.027, 289.712
CIE-LUV	34.114, -11.125, -59.781
Hunter-Lab	28.396, 9.376, -40.834
Binary	00110101, 01001100, 10010100

#354c94
```
#354c94 rgb(53,76,148)
```
#947d35
```
#947d35 rgb(148,125,53)
```

Complementary Color

#357c94
```
#357c94 rgb(53,124,148)
```
#354c94
```
#354c94 rgb(53,76,148)
```
#4e3594
```
#4e3594 rgb(78,53,148)
```

Analogous Color

#7c9435
```
#7c9435 rgb(124,148,53)
```
#354c94
```
#354c94 rgb(53,76,148)
```
#944e35
```
#944e35 rgb(148,78,53)
```

Split Complementary Color

#4c9435
```
#4c9435 rgb(76,148,53)
```
#354c94
```
#354c94 rgb(53,76,148)
```
#94354c
```
#94354c rgb(148,53,76)
```

Triadic Color

#35947d
```
#35947d rgb(53,148,125)
```
#354c94
```
#354c94 rgb(53,76,148)
```
#94354c
```
#94354c rgb(148,53,76)
```
#947d35
```
#947d35 rgb(148,125,53)
```

Tetradic Color

#212f5c
```
#212f5c rgb(33,47,92)
```
#28396e
```
#28396e rgb(40,57,110)
```
#2e4281
```
#2e4281 rgb(46,66,129)
```
#354c94
```
#354c94 rgb(53,76,148)
```
#3c56a7
```
#3c56a7 rgb(60,86,167)
```
#425fba
```
#425fba rgb(66,95,186)
```
#546ec2
```
#546ec2 rgb(84,110,194)
```

Monochromatic Color

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

#356494
```
#356494 rgb(53,100,148)
```
#355c94
```
#355c94 rgb(53,92,148)
```
#355494
```
#355494 rgb(53,84,148)
```
#354c94
```
#354c94 rgb(53,76,148)
```
#354494
```
#354494 rgb(53,68,148)
```
#353c94
```
#353c94 rgb(53,60,148)
```
#363594
```
#363594 rgb(54,53,148)
```

Similar Colors

Text with hexadecimal color #354c94

This text has a font color of #354c94.

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

#354c94 background color

This paragraph has a background color of #354c94.

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

#354c94 border color

This element has a border color of #354c94.

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

CSS codes

.text {color:#354c94;}

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

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

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 #f4f6fb is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#060912
```
#060912 rgb(6,9,18)
```
#0c1120
```
#0c1120 rgb(12,17,32)
```
#11182f
```
#11182f rgb(17,24,47)
```
#161f3d
```
#161f3d rgb(22,31,61)
```
#1b274c
```
#1b274c rgb(27,39,76)
```
#202e5a
```
#202e5a rgb(32,46,90)
```
#253669
```
#253669 rgb(37,54,105)
```
#2b3d77
```
#2b3d77 rgb(43,61,119)
```
#304586
```
#304586 rgb(48,69,134)
```
#354c94
```
#354c94 rgb(53,76,148)
```
#3a53a2
```
#3a53a2 rgb(58,83,162)
```
#3f5bb1
```
#3f5bb1 rgb(63,91,177)
```

Shade Color Variation

#4763bd
```
#4763bd rgb(71,99,189)
```
#5570c2
```
#5570c2 rgb(85,112,194)
```
#647cc7
```
#647cc7 rgb(100,124,199)
```
#7288cd
```
#7288cd rgb(114,136,205)
```
#8194d2
```
#8194d2 rgb(129,148,210)
```
#8fa0d7
```
#8fa0d7 rgb(143,160,215)
```
#9daddc
```
#9daddc rgb(157,173,220)
```
#acb9e1
```
#acb9e1 rgb(172,185,225)
```
#bac5e6
```
#bac5e6 rgb(186,197,230)
```
#c9d1ec
```
#c9d1ec rgb(201,209,236)
```
#d7ddf1
```
#d7ddf1 rgb(215,221,241)
```
#e6eaf6
```
#e6eaf6 rgb(230,234,246)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

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

#636466
```
#636466 rgb(99,100,102)
```
#5c606d
```
#5c606d rgb(92,96,109)
```
#545c75
```
#545c75 rgb(84,92,117)
```
#4c587d
```
#4c587d rgb(76,88,125)
```
#445485
```
#445485 rgb(68,84,133)
```
#3d508c
```
#3d508c rgb(61,80,140)
```
#354c94
```
#354c94 rgb(53,76,148)
```
#2d489c
```
#2d489c rgb(45,72,156)
```
#2644a3
```
#2644a3 rgb(38,68,163)
```
#1e40ab
```
#1e40ab rgb(30,64,171)
```
#163cb3
```
#163cb3 rgb(22,60,179)
```
#0e38bb
```
#0e38bb rgb(14,56,187)
```
#0734c2
```
#0734c2 rgb(7,52,194)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#484d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#32579b Protanopia 1% of men
#0c5a97 Deuteranopia 1% of men
#1a6168 Tritanopia 0.001% of the population

Trichromacy

#335398 Protanomaly 1% of men, 0.01% of women
#1b5596 Deuteranomaly 6% of men, 0.4% of women
#245978 Tritanomaly 0.01% of the population

#354c94 hex color

#354c94 Color Information

#354c94 Color Conversion

Color Schemes with #354c94

Alternatives to #354c94

#354c94 Preview

Shades and Tints of #354c94

Tones of #354c94

Color Blindness Simulator