#355bc0 hex color

In a RGB color space, hex #355bc0 is composed of 20.8% red, 35.7% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 52.6% magenta, 0% yellow and 24.7% black. It has a hue angle of 223.6 degrees, a saturation of 56.7% and a lightness of 48%. #355bc0 color hex could be obtained by blending #6ab6ff with #000081. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 36
- B 75
RGB color chart
- C 72
- M 53
- Y 0
- K 25
CMYK color chart

● #355bc0 color description : Moderate blue.

The hexadecimal color #355bc0 has RGB values of R:53, G:91, B:192 and CMYK values of C:0.72, M:0.53, Y:0, K:0.25. Its decimal value is 3496896.

Hex triplet	355bc0	`#355bc0`
RGB Decimal	53, 91, 192	`rgb(53,91,192)`
RGB Percent	20.8, 35.7, 75.3	`rgb(20.8%,35.7%,75.3%)`
CMYK	72, 53, 0, 25
HSL	223.6°, 56.7, 48	`hsl(223.6,56.7%,48%)`
HSV (or HSB)	223.6°, 72.4, 75.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.286, 21.599, -56.974
XYZ	14.722, 12.044, 51.415
xyY	0.188, 0.154, 12.044
CIE-LCH	41.286, 60.931, 290.762
CIE-LUV	41.286, -15.785, -84.965
Hunter-Lab	34.704, 14.988, -63.547
Binary	00110101, 01011011, 11000000

#355bc0
```
#355bc0 rgb(53,91,192)
```
#c09a35
```
#c09a35 rgb(192,154,53)
```

Complementary Color

#35a1c0
```
#35a1c0 rgb(53,161,192)
```
#355bc0
```
#355bc0 rgb(53,91,192)
```
#5535c0
```
#5535c0 rgb(85,53,192)
```

Analogous Color

#a1c035
```
#a1c035 rgb(161,192,53)
```
#355bc0
```
#355bc0 rgb(53,91,192)
```
#c05535
```
#c05535 rgb(192,85,53)
```

Split Complementary Color

#5bc035
```
#5bc035 rgb(91,192,53)
```
#355bc0
```
#355bc0 rgb(53,91,192)
```
#c0355b
```
#c0355b rgb(192,53,91)
```

Triadic Color

#35c09a
```
#35c09a rgb(53,192,154)
```
#355bc0
```
#355bc0 rgb(53,91,192)
```
#c0355b
```
#c0355b rgb(192,53,91)
```
#c09a35
```
#c09a35 rgb(192,154,53)
```

Tetradic Color

#243f84
```
#243f84 rgb(36,63,132)
```
#2a4898
```
#2a4898 rgb(42,72,152)
```
#2f52ac
```
#2f52ac rgb(47,82,172)
```
#355bc0
```
#355bc0 rgb(53,91,192)
```
#4368cb
```
#4368cb rgb(67,104,203)
```
#5778d1
```
#5778d1 rgb(87,120,209)
```
#6b89d6
```
#6b89d6 rgb(107,137,214)
```

Monochromatic Color

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

#357ec0
```
#357ec0 rgb(53,126,192)
```
#3572c0
```
#3572c0 rgb(53,114,192)
```
#3567c0
```
#3567c0 rgb(53,103,192)
```
#355bc0
```
#355bc0 rgb(53,91,192)
```
#354fc0
```
#354fc0 rgb(53,79,192)
```
#3544c0
```
#3544c0 rgb(53,68,192)
```
#3538c0
```
#3538c0 rgb(53,56,192)
```

Similar Colors

Text with hexadecimal color #355bc0

This text has a font color of #355bc0.

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

#355bc0 background color

This paragraph has a background color of #355bc0.

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

#355bc0 border color

This element has a border color of #355bc0.

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

CSS codes

.text {color:#355bc0;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#060b17
```
#060b17 rgb(6,11,23)
```
#0b1226
```
#0b1226 rgb(11,18,38)
```
#0f1936
```
#0f1936 rgb(15,25,54)
```
#132145
```
#132145 rgb(19,33,69)
```
#172854
```
#172854 rgb(23,40,84)
```
#1c2f64
```
#1c2f64 rgb(28,47,100)
```
#203773
```
#203773 rgb(32,55,115)
```
#243e83
```
#243e83 rgb(36,62,131)
```
#284592
```
#284592 rgb(40,69,146)
```
#2d4ca1
```
#2d4ca1 rgb(45,76,161)
```
#3154b1
```
#3154b1 rgb(49,84,177)
```
#355bc0
```
#355bc0 rgb(53,91,192)
```

Shade Color Variation

#3f65ca
```
#3f65ca rgb(63,101,202)
```
#4e71ce
```
#4e71ce rgb(78,113,206)
```
#5d7dd2
```
#5d7dd2 rgb(93,125,210)
```
#6d8ad7
```
#6d8ad7 rgb(109,138,215)
```
#7c96db
```
#7c96db rgb(124,150,219)
```
#8ca2df
```
#8ca2df rgb(140,162,223)
```
#9bafe3
```
#9bafe3 rgb(155,175,227)
```
#aabbe8
```
#aabbe8 rgb(170,187,232)
```
#bac7ec
```
#bac7ec rgb(186,199,236)
```
#c9d4f0
```
#c9d4f0 rgb(201,212,240)
```
#d8e0f4
```
#d8e0f4 rgb(216,224,244)
```
#e8ecf9
```
#e8ecf9 rgb(232,236,249)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77797e is the less saturated color, while #0646ef is the most saturated one.

#77797e
```
#77797e rgb(119,121,126)
```
#6e7587
```
#6e7587 rgb(110,117,135)
```
#647091
```
#647091 rgb(100,112,145)
```
#5b6c9a
```
#5b6c9a rgb(91,108,154)
```
#5168a4
```
#5168a4 rgb(81,104,164)
```
#4864ad
```
#4864ad rgb(72,100,173)
```
#3e5fb7
```
#3e5fb7 rgb(62,95,183)
```
#355bc0
```
#355bc0 rgb(53,91,192)
```
#2c57c9
```
#2c57c9 rgb(44,87,201)
```
#2252d3
```
#2252d3 rgb(34,82,211)
```
#194edc
```
#194edc rgb(25,78,220)
```
#0f4ae6
```
#0f4ae6 rgb(15,74,230)
```
#0646ef
```
#0646ef rgb(6,70,239)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#535b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d66c5 Protanopia 1% of men
#006bb0 Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#2562c3 Protanomaly 1% of men, 0.01% of women
#1365b6 Deuteranomaly 6% of men, 0.4% of women
#136a94 Tritanomaly 0.01% of the population

#355bc0 hex color

#355bc0 Color Information

#355bc0 Color Conversion

Color Schemes with #355bc0

Alternatives to #355bc0

#355bc0 Preview

Shades and Tints of #355bc0

Tones of #355bc0

Color Blindness Simulator