#355ab4 hex color

In a RGB color space, hex #355ab4 is composed of 20.8% red, 35.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 50% magenta, 0% yellow and 29.4% black. It has a hue angle of 222.5 degrees, a saturation of 54.5% and a lightness of 45.7%. #355ab4 color hex could be obtained by blending #6ab4ff with #000069. Closest websafe color is: #3366cc.

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

● #355ab4 color description : Moderate blue.

The hexadecimal color #355ab4 has RGB values of R:53, G:90, B:180 and CMYK values of C:0.71, M:0.5, Y:0, K:0.29. Its decimal value is 3496628.

Hex triplet	355ab4	`#355ab4`
RGB Decimal	53, 90, 180	`rgb(53,90,180)`
RGB Percent	20.8, 35.3, 70.6	`rgb(20.8%,35.3%,70.6%)`
CMYK	71, 50, 0, 29
HSL	222.5°, 54.5, 45.7	`hsl(222.5,54.5%,45.7%)`
HSV (or HSB)	222.5°, 70.6, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.186, 17.795, -51.734
XYZ	13.361, 11.364, 44.667
xyY	0.193, 0.164, 11.364
CIE-LCH	40.186, 54.709, 288.982
CIE-LUV	40.186, -15.506, -76.554
Hunter-Lab	33.71, 11.755, -54.964
Binary	00110101, 01011010, 10110100

#355ab4
```
#355ab4 rgb(53,90,180)
```
#b48f35
```
#b48f35 rgb(180,143,53)
```

Complementary Color

#359ab4
```
#359ab4 rgb(53,154,180)
```
#355ab4
```
#355ab4 rgb(53,90,180)
```
#5035b4
```
#5035b4 rgb(80,53,180)
```

Analogous Color

#9ab435
```
#9ab435 rgb(154,180,53)
```
#355ab4
```
#355ab4 rgb(53,90,180)
```
#b45035
```
#b45035 rgb(180,80,53)
```

Split Complementary Color

#5ab435
```
#5ab435 rgb(90,180,53)
```
#355ab4
```
#355ab4 rgb(53,90,180)
```
#b4355a
```
#b4355a rgb(180,53,90)
```

Triadic Color

#35b48f
```
#35b48f rgb(53,180,143)
```
#355ab4
```
#355ab4 rgb(53,90,180)
```
#b4355a
```
#b4355a rgb(180,53,90)
```
#b48f35
```
#b48f35 rgb(180,143,53)
```

Tetradic Color

#243c79
```
#243c79 rgb(36,60,121)
```
#29468d
```
#29468d rgb(41,70,141)
```
#2f50a0
```
#2f50a0 rgb(47,80,160)
```
#355ab4
```
#355ab4 rgb(53,90,180)
```
#3d65c6
```
#3d65c6 rgb(61,101,198)
```
#5074cc
```
#5074cc rgb(80,116,204)
```
#6484d1
```
#6484d1 rgb(100,132,209)
```

Monochromatic Color

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

#357ab4
```
#357ab4 rgb(53,122,180)
```
#356fb4
```
#356fb4 rgb(53,111,180)
```
#3565b4
```
#3565b4 rgb(53,101,180)
```
#355ab4
```
#355ab4 rgb(53,90,180)
```
#354fb4
```
#354fb4 rgb(53,79,180)
```
#3545b4
```
#3545b4 rgb(53,69,180)
```
#353ab4
```
#353ab4 rgb(53,58,180)
```

Similar Colors

Text with hexadecimal color #355ab4

This text has a font color of #355ab4.

<span style="color:#355ab4;">Text here</span>

#355ab4 background color

This paragraph has a background color of #355ab4.

<p style="background-color:#355ab4;">Content here</p>

#355ab4 border color

This element has a border color of #355ab4.

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

CSS codes

.text {color:#355ab4;}

.background {background-color:#355ab4;}

.border {border:1px solid #355ab4;}

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

#04070d
```
#04070d rgb(4,7,13)
```
#080e1c
```
#080e1c rgb(8,14,28)
```
#0d162c
```
#0d162c rgb(13,22,44)
```
#111d3b
```
#111d3b rgb(17,29,59)
```
#16254a
```
#16254a rgb(22,37,74)
```
#1a2d59
```
#1a2d59 rgb(26,45,89)
```
#1f3468
```
#1f3468 rgb(31,52,104)
```
#233c77
```
#233c77 rgb(35,60,119)
```
#284387
```
#284387 rgb(40,67,135)
```
#2c4b96
```
#2c4b96 rgb(44,75,150)
```
#3152a5
```
#3152a5 rgb(49,82,165)
```
#355ab4
```
#355ab4 rgb(53,90,180)
```
#3962c3
```
#3962c3 rgb(57,98,195)
```

Shade Color Variation

#476dc9
```
#476dc9 rgb(71,109,201)
```
#5679cd
```
#5679cd rgb(86,121,205)
```
#6685d2
```
#6685d2 rgb(102,133,210)
```
#7591d6
```
#7591d6 rgb(117,145,214)
```
#849ddb
```
#849ddb rgb(132,157,219)
```
#93a9df
```
#93a9df rgb(147,169,223)
```
#a2b5e4
```
#a2b5e4 rgb(162,181,228)
```
#b1c1e8
```
#b1c1e8 rgb(177,193,232)
```
#c1cded
```
#c1cded rgb(193,205,237)
```
#d0d9f1
```
#d0d9f1 rgb(208,217,241)
```
#dfe5f6
```
#dfe5f6 rgb(223,229,246)
```
#eef1fa
```
#eef1fa rgb(238,241,250)
```
#fdfefe
```
#fdfefe rgb(253,254,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 #0847e1 is the most saturated one.

#747475
```
#747475 rgb(116,116,117)
```
#6b707e
```
#6b707e rgb(107,112,126)
```
#626d87
```
#626d87 rgb(98,109,135)
```
#596990
```
#596990 rgb(89,105,144)
```
#506599
```
#506599 rgb(80,101,153)
```
#4761a2
```
#4761a2 rgb(71,97,162)
```
#3e5eab
```
#3e5eab rgb(62,94,171)
```
#355ab4
```
#355ab4 rgb(53,90,180)
```
#2c56bd
```
#2c56bd rgb(44,86,189)
```
#2353c6
```
#2353c6 rgb(35,83,198)
```
#1a4fcf
```
#1a4fcf rgb(26,79,207)
```
#114bd8
```
#114bd8 rgb(17,75,216)
```
#0847e1
```
#0847e1 rgb(8,71,225)
```

Tone Color Variation

Below, you can see how #355ab4 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

#595959 Achromatopsia 0.005% of the population
#52596b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3064b9 Protanopia 1% of men
#0068ad Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#3260b7 Protanomaly 1% of men, 0.01% of women
#1363af Deuteranomaly 6% of men, 0.4% of women
#13688e Tritanomaly 0.01% of the population

#355ab4 hex color

#355ab4 Color Information

#355ab4 Color Conversion

Color Schemes with #355ab4

Alternatives to #355ab4

#355ab4 Preview

Shades and Tints of #355ab4

Tones of #355ab4

Color Blindness Simulator