#354ac9 hex color

In a RGB color space, hex #354ac9 is composed of 20.8% red, 29% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 63.2% magenta, 0% yellow and 21.2% black. It has a hue angle of 231.5 degrees, a saturation of 58.3% and a lightness of 49.8%. #354ac9 color hex could be obtained by blending #6a94ff with #000093. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 29
- B 79
RGB color chart
- C 74
- M 63
- Y 0
- K 21
CMYK color chart

● #354ac9 color description : Moderate blue.

The hexadecimal color #354ac9 has RGB values of R:53, G:74, B:201 and CMYK values of C:0.74, M:0.63, Y:0, K:0.21. Its decimal value is 3492553.

Hex triplet	354ac9	`#354ac9`
RGB Decimal	53, 74, 201	`rgb(53,74,201)`
RGB Percent	20.8, 29, 78.8	`rgb(20.8%,29%,78.8%)`
CMYK	74, 63, 0, 21
HSL	231.5°, 58.3, 49.8	`hsl(231.5,58.3%,49.8%)`
HSV (or HSB)	231.5°, 73.6, 78.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.609, 35.83, -68.19
XYZ	14.457, 9.871, 56.398
xyY	0.179, 0.122, 9.871
CIE-LCH	37.609, 77.03, 297.719
CIE-LUV	37.609, -11.491, -98.042
Hunter-Lab	31.417, 27.16, -84.441
Binary	00110101, 01001010, 11001001

#354ac9
```
#354ac9 rgb(53,74,201)
```
#c9b435
```
#c9b435 rgb(201,180,53)
```

Complementary Color

#3594c9
```
#3594c9 rgb(53,148,201)
```
#354ac9
```
#354ac9 rgb(53,74,201)
```
#6a35c9
```
#6a35c9 rgb(106,53,201)
```

Analogous Color

#94c935
```
#94c935 rgb(148,201,53)
```
#354ac9
```
#354ac9 rgb(53,74,201)
```
#c96a35
```
#c96a35 rgb(201,106,53)
```

Split Complementary Color

#4ac935
```
#4ac935 rgb(74,201,53)
```
#354ac9
```
#354ac9 rgb(53,74,201)
```
#c9354a
```
#c9354a rgb(201,53,74)
```

Triadic Color

#35c9b4
```
#35c9b4 rgb(53,201,180)
```
#354ac9
```
#354ac9 rgb(53,74,201)
```
#c9354a
```
#c9354a rgb(201,53,74)
```
#c9b435
```
#c9b435 rgb(201,180,53)
```

Tetradic Color

#25348c
```
#25348c rgb(37,52,140)
```
#2a3ba1
```
#2a3ba1 rgb(42,59,161)
```
#3043b5
```
#3043b5 rgb(48,67,181)
```
#354ac9
```
#354ac9 rgb(53,74,201)
```
#495ccf
```
#495ccf rgb(73,92,207)
```
#5d6ed4
```
#5d6ed4 rgb(93,110,212)
```
#7180da
```
#7180da rgb(113,128,218)
```

Monochromatic Color

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

#356fc9
```
#356fc9 rgb(53,111,201)
```
#3563c9
```
#3563c9 rgb(53,99,201)
```
#3556c9
```
#3556c9 rgb(53,86,201)
```
#354ac9
```
#354ac9 rgb(53,74,201)
```
#353ec9
```
#353ec9 rgb(53,62,201)
```
#3935c9
```
#3935c9 rgb(57,53,201)
```
#4535c9
```
#4535c9 rgb(69,53,201)
```

Similar Colors

Text with hexadecimal color #354ac9

This text has a font color of #354ac9.

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

#354ac9 background color

This paragraph has a background color of #354ac9.

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

#354ac9 border color

This element has a border color of #354ac9.

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

CSS codes

.text {color:#354ac9;}

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

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

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, #04050f is the darkest color, while #fefeff is the lightest one.

#04050f
```
#04050f rgb(4,5,15)
```
#080b1e
```
#080b1e rgb(8,11,30)
```
#0c112e
```
#0c112e rgb(12,17,46)
```
#10173d
```
#10173d rgb(16,23,61)
```
#141c4d
```
#141c4d rgb(20,28,77)
```
#18225c
```
#18225c rgb(24,34,92)
```
#1c286c
```
#1c286c rgb(28,40,108)
```
#212d7b
```
#212d7b rgb(33,45,123)
```
#25338b
```
#25338b rgb(37,51,139)
```
#29399a
```
#29399a rgb(41,57,154)
```
#2d3faa
```
#2d3faa rgb(45,63,170)
```
#3144b9
```
#3144b9 rgb(49,68,185)
```
#354ac9
```
#354ac9 rgb(53,74,201)
```

Shade Color Variation

#4457ce
```
#4457ce rgb(68,87,206)
```
#5365d2
```
#5365d2 rgb(83,101,210)
```
#6373d6
```
#6373d6 rgb(99,115,214)
```
#7381da
```
#7381da rgb(115,129,218)
```
#828fde
```
#828fde rgb(130,143,222)
```
#929de2
```
#929de2 rgb(146,157,226)
```
#a1abe6
```
#a1abe6 rgb(161,171,230)
```
#b1b9ea
```
#b1b9ea rgb(177,185,234)
```
#c0c7ee
```
#c0c7ee rgb(192,199,238)
```
#d0d5f3
```
#d0d5f3 rgb(208,213,243)
```
#dfe2f7
```
#dfe2f7 rgb(223,226,247)
```
#eff0fb
```
#eff0fb rgb(239,240,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797b85 is the less saturated color, while #0427fa is the most saturated one.

#797b85
```
#797b85 rgb(121,123,133)
```
#70748e
```
#70748e rgb(112,116,142)
```
#666d98
```
#666d98 rgb(102,109,152)
```
#5c66a2
```
#5c66a2 rgb(92,102,162)
```
#525fac
```
#525fac rgb(82,95,172)
```
#4958b5
```
#4958b5 rgb(73,88,181)
```
#3f51bf
```
#3f51bf rgb(63,81,191)
```
#354ac9
```
#354ac9 rgb(53,74,201)
```
#2b43d3
```
#2b43d3 rgb(43,67,211)
```
#213cdd
```
#213cdd rgb(33,60,221)
```
#1835e6
```
#1835e6 rgb(24,53,230)
```
#0e2ef0
```
#0e2ef0 rgb(14,46,240)
```
#0427fa
```
#0427fa rgb(4,39,250)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4c506a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0063a0 Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#1356be Protanomaly 1% of men, 0.01% of women
#135aaf Deuteranomaly 6% of men, 0.4% of women
#135e90 Tritanomaly 0.01% of the population

#354ac9 hex color

#354ac9 Color Information

#354ac9 Color Conversion

Color Schemes with #354ac9

Alternatives to #354ac9

#354ac9 Preview

Shades and Tints of #354ac9

Tones of #354ac9

Color Blindness Simulator