#354ac7 hex color

In a RGB color space, hex #354ac7 is composed of 20.8% red, 29% green and 78% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 62.8% magenta, 0% yellow and 22% black. It has a hue angle of 231.4 degrees, a saturation of 57.9% and a lightness of 49.4%. #354ac7 color hex could be obtained by blending #6a94ff with #00008f. Closest websafe color is: #3333cc.

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

● #354ac7 color description : Moderate blue.

The hexadecimal color #354ac7 has RGB values of R:53, G:74, B:199 and CMYK values of C:0.73, M:0.63, Y:0, K:0.22. Its decimal value is 3492551.

Hex triplet	354ac7	`#354ac7`
RGB Decimal	53, 74, 199	`rgb(53,74,199)`
RGB Percent	20.8, 29, 78	`rgb(20.8%,29%,78%)`
CMYK	73, 63, 0, 22
HSL	231.4°, 57.9, 49.4	`hsl(231.4,57.9%,49.4%)`
HSV (or HSB)	231.4°, 73.4, 78
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.439, 35.115, -67.306
XYZ	14.224, 9.777, 55.167
xyY	0.18, 0.123, 9.777
CIE-LCH	37.439, 75.915, 297.552
CIE-LUV	37.439, -11.448, -96.725
Hunter-Lab	31.268, 26.479, -82.719
Binary	00110101, 01001010, 11000111

#354ac7
```
#354ac7 rgb(53,74,199)
```
#c7b235
```
#c7b235 rgb(199,178,53)
```

Complementary Color

#3593c7
```
#3593c7 rgb(53,147,199)
```
#354ac7
```
#354ac7 rgb(53,74,199)
```
#6935c7
```
#6935c7 rgb(105,53,199)
```

Analogous Color

#93c735
```
#93c735 rgb(147,199,53)
```
#354ac7
```
#354ac7 rgb(53,74,199)
```
#c76935
```
#c76935 rgb(199,105,53)
```

Split Complementary Color

#4ac735
```
#4ac735 rgb(74,199,53)
```
#354ac7
```
#354ac7 rgb(53,74,199)
```
#c7354a
```
#c7354a rgb(199,53,74)
```

Triadic Color

#35c7b2
```
#35c7b2 rgb(53,199,178)
```
#354ac7
```
#354ac7 rgb(53,74,199)
```
#c7354a
```
#c7354a rgb(199,53,74)
```
#c7b235
```
#c7b235 rgb(199,178,53)
```

Tetradic Color

#25348b
```
#25348b rgb(37,52,139)
```
#2a3b9f
```
#2a3b9f rgb(42,59,159)
```
#3043b3
```
#3043b3 rgb(48,67,179)
```
#354ac7
```
#354ac7 rgb(53,74,199)
```
#475bce
```
#475bce rgb(71,91,206)
```
#5c6dd3
```
#5c6dd3 rgb(92,109,211)
```
#707fd9
```
#707fd9 rgb(112,127,217)
```

Monochromatic Color

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

#356fc7
```
#356fc7 rgb(53,111,199)
```
#3562c7
```
#3562c7 rgb(53,98,199)
```
#3556c7
```
#3556c7 rgb(53,86,199)
```
#354ac7
```
#354ac7 rgb(53,74,199)
```
#353ec7
```
#353ec7 rgb(53,62,199)
```
#3835c7
```
#3835c7 rgb(56,53,199)
```
#4535c7
```
#4535c7 rgb(69,53,199)
```

Similar Colors

Text with hexadecimal color #354ac7

This text has a font color of #354ac7.

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

#354ac7 background color

This paragraph has a background color of #354ac7.

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

#354ac7 border color

This element has a border color of #354ac7.

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

CSS codes

.text {color:#354ac7;}

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

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

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, #03050d is the darkest color, while #fdfdfe is the lightest one.

#03050d
```
#03050d rgb(3,5,13)
```
#080b1d
```
#080b1d rgb(8,11,29)
```
#0c102c
```
#0c102c rgb(12,16,44)
```
#10163c
```
#10163c rgb(16,22,60)
```
#141c4b
```
#141c4b rgb(20,28,75)
```
#18225b
```
#18225b rgb(24,34,91)
```
#1c276a
```
#1c276a rgb(28,39,106)
```
#202d7a
```
#202d7a rgb(32,45,122)
```
#243389
```
#243389 rgb(36,51,137)
```
#293999
```
#293999 rgb(41,57,153)
```
#2d3ea8
```
#2d3ea8 rgb(45,62,168)
```
#3144b8
```
#3144b8 rgb(49,68,184)
```
#354ac7
```
#354ac7 rgb(53,74,199)
```

Shade Color Variation

#4357cd
```
#4357cd rgb(67,87,205)
```
#5264d1
```
#5264d1 rgb(82,100,209)
```
#6272d5
```
#6272d5 rgb(98,114,213)
```
#7180d9
```
#7180d9 rgb(113,128,217)
```
#818edd
```
#818edd rgb(129,142,221)
```
#909ce1
```
#909ce1 rgb(144,156,225)
```
#a0aae6
```
#a0aae6 rgb(160,170,230)
```
#afb8ea
```
#afb8ea rgb(175,184,234)
```
#bfc5ee
```
#bfc5ee rgb(191,197,238)
```
#ced3f2
```
#ced3f2 rgb(206,211,242)
```
#dee1f6
```
#dee1f6 rgb(222,225,246)
```
#edeffa
```
#edeffa rgb(237,239,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#797a83
```
#797a83 rgb(121,122,131)
```
#6f738d
```
#6f738d rgb(111,115,141)
```
#656d97
```
#656d97 rgb(101,109,151)
```
#5c66a0
```
#5c66a0 rgb(92,102,160)
```
#525faa
```
#525faa rgb(82,95,170)
```
#4858b4
```
#4858b4 rgb(72,88,180)
```
#3f51bd
```
#3f51bd rgb(63,81,189)
```
#354ac7
```
#354ac7 rgb(53,74,199)
```
#2b43d1
```
#2b43d1 rgb(43,67,209)
```
#223cda
```
#223cda rgb(34,60,218)
```
#1835e4
```
#1835e4 rgb(24,53,228)
```
#0e2eee
```
#0e2eee rgb(14,46,238)
```
#0527f7
```
#0527f7 rgb(5,39,247)
```

Tone Color Variation

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

Dichromacy

#005db7 Protanopia 1% of men
#00639f Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#1356bd Protanomaly 1% of men, 0.01% of women
#135aae Deuteranomaly 6% of men, 0.4% of women
#135e8f Tritanomaly 0.01% of the population

#354ac7 hex color

#354ac7 Color Information

#354ac7 Color Conversion

Color Schemes with #354ac7

Alternatives to #354ac7

#354ac7 Preview

Shades and Tints of #354ac7

Tones of #354ac7

Color Blindness Simulator