#354fbd hex color

In a RGB color space, hex #354fbd is composed of 20.8% red, 31% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 58.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 228.5 degrees, a saturation of 56.2% and a lightness of 47.5%. #354fbd color hex could be obtained by blending #6a9eff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 31
- B 74
RGB color chart
- C 72
- M 58
- Y 0
- K 26
CMYK color chart

● #354fbd color description : Moderate blue.

The hexadecimal color #354fbd has RGB values of R:53, G:79, B:189 and CMYK values of C:0.72, M:0.58, Y:0, K:0.26. Its decimal value is 3493821.

Hex triplet	354fbd	`#354fbd`
RGB Decimal	53, 79, 189	`rgb(53,79,189)`
RGB Percent	20.8, 31, 74.1	`rgb(20.8%,31%,74.1%)`
CMYK	72, 58, 0, 26
HSL	228.5°, 56.2, 47.5	`hsl(228.5,56.2%,47.5%)`
HSV (or HSB)	228.5°, 72, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.882, 28.288, -60.746
XYZ	13.448, 10.022, 49.367
xyY	0.185, 0.138, 10.022
CIE-LCH	37.882, 67.01, 294.97
CIE-LUV	37.882, -12.493, -88.214
Hunter-Lab	31.658, 20.422, -70.297
Binary	00110101, 01001111, 10111101

#354fbd
```
#354fbd rgb(53,79,189)
```
#bda335
```
#bda335 rgb(189,163,53)
```

Complementary Color

#3593bd
```
#3593bd rgb(53,147,189)
```
#354fbd
```
#354fbd rgb(53,79,189)
```
#5f35bd
```
#5f35bd rgb(95,53,189)
```

Analogous Color

#93bd35
```
#93bd35 rgb(147,189,53)
```
#354fbd
```
#354fbd rgb(53,79,189)
```
#bd5f35
```
#bd5f35 rgb(189,95,53)
```

Split Complementary Color

#4fbd35
```
#4fbd35 rgb(79,189,53)
```
#354fbd
```
#354fbd rgb(53,79,189)
```
#bd354f
```
#bd354f rgb(189,53,79)
```

Triadic Color

#35bda3
```
#35bda3 rgb(53,189,163)
```
#354fbd
```
#354fbd rgb(53,79,189)
```
#bd354f
```
#bd354f rgb(189,53,79)
```
#bda335
```
#bda335 rgb(189,163,53)
```

Tetradic Color

#243681
```
#243681 rgb(36,54,129)
```
#2a3e95
```
#2a3e95 rgb(42,62,149)
```
#2f47a9
```
#2f47a9 rgb(47,71,169)
```
#354fbd
```
#354fbd rgb(53,79,189)
```
#425cca
```
#425cca rgb(66,92,202)
```
#566dcf
```
#566dcf rgb(86,109,207)
```
#697ed5
```
#697ed5 rgb(105,126,213)
```

Monochromatic Color

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

#3571bd
```
#3571bd rgb(53,113,189)
```
#3566bd
```
#3566bd rgb(53,102,189)
```
#355abd
```
#355abd rgb(53,90,189)
```
#354fbd
```
#354fbd rgb(53,79,189)
```
#3544bd
```
#3544bd rgb(53,68,189)
```
#3538bd
```
#3538bd rgb(53,56,189)
```
#3d35bd
```
#3d35bd rgb(61,53,189)
```

Similar Colors

Text with hexadecimal color #354fbd

This text has a font color of #354fbd.

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

#354fbd background color

This paragraph has a background color of #354fbd.

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

#354fbd border color

This element has a border color of #354fbd.

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

CSS codes

.text {color:#354fbd;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#060914
```
#060914 rgb(6,9,20)
```
#0a0f24
```
#0a0f24 rgb(10,15,36)
```
#0e1533
```
#0e1533 rgb(14,21,51)
```
#131c42
```
#131c42 rgb(19,28,66)
```
#172252
```
#172252 rgb(23,34,82)
```
#1b2961
```
#1b2961 rgb(27,41,97)
```
#202f70
```
#202f70 rgb(32,47,112)
```
#243580
```
#243580 rgb(36,53,128)
```
#283c8f
```
#283c8f rgb(40,60,143)
```
#2c429e
```
#2c429e rgb(44,66,158)
```
#3149ae
```
#3149ae rgb(49,73,174)
```
#354fbd
```
#354fbd rgb(53,79,189)
```

Shade Color Variation

#3d58c9
```
#3d58c9 rgb(61,88,201)
```
#4c65cd
```
#4c65cd rgb(76,101,205)
```
#5c72d1
```
#5c72d1 rgb(92,114,209)
```
#6b7fd5
```
#6b7fd5 rgb(107,127,213)
```
#7a8dda
```
#7a8dda rgb(122,141,218)
```
#8a9ade
```
#8a9ade rgb(138,154,222)
```
#99a7e2
```
#99a7e2 rgb(153,167,226)
```
#a8b4e7
```
#a8b4e7 rgb(168,180,231)
```
#b8c1eb
```
#b8c1eb rgb(184,193,235)
```
#c7cfef
```
#c7cfef rgb(199,207,239)
```
#d6dcf4
```
#d6dcf4 rgb(214,220,244)
```
#e6e9f8
```
#e6e9f8 rgb(230,233,248)
```
#f5f6fc
```
#f5f6fc rgb(245,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76777c is the less saturated color, while #0632ec is the most saturated one.

#76777c
```
#76777c rgb(118,119,124)
```
#6d7185
```
#6d7185 rgb(109,113,133)
```
#646c8e
```
#646c8e rgb(100,108,142)
```
#5a6698
```
#5a6698 rgb(90,102,152)
```
#5160a1
```
#5160a1 rgb(81,96,161)
```
#485aaa
```
#485aaa rgb(72,90,170)
```
#3e55b4
```
#3e55b4 rgb(62,85,180)
```
#354fbd
```
#354fbd rgb(53,79,189)
```
#2c49c6
```
#2c49c6 rgb(44,73,198)
```
#2244d0
```
#2244d0 rgb(34,68,208)
```
#193ed9
```
#193ed9 rgb(25,62,217)
```
#1038e2
```
#1038e2 rgb(16,56,226)
```
#0632ec
```
#0632ec rgb(6,50,236)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4e5369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0064a2 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#1359ba Protanomaly 1% of men, 0.01% of women
#135cac Deuteranomaly 6% of men, 0.4% of women
#13618d Tritanomaly 0.01% of the population

#354fbd hex color

#354fbd Color Information

#354fbd Color Conversion

Color Schemes with #354fbd

Alternatives to #354fbd

#354fbd Preview

Shades and Tints of #354fbd

Tones of #354fbd

Color Blindness Simulator