#354bb7 hex color

In a RGB color space, hex #354bb7 is composed of 20.8% red, 29.4% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 59% magenta, 0% yellow and 28.2% black. It has a hue angle of 229.8 degrees, a saturation of 55.1% and a lightness of 46.3%. #354bb7 color hex could be obtained by blending #6a96ff with #00006f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 29
- B 72
RGB color chart
- C 71
- M 59
- Y 0
- K 28
CMYK color chart

● #354bb7 color description : Moderate blue.

The hexadecimal color #354bb7 has RGB values of R:53, G:75, B:183 and CMYK values of C:0.71, M:0.59, Y:0, K:0.28. Its decimal value is 3492791.

Hex triplet	354bb7	`#354bb7`
RGB Decimal	53, 75, 183	`rgb(53,75,183)`
RGB Percent	20.8, 29.4, 71.8	`rgb(20.8%,29.4%,71.8%)`
CMYK	71, 59, 0, 28
HSL	229.8°, 55.1, 46.3	`hsl(229.8,55.1%,46.3%)`
HSV (or HSB)	229.8°, 71, 71.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.38, 28.694, -59.667
XYZ	12.53, 9.207, 45.914
xyY	0.185, 0.136, 9.207
CIE-LCH	36.38, 66.208, 295.684
CIE-LUV	36.38, -11.372, -85.598
Hunter-Lab	30.343, 20.608, -68.474
Binary	00110101, 01001011, 10110111

#354bb7
```
#354bb7 rgb(53,75,183)
```
#b7a135
```
#b7a135 rgb(183,161,53)
```

Complementary Color

#358cb7
```
#358cb7 rgb(53,140,183)
```
#354bb7
```
#354bb7 rgb(53,75,183)
```
#6035b7
```
#6035b7 rgb(96,53,183)
```

Analogous Color

#8cb735
```
#8cb735 rgb(140,183,53)
```
#354bb7
```
#354bb7 rgb(53,75,183)
```
#b76035
```
#b76035 rgb(183,96,53)
```

Split Complementary Color

#4bb735
```
#4bb735 rgb(75,183,53)
```
#354bb7
```
#354bb7 rgb(53,75,183)
```
#b7354b
```
#b7354b rgb(183,53,75)
```

Triadic Color

#35b7a1
```
#35b7a1 rgb(53,183,161)
```
#354bb7
```
#354bb7 rgb(53,75,183)
```
#b7354b
```
#b7354b rgb(183,53,75)
```
#b7a135
```
#b7a135 rgb(183,161,53)
```

Tetradic Color

#24337c
```
#24337c rgb(36,51,124)
```
#2a3b8f
```
#2a3b8f rgb(42,59,143)
```
#2f43a3
```
#2f43a3 rgb(47,67,163)
```
#354bb7
```
#354bb7 rgb(53,75,183)
```
#3e55c7
```
#3e55c7 rgb(62,85,199)
```
#5267cd
```
#5267cd rgb(82,103,205)
```
#6678d3
```
#6678d3 rgb(102,120,211)
```

Monochromatic Color

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

#356cb7
```
#356cb7 rgb(53,108,183)
```
#3561b7
```
#3561b7 rgb(53,97,183)
```
#3556b7
```
#3556b7 rgb(53,86,183)
```
#354bb7
```
#354bb7 rgb(53,75,183)
```
#3540b7
```
#3540b7 rgb(53,64,183)
```
#3535b7
```
#3535b7 rgb(53,53,183)
```
#4035b7
```
#4035b7 rgb(64,53,183)
```

Similar Colors

Text with hexadecimal color #354bb7

This text has a font color of #354bb7.

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

#354bb7 background color

This paragraph has a background color of #354bb7.

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

#354bb7 border color

This element has a border color of #354bb7.

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

CSS codes

.text {color:#354bb7;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050610
```
#050610 rgb(5,6,16)
```
#090d1f
```
#090d1f rgb(9,13,31)
```
#0d132e
```
#0d132e rgb(13,19,46)
```
#12193d
```
#12193d rgb(18,25,61)
```
#161f4d
```
#161f4d rgb(22,31,77)
```
#1b265c
```
#1b265c rgb(27,38,92)
```
#1f2c6b
```
#1f2c6b rgb(31,44,107)
```
#23327a
```
#23327a rgb(35,50,122)
```
#283889
```
#283889 rgb(40,56,137)
```
#2c3f99
```
#2c3f99 rgb(44,63,153)
```
#3145a8
```
#3145a8 rgb(49,69,168)
```
#354bb7
```
#354bb7 rgb(53,75,183)
```

Shade Color Variation

#3a51c6
```
#3a51c6 rgb(58,81,198)
```
#495fca
```
#495fca rgb(73,95,202)
```
#586ccf
```
#586ccf rgb(88,108,207)
```
#677ad3
```
#677ad3 rgb(103,122,211)
```
#7787d7
```
#7787d7 rgb(119,135,215)
```
#8694dc
```
#8694dc rgb(134,148,220)
```
#95a2e0
```
#95a2e0 rgb(149,162,224)
```
#a4afe5
```
#a4afe5 rgb(164,175,229)
```
#b3bde9
```
#b3bde9 rgb(179,189,233)
```
#c3caee
```
#c3caee rgb(195,202,238)
```
#d2d7f2
```
#d2d7f2 rgb(210,215,242)
```
#e1e5f6
```
#e1e5f6 rgb(225,229,246)
```
#f0f2fb
```
#f0f2fb rgb(240,242,251)
```

Tint Color Variation

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

#757577
```
#757577 rgb(117,117,119)
```
#6b6f81
```
#6b6f81 rgb(107,111,129)
```
#62698a
```
#62698a rgb(98,105,138)
```
#596393
```
#596393 rgb(89,99,147)
```
#505d9c
```
#505d9c rgb(80,93,156)
```
#4757a5
```
#4757a5 rgb(71,87,165)
```
#3e51ae
```
#3e51ae rgb(62,81,174)
```
#354bb7
```
#354bb7 rgb(53,75,183)
```
#2c45c0
```
#2c45c0 rgb(44,69,192)
```
#233fc9
```
#233fc9 rgb(35,63,201)
```
#1a39d2
```
#1a39d2 rgb(26,57,210)
```
#1133db
```
#1133db rgb(17,51,219)
```
#082de4
```
#082de4 rgb(8,45,228)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b5065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb3 Protanopia 1% of men
#00609c Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#1355b4 Protanomaly 1% of men, 0.01% of women
#1358a6 Deuteranomaly 6% of men, 0.4% of women
#135d88 Tritanomaly 0.01% of the population

#354bb7 hex color

#354bb7 Color Information

#354bb7 Color Conversion

Color Schemes with #354bb7

Alternatives to #354bb7

#354bb7 Preview

Shades and Tints of #354bb7

Tones of #354bb7

Color Blindness Simulator