#353fb4 hex color

In a RGB color space, hex #353fb4 is composed of 20.8% red, 24.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 65% magenta, 0% yellow and 29.4% black. It has a hue angle of 235.3 degrees, a saturation of 54.5% and a lightness of 45.7%. #353fb4 color hex could be obtained by blending #6a7eff with #000069. Closest websafe color is: #3333cc.

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

● #353fb4 color description : Moderate blue.

The hexadecimal color #353fb4 has RGB values of R:53, G:63, B:180 and CMYK values of C:0.71, M:0.65, Y:0, K:0.29. Its decimal value is 3489716.

Hex triplet	353fb4	`#353fb4`
RGB Decimal	53, 63, 180	`rgb(53,63,180)`
RGB Percent	20.8, 24.7, 70.6	`rgb(20.8%,24.7%,70.6%)`
CMYK	71, 65, 0, 29
HSL	235.3°, 54.5, 45.7	`hsl(235.3,54.5%,45.7%)`
HSV (or HSB)	235.3°, 70.6, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.15, 35.321, -63.168
XYZ	11.482, 7.607, 44.041
xyY	0.182, 0.12, 7.607
CIE-LCH	33.15, 72.372, 299.212
CIE-LUV	33.15, -8.453, -87.346
Hunter-Lab	27.58, 26.049, -75.37
Binary	00110101, 00111111, 10110100

#353fb4
```
#353fb4 rgb(53,63,180)
```
#b4aa35
```
#b4aa35 rgb(180,170,53)
```

Complementary Color

#357fb4
```
#357fb4 rgb(53,127,180)
```
#353fb4
```
#353fb4 rgb(53,63,180)
```
#6b35b4
```
#6b35b4 rgb(107,53,180)
```

Analogous Color

#7fb435
```
#7fb435 rgb(127,180,53)
```
#353fb4
```
#353fb4 rgb(53,63,180)
```
#b46b35
```
#b46b35 rgb(180,107,53)
```

Split Complementary Color

#3fb435
```
#3fb435 rgb(63,180,53)
```
#353fb4
```
#353fb4 rgb(53,63,180)
```
#b4353f
```
#b4353f rgb(180,53,63)
```

Triadic Color

#35b4aa
```
#35b4aa rgb(53,180,170)
```
#353fb4
```
#353fb4 rgb(53,63,180)
```
#b4353f
```
#b4353f rgb(180,53,63)
```
#b4aa35
```
#b4aa35 rgb(180,170,53)
```

Tetradic Color

#242a79
```
#242a79 rgb(36,42,121)
```
#29318d
```
#29318d rgb(41,49,141)
```
#2f38a0
```
#2f38a0 rgb(47,56,160)
```
#353fb4
```
#353fb4 rgb(53,63,180)
```
#3d48c6
```
#3d48c6 rgb(61,72,198)
```
#505acc
```
#505acc rgb(80,90,204)
```
#646dd1
```
#646dd1 rgb(100,109,209)
```

Monochromatic Color

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

#355fb4
```
#355fb4 rgb(53,95,180)
```
#3554b4
```
#3554b4 rgb(53,84,180)
```
#354ab4
```
#354ab4 rgb(53,74,180)
```
#353fb4
```
#353fb4 rgb(53,63,180)
```
#3635b4
```
#3635b4 rgb(54,53,180)
```
#4035b4
```
#4035b4 rgb(64,53,180)
```
#4b35b4
```
#4b35b4 rgb(75,53,180)
```

Similar Colors

Text with hexadecimal color #353fb4

This text has a font color of #353fb4.

<span style="color:#353fb4;">Text here</span>

#353fb4 background color

This paragraph has a background color of #353fb4.

<p style="background-color:#353fb4;">Content here</p>

#353fb4 border color

This element has a border color of #353fb4.

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

CSS codes

.text {color:#353fb4;}

.background {background-color:#353fb4;}

.border {border:1px solid #353fb4;}

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

#04050d
```
#04050d rgb(4,5,13)
```
#080a1c
```
#080a1c rgb(8,10,28)
```
#0d0f2c
```
#0d0f2c rgb(13,15,44)
```
#11153b
```
#11153b rgb(17,21,59)
```
#161a4a
```
#161a4a rgb(22,26,74)
```
#1a1f59
```
#1a1f59 rgb(26,31,89)
```
#1f2468
```
#1f2468 rgb(31,36,104)
```
#232a77
```
#232a77 rgb(35,42,119)
```
#282f87
```
#282f87 rgb(40,47,135)
```
#2c3496
```
#2c3496 rgb(44,52,150)
```
#313aa5
```
#313aa5 rgb(49,58,165)
```
#353fb4
```
#353fb4 rgb(53,63,180)
```
#3944c3
```
#3944c3 rgb(57,68,195)
```

Shade Color Variation

#4752c9
```
#4752c9 rgb(71,82,201)
```
#5660cd
```
#5660cd rgb(86,96,205)
```
#666ed2
```
#666ed2 rgb(102,110,210)
```
#757cd6
```
#757cd6 rgb(117,124,214)
```
#848bdb
```
#848bdb rgb(132,139,219)
```
#9399df
```
#9399df rgb(147,153,223)
```
#a2a7e4
```
#a2a7e4 rgb(162,167,228)
```
#b1b6e8
```
#b1b6e8 rgb(177,182,232)
```
#c1c4ed
```
#c1c4ed rgb(193,196,237)
```
#d0d2f1
```
#d0d2f1 rgb(208,210,241)
```
#dfe1f6
```
#dfe1f6 rgb(223,225,246)
```
#eeeffa
```
#eeeffa rgb(238,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, #747475 is the less saturated color, while #0819e1 is the most saturated one.

#747475
```
#747475 rgb(116,116,117)
```
#6b6c7e
```
#6b6c7e rgb(107,108,126)
```
#626587
```
#626587 rgb(98,101,135)
```
#595d90
```
#595d90 rgb(89,93,144)
```
#505699
```
#505699 rgb(80,86,153)
```
#474ea2
```
#474ea2 rgb(71,78,162)
```
#3e47ab
```
#3e47ab rgb(62,71,171)
```
#353fb4
```
#353fb4 rgb(53,63,180)
```
#2c37bd
```
#2c37bd rgb(44,55,189)
```
#2330c6
```
#2330c6 rgb(35,48,198)
```
#1a28cf
```
#1a28cf rgb(26,40,207)
```
#1121d8
```
#1121d8 rgb(17,33,216)
```
#0819e1
```
#0819e1 rgb(8,25,225)
```

Tone Color Variation

Below, you can see how #353fb4 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

#494949 Achromatopsia 0.005% of the population
#45475e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#00598f Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#134caa Protanomaly 1% of men, 0.01% of women
#134f9d Deuteranomaly 6% of men, 0.4% of women
#135382 Tritanomaly 0.01% of the population

#353fb4 hex color

#353fb4 Color Information

#353fb4 Color Conversion

Color Schemes with #353fb4

Alternatives to #353fb4

#353fb4 Preview

Shades and Tints of #353fb4

Tones of #353fb4

Color Blindness Simulator