#354cb7 hex color

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

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

● #354cb7 color description : Moderate blue.

The hexadecimal color #354cb7 has RGB values of R:53, G:76, B:183 and CMYK values of C:0.71, M:0.58, Y:0, K:0.28. Its decimal value is 3493047.

Hex triplet	354cb7	`#354cb7`
RGB Decimal	53, 76, 183	`rgb(53,76,183)`
RGB Percent	20.8, 29.8, 71.8	`rgb(20.8%,29.8%,71.8%)`
CMYK	71, 58, 0, 28
HSL	229.4°, 55.1, 46.3	`hsl(229.4,55.1%,46.3%)`
HSV (or HSB)	229.4°, 71, 71.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.638, 28.044, -59.247
XYZ	12.598, 9.344, 45.937
xyY	0.186, 0.138, 9.344
CIE-LCH	36.638, 65.549, 295.331
CIE-LUV	36.638, -11.627, -85.218
Hunter-Lab	30.568, 20.073, -67.703
Binary	00110101, 01001100, 10110111

#354cb7
```
#354cb7 rgb(53,76,183)
```
#b7a035
```
#b7a035 rgb(183,160,53)
```

Complementary Color

#358db7
```
#358db7 rgb(53,141,183)
```
#354cb7
```
#354cb7 rgb(53,76,183)
```
#5f35b7
```
#5f35b7 rgb(95,53,183)
```

Analogous Color

#8db735
```
#8db735 rgb(141,183,53)
```
#354cb7
```
#354cb7 rgb(53,76,183)
```
#b75f35
```
#b75f35 rgb(183,95,53)
```

Split Complementary Color

#4cb735
```
#4cb735 rgb(76,183,53)
```
#354cb7
```
#354cb7 rgb(53,76,183)
```
#b7354c
```
#b7354c rgb(183,53,76)
```

Triadic Color

#35b7a0
```
#35b7a0 rgb(53,183,160)
```
#354cb7
```
#354cb7 rgb(53,76,183)
```
#b7354c
```
#b7354c rgb(183,53,76)
```
#b7a035
```
#b7a035 rgb(183,160,53)
```

Tetradic Color

#24337c
```
#24337c rgb(36,51,124)
```
#2a3c8f
```
#2a3c8f rgb(42,60,143)
```
#2f44a3
```
#2f44a3 rgb(47,68,163)
```
#354cb7
```
#354cb7 rgb(53,76,183)
```
#3e57c7
```
#3e57c7 rgb(62,87,199)
```
#5268cd
```
#5268cd rgb(82,104,205)
```
#6679d3
```
#6679d3 rgb(102,121,211)
```

Monochromatic Color

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

#356db7
```
#356db7 rgb(53,109,183)
```
#3562b7
```
#3562b7 rgb(53,98,183)
```
#3557b7
```
#3557b7 rgb(53,87,183)
```
#354cb7
```
#354cb7 rgb(53,76,183)
```
#3541b7
```
#3541b7 rgb(53,65,183)
```
#3536b7
```
#3536b7 rgb(53,54,183)
```
#3f35b7
```
#3f35b7 rgb(63,53,183)
```

Similar Colors

Text with hexadecimal color #354cb7

This text has a font color of #354cb7.

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

#354cb7 background color

This paragraph has a background color of #354cb7.

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

#354cb7 border color

This element has a border color of #354cb7.

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

CSS codes

.text {color:#354cb7;}

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

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

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)
```
#050710
```
#050710 rgb(5,7,16)
```
#090d1f
```
#090d1f rgb(9,13,31)
```
#0d132e
```
#0d132e rgb(13,19,46)
```
#12193d
```
#12193d rgb(18,25,61)
```
#16204d
```
#16204d rgb(22,32,77)
```
#1b265c
```
#1b265c rgb(27,38,92)
```
#1f2c6b
```
#1f2c6b rgb(31,44,107)
```
#23337a
```
#23337a rgb(35,51,122)
```
#283989
```
#283989 rgb(40,57,137)
```
#2c3f99
```
#2c3f99 rgb(44,63,153)
```
#3146a8
```
#3146a8 rgb(49,70,168)
```
#354cb7
```
#354cb7 rgb(53,76,183)
```

Shade Color Variation

#3a53c6
```
#3a53c6 rgb(58,83,198)
```
#4960ca
```
#4960ca rgb(73,96,202)
```
#586dcf
```
#586dcf rgb(88,109,207)
```
#677ad3
```
#677ad3 rgb(103,122,211)
```
#7788d7
```
#7788d7 rgb(119,136,215)
```
#8695dc
```
#8695dc rgb(134,149,220)
```
#95a2e0
```
#95a2e0 rgb(149,162,224)
```
#a4b0e5
```
#a4b0e5 rgb(164,176,229)
```
#b3bde9
```
#b3bde9 rgb(179,189,233)
```
#c3caee
```
#c3caee rgb(195,202,238)
```
#d2d8f2
```
#d2d8f2 rgb(210,216,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 #082fe4 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)
```
#505e9c
```
#505e9c rgb(80,94,156)
```
#4758a5
```
#4758a5 rgb(71,88,165)
```
#3e52ae
```
#3e52ae rgb(62,82,174)
```
#354cb7
```
#354cb7 rgb(53,76,183)
```
#2c46c0
```
#2c46c0 rgb(44,70,192)
```
#2340c9
```
#2340c9 rgb(35,64,201)
```
#1a3ad2
```
#1a3ad2 rgb(26,58,210)
```
#1135db
```
#1135db rgb(17,53,219)
```
#082fe4
```
#082fe4 rgb(8,47,228)
```

Tone Color Variation

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

#005cb4 Protanopia 1% of men
#00619d Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1356b5 Protanomaly 1% of men, 0.01% of women
#1359a7 Deuteranomaly 6% of men, 0.4% of women
#135e89 Tritanomaly 0.01% of the population

#354cb7 hex color

#354cb7 Color Information

#354cb7 Color Conversion

Color Schemes with #354cb7

Alternatives to #354cb7

#354cb7 Preview

Shades and Tints of #354cb7

Tones of #354cb7

Color Blindness Simulator