#353f80 hex color

In a RGB color space, hex #353f80 is composed of 20.8% red, 24.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 50.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 232 degrees, a saturation of 41.4% and a lightness of 35.5%. #353f80 color hex could be obtained by blending #6a7eff with #000001. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 25
- B 50
RGB color chart
- C 59
- M 51
- Y 0
- K 50
CMYK color chart

● #353f80 color description : Dark moderate blue.

The hexadecimal color #353f80 has RGB values of R:53, G:63, B:128 and CMYK values of C:0.59, M:0.51, Y:0, K:0.5. Its decimal value is 3489664.

Hex triplet	353f80	`#353f80`
RGB Decimal	53, 63, 128	`rgb(53,63,128)`
RGB Percent	20.8, 24.7, 50.2	`rgb(20.8%,24.7%,50.2%)`
CMYK	59, 51, 0, 50
HSL	232°, 41.4, 35.5	`hsl(232,41.4%,35.5%)`
HSV (or HSB)	232°, 58.6, 50.2
Web Safe	333399	`#333399`

CIE-LAB	29.082, 16.663, -38.15
XYZ	7.141, 5.87, 21.178
xyY	0.209, 0.172, 5.87
CIE-LCH	29.082, 41.63, 293.594
CIE-LUV	29.082, -6.759, -51.226
Hunter-Lab	24.228, 10.213, -34.865
Binary	00110101, 00111111, 10000000

#353f80
```
#353f80 rgb(53,63,128)
```
#807635
```
#807635 rgb(128,118,53)
```

Complementary Color

#356580
```
#356580 rgb(53,101,128)
```
#353f80
```
#353f80 rgb(53,63,128)
```
#513580
```
#513580 rgb(81,53,128)
```

Analogous Color

#658035
```
#658035 rgb(101,128,53)
```
#353f80
```
#353f80 rgb(53,63,128)
```
#805135
```
#805135 rgb(128,81,53)
```

Split Complementary Color

#3f8035
```
#3f8035 rgb(63,128,53)
```
#353f80
```
#353f80 rgb(53,63,128)
```
#80353f
```
#80353f rgb(128,53,63)
```

Triadic Color

#358076
```
#358076 rgb(53,128,118)
```
#353f80
```
#353f80 rgb(53,63,128)
```
#80353f
```
#80353f rgb(128,53,63)
```
#807635
```
#807635 rgb(128,118,53)
```

Tetradic Color

#1f244a
```
#1f244a rgb(31,36,74)
```
#262d5c
```
#262d5c rgb(38,45,92)
```
#2e366e
```
#2e366e rgb(46,54,110)
```
#353f80
```
#353f80 rgb(53,63,128)
```
#3c4892
```
#3c4892 rgb(60,72,146)
```
#4451a4
```
#4451a4 rgb(68,81,164)
```
#4c5ab5
```
#4c5ab5 rgb(76,90,181)
```

Monochromatic Color

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

#355280
```
#355280 rgb(53,82,128)
```
#354c80
```
#354c80 rgb(53,76,128)
```
#354580
```
#354580 rgb(53,69,128)
```
#353f80
```
#353f80 rgb(53,63,128)
```
#353980
```
#353980 rgb(53,57,128)
```
#383580
```
#383580 rgb(56,53,128)
```
#3e3580
```
#3e3580 rgb(62,53,128)
```

Similar Colors

Text with hexadecimal color #353f80

This text has a font color of #353f80.

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

#353f80 background color

This paragraph has a background color of #353f80.

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

#353f80 border color

This element has a border color of #353f80.

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

CSS codes

.text {color:#353f80;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070811
```
#070811 rgb(7,8,17)
```
#0d0f1f
```
#0d0f1f rgb(13,15,31)
```
#13162d
```
#13162d rgb(19,22,45)
```
#181d3b
```
#181d3b rgb(24,29,59)
```
#1e2449
```
#1e2449 rgb(30,36,73)
```
#242b56
```
#242b56 rgb(36,43,86)
```
#2a3164
```
#2a3164 rgb(42,49,100)
```
#2f3872
```
#2f3872 rgb(47,56,114)
```
#353f80
```
#353f80 rgb(53,63,128)
```
#3b468e
```
#3b468e rgb(59,70,142)
```
#404d9c
```
#404d9c rgb(64,77,156)
```
#4653aa
```
#4653aa rgb(70,83,170)
```

Shade Color Variation

#4e5cb6
```
#4e5cb6 rgb(78,92,182)
```
#5c68bb
```
#5c68bb rgb(92,104,187)
```
#6a75c1
```
#6a75c1 rgb(106,117,193)
```
#7782c7
```
#7782c7 rgb(119,130,199)
```
#858fcd
```
#858fcd rgb(133,143,205)
```
#939cd2
```
#939cd2 rgb(147,156,210)
```
#a1a8d8
```
#a1a8d8 rgb(161,168,216)
```
#afb5de
```
#afb5de rgb(175,181,222)
```
#bdc2e4
```
#bdc2e4 rgb(189,194,228)
```
#cbcfe9
```
#cbcfe9 rgb(203,207,233)
```
#d9dcef
```
#d9dcef rgb(217,220,239)
```
#e6e8f5
```
#e6e8f5 rgb(230,232,245)
```
#f4f5fb
```
#f4f5fb rgb(244,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58595d is the less saturated color, while #041bb1 is the most saturated one.

#58595d
```
#58595d rgb(88,89,93)
```
#515364
```
#515364 rgb(81,83,100)
```
#4a4e6b
```
#4a4e6b rgb(74,78,107)
```
#434972
```
#434972 rgb(67,73,114)
```
#3c4479
```
#3c4479 rgb(60,68,121)
```
#353f80
```
#353f80 rgb(53,63,128)
```
#2e3a87
```
#2e3a87 rgb(46,58,135)
```
#27358e
```
#27358e rgb(39,53,142)
```
#203095
```
#203095 rgb(32,48,149)
```
#192b9c
```
#192b9c rgb(25,43,156)
```
#1225a3
```
#1225a3 rgb(18,37,163)
```
#0b20aa
```
#0b20aa rgb(11,32,170)
```
#041bb1
```
#041bb1 rgb(4,27,177)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#40424f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a4c89 Protanopia 1% of men
#114f83 Deuteranopia 1% of men
#28545a Tritanopia 0.001% of the population

Trichromacy

#2e4786 Protanomaly 1% of men, 0.01% of women
#1e4982 Deuteranomaly 6% of men, 0.4% of women
#2d4c68 Tritanomaly 0.01% of the population

#353f80 hex color

#353f80 Color Information

#353f80 Color Conversion

Color Schemes with #353f80

Alternatives to #353f80

#353f80 Preview

Shades and Tints of #353f80

Tones of #353f80

Color Blindness Simulator