#354bba hex color

In a RGB color space, hex #354bba is composed of 20.8% red, 29.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 59.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 230.1 degrees, a saturation of 55.6% and a lightness of 46.9%. #354bba color hex could be obtained by blending #6a96ff with #000075. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 29
- B 73
RGB color chart
- C 72
- M 60
- Y 0
- K 27
CMYK color chart

● #354bba color description : Moderate blue.

The hexadecimal color #354bba has RGB values of R:53, G:75, B:186 and CMYK values of C:0.72, M:0.6, Y:0, K:0.27. Its decimal value is 3492794.

Hex triplet	354bba	`#354bba`
RGB Decimal	53, 75, 186	`rgb(53,75,186)`
RGB Percent	20.8, 29.4, 72.9	`rgb(20.8%,29.4%,72.9%)`
CMYK	72, 60, 0, 27
HSL	230.1°, 55.6, 46.9	`hsl(230.1,55.6%,46.9%)`
HSV (or HSB)	230.1°, 71.5, 72.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.618, 29.786, -61.044
XYZ	12.845, 9.333, 47.576
xyY	0.184, 0.134, 9.333
CIE-LCH	36.618, 67.924, 296.01
CIE-LUV	36.618, -11.427, -87.659
Hunter-Lab	30.551, 21.589, -70.946
Binary	00110101, 01001011, 10111010

#354bba
```
#354bba rgb(53,75,186)
```
#baa435
```
#baa435 rgb(186,164,53)
```

Complementary Color

#358eba
```
#358eba rgb(53,142,186)
```
#354bba
```
#354bba rgb(53,75,186)
```
#6135ba
```
#6135ba rgb(97,53,186)
```

Analogous Color

#8eba35
```
#8eba35 rgb(142,186,53)
```
#354bba
```
#354bba rgb(53,75,186)
```
#ba6135
```
#ba6135 rgb(186,97,53)
```

Split Complementary Color

#4bba35
```
#4bba35 rgb(75,186,53)
```
#354bba
```
#354bba rgb(53,75,186)
```
#ba354b
```
#ba354b rgb(186,53,75)
```

Triadic Color

#35baa4
```
#35baa4 rgb(53,186,164)
```
#354bba
```
#354bba rgb(53,75,186)
```
#ba354b
```
#ba354b rgb(186,53,75)
```
#baa435
```
#baa435 rgb(186,164,53)
```

Tetradic Color

#24337e
```
#24337e rgb(36,51,126)
```
#2a3b92
```
#2a3b92 rgb(42,59,146)
```
#2f43a6
```
#2f43a6 rgb(47,67,166)
```
#354bba
```
#354bba rgb(53,75,186)
```
#4057c9
```
#4057c9 rgb(64,87,201)
```
#5468ce
```
#5468ce rgb(84,104,206)
```
#687ad4
```
#687ad4 rgb(104,122,212)
```

Monochromatic Color

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

#356cba
```
#356cba rgb(53,108,186)
```
#3561ba
```
#3561ba rgb(53,97,186)
```
#3556ba
```
#3556ba rgb(53,86,186)
```
#354bba
```
#354bba rgb(53,75,186)
```
#3540ba
```
#3540ba rgb(53,64,186)
```
#3535ba
```
#3535ba rgb(53,53,186)
```
#4035ba
```
#4035ba rgb(64,53,186)
```

Similar Colors

Text with hexadecimal color #354bba

This text has a font color of #354bba.

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

#354bba background color

This paragraph has a background color of #354bba.

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

#354bba border color

This element has a border color of #354bba.

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

CSS codes

.text {color:#354bba;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050712
```
#050712 rgb(5,7,18)
```
#0a0d21
```
#0a0d21 rgb(10,13,33)
```
#0e1431
```
#0e1431 rgb(14,20,49)
```
#121a40
```
#121a40 rgb(18,26,64)
```
#17204f
```
#17204f rgb(23,32,79)
```
#1b265e
```
#1b265e rgb(27,38,94)
```
#1f2c6e
```
#1f2c6e rgb(31,44,110)
```
#24327d
```
#24327d rgb(36,50,125)
```
#28398c
```
#28398c rgb(40,57,140)
```
#2c3f9b
```
#2c3f9b rgb(44,63,155)
```
#3145ab
```
#3145ab rgb(49,69,171)
```
#354bba
```
#354bba rgb(53,75,186)
```

Shade Color Variation

#3b53c7
```
#3b53c7 rgb(59,83,199)
```
#4b60cc
```
#4b60cc rgb(75,96,204)
```
#5a6dd0
```
#5a6dd0 rgb(90,109,208)
```
#697bd4
```
#697bd4 rgb(105,123,212)
```
#7888d9
```
#7888d9 rgb(120,136,217)
```
#8896dd
```
#8896dd rgb(136,150,221)
```
#97a3e1
```
#97a3e1 rgb(151,163,225)
```
#a6b1e6
```
#a6b1e6 rgb(166,177,230)
```
#b5beea
```
#b5beea rgb(181,190,234)
```
#c5ccee
```
#c5ccee rgb(197,204,238)
```
#d4d9f3
```
#d4d9f3 rgb(212,217,243)
```
#e3e7f7
```
#e3e7f7 rgb(227,231,247)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75767a is the less saturated color, while #072ce8 is the most saturated one.

#75767a
```
#75767a rgb(117,118,122)
```
#6c7083
```
#6c7083 rgb(108,112,131)
```
#636a8c
```
#636a8c rgb(99,106,140)
```
#5a6495
```
#5a6495 rgb(90,100,149)
```
#515d9e
```
#515d9e rgb(81,93,158)
```
#4757a8
```
#4757a8 rgb(71,87,168)
```
#3e51b1
```
#3e51b1 rgb(62,81,177)
```
#354bba
```
#354bba rgb(53,75,186)
```
#2c45c3
```
#2c45c3 rgb(44,69,195)
```
#233fcc
```
#233fcc rgb(35,63,204)
```
#1939d6
```
#1939d6 rgb(25,57,214)
```
#1032df
```
#1032df rgb(16,50,223)
```
#072ce8
```
#072ce8 rgb(7,44,232)
```

Tone Color Variation

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

#1355b6 Protanomaly 1% of men, 0.01% of women
#1359a7 Deuteranomaly 6% of men, 0.4% of women
#135d8a Tritanomaly 0.01% of the population

#354bba hex color

#354bba Color Information

#354bba Color Conversion

Color Schemes with #354bba

Alternatives to #354bba

#354bba Preview

Shades and Tints of #354bba

Tones of #354bba

Color Blindness Simulator