#354e94 hex color

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

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

● #354e94 color description : Dark moderate blue.

The hexadecimal color #354e94 has RGB values of R:53, G:78, B:148 and CMYK values of C:0.64, M:0.47, Y:0, K:0.42. Its decimal value is 3493524.

Hex triplet	354e94	`#354e94`
RGB Decimal	53, 78, 148	`rgb(53,78,148)`
RGB Percent	20.8, 30.6, 58	`rgb(20.8%,30.6%,58%)`
CMYK	64, 47, 0, 42
HSL	224.2°, 47.3, 39.4	`hsl(224.2,47.3%,39.4%)`
HSV (or HSB)	224.2°, 64.2, 58
Web Safe	336699	`#336699`

CIE-LAB	34.688, 13.858, -41.469
XYZ	9.537, 8.343, 29.123
xyY	0.203, 0.178, 8.343
CIE-LCH	34.688, 43.723, 288.479
CIE-LUV	34.688, -11.747, -58.704
Hunter-Lab	28.885, 8.387, -39.56
Binary	00110101, 01001110, 10010100

#354e94
```
#354e94 rgb(53,78,148)
```
#947b35
```
#947b35 rgb(148,123,53)
```

Complementary Color

#357e94
```
#357e94 rgb(53,126,148)
```
#354e94
```
#354e94 rgb(53,78,148)
```
#4c3594
```
#4c3594 rgb(76,53,148)
```

Analogous Color

#7e9435
```
#7e9435 rgb(126,148,53)
```
#354e94
```
#354e94 rgb(53,78,148)
```
#944c35
```
#944c35 rgb(148,76,53)
```

Split Complementary Color

#4e9435
```
#4e9435 rgb(78,148,53)
```
#354e94
```
#354e94 rgb(53,78,148)
```
#94354e
```
#94354e rgb(148,53,78)
```

Triadic Color

#35947b
```
#35947b rgb(53,148,123)
```
#354e94
```
#354e94 rgb(53,78,148)
```
#94354e
```
#94354e rgb(148,53,78)
```
#947b35
```
#947b35 rgb(148,123,53)
```

Tetradic Color

#21305c
```
#21305c rgb(33,48,92)
```
#283a6e
```
#283a6e rgb(40,58,110)
```
#2e4481
```
#2e4481 rgb(46,68,129)
```
#354e94
```
#354e94 rgb(53,78,148)
```
#3c58a7
```
#3c58a7 rgb(60,88,167)
```
#4262ba
```
#4262ba rgb(66,98,186)
```
#5471c2
```
#5471c2 rgb(84,113,194)
```

Monochromatic Color

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

#356694
```
#356694 rgb(53,102,148)
```
#355e94
```
#355e94 rgb(53,94,148)
```
#355694
```
#355694 rgb(53,86,148)
```
#354e94
```
#354e94 rgb(53,78,148)
```
#354694
```
#354694 rgb(53,70,148)
```
#353e94
```
#353e94 rgb(53,62,148)
```
#353694
```
#353694 rgb(53,54,148)
```

Similar Colors

Text with hexadecimal color #354e94

This text has a font color of #354e94.

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

#354e94 background color

This paragraph has a background color of #354e94.

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

#354e94 border color

This element has a border color of #354e94.

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

CSS codes

.text {color:#354e94;}

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

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

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)
```
#11192f
```
#11192f rgb(17,25,47)
```
#16203d
```
#16203d rgb(22,32,61)
```
#1b284c
```
#1b284c rgb(27,40,76)
```
#20305a
```
#20305a rgb(32,48,90)
```
#253769
```
#253769 rgb(37,55,105)
```
#2b3f77
```
#2b3f77 rgb(43,63,119)
```
#304686
```
#304686 rgb(48,70,134)
```
#354e94
```
#354e94 rgb(53,78,148)
```
#3a56a2
```
#3a56a2 rgb(58,86,162)
```
#3f5db1
```
#3f5db1 rgb(63,93,177)
```

Shade Color Variation

#4766bd
```
#4766bd rgb(71,102,189)
```
#5572c2
```
#5572c2 rgb(85,114,194)
```
#647ec7
```
#647ec7 rgb(100,126,199)
```
#728acd
```
#728acd rgb(114,138,205)
```
#8196d2
```
#8196d2 rgb(129,150,210)
```
#8fa2d7
```
#8fa2d7 rgb(143,162,215)
```
#9daedc
```
#9daedc rgb(157,174,220)
```
#acbae1
```
#acbae1 rgb(172,186,225)
```
#bac6e6
```
#bac6e6 rgb(186,198,230)
```
#c9d2ec
```
#c9d2ec rgb(201,210,236)
```
#d7def1
```
#d7def1 rgb(215,222,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 #0738c2 is the most saturated one.

#636466
```
#636466 rgb(99,100,102)
```
#5c606d
```
#5c606d rgb(92,96,109)
```
#545d75
```
#545d75 rgb(84,93,117)
```
#4c597d
```
#4c597d rgb(76,89,125)
```
#445585
```
#445585 rgb(68,85,133)
```
#3d528c
```
#3d528c rgb(61,82,140)
```
#354e94
```
#354e94 rgb(53,78,148)
```
#2d4a9c
```
#2d4a9c rgb(45,74,156)
```
#2647a3
```
#2647a3 rgb(38,71,163)
```
#1e43ab
```
#1e43ab rgb(30,67,171)
```
#163fb3
```
#163fb3 rgb(22,63,179)
```
#0e3cbb
```
#0e3cbb rgb(14,60,187)
```
#0738c2
```
#0738c2 rgb(7,56,194)
```

Tone Color Variation

Below, you can see how #354e94 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
#4a4f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#37589a Protanopia 1% of men
#1b5b97 Deuteranopia 1% of men
#1b626a Tritanopia 0.001% of the population

Trichromacy

#365498 Protanomaly 1% of men, 0.01% of women
#245696 Deuteranomaly 6% of men, 0.4% of women
#255b79 Tritanomaly 0.01% of the population

#354e94 hex color

#354e94 Color Information

#354e94 Color Conversion

Color Schemes with #354e94

Alternatives to #354e94

#354e94 Preview

Shades and Tints of #354e94

Tones of #354e94

Color Blindness Simulator