colorhexa.com

#353a60 hex color

In a RGB color space, hex #353a60 is composed of 20.8% red, 22.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 39.6% magenta, 0% yellow and 62.4% black. It has a hue angle of 233 degrees, a saturation of 28.9% and a lightness of 29.2%. #353a60 color hex could be obtained by blending #6a74c0 with #000000. Closest websafe color is: #333366.

- R 21
- G 23
- B 38
RGB color chart
- C 45
- M 40
- Y 0
- K 62
CMYK color chart

● #353a60 color description : Very dark desaturated blue.

The hexadecimal color #353a60 has RGB values of R:53, G:58, B:96 and CMYK values of C:0.45, M:0.4, Y:0, K:0.62. Its decimal value is 3488352.

Hex triplet	353a60	`#353a60`
RGB Decimal	53, 58, 96	`rgb(53,58,96)`
RGB Percent	20.8, 22.7, 37.6	`rgb(20.8%,22.7%,37.6%)`
CMYK	45, 40, 0, 62
HSL	233°, 28.9, 29.2	`hsl(233,28.9%,29.2%)`
HSV (or HSB)	233°, 44.8, 37.6
Web Safe	333366	`#333366`

CIE-LAB	25.646, 8.984, -23.255
XYZ	5.092, 4.627, 11.691
xyY	0.238, 0.216, 4.627
CIE-LCH	25.646, 24.93, 291.123
CIE-LUV	25.646, -3.985, -29.426
Hunter-Lab	21.511, 4.61, -17.164
Binary	00110101, 00111010, 01100000

#353a60
```
#353a60 rgb(53,58,96)
```
#605b35
```
#605b35 rgb(96,91,53)
```

Complementary Color

#355060
```
#355060 rgb(53,80,96)
```
#353a60
```
#353a60 rgb(53,58,96)
```
#463560
```
#463560 rgb(70,53,96)
```

Analogous Color

#506035
```
#506035 rgb(80,96,53)
```
#353a60
```
#353a60 rgb(53,58,96)
```
#604635
```
#604635 rgb(96,70,53)
```

Split Complementary Color

#1a1c2f
```
#1a1c2f rgb(26,28,47)
```
#23263f
```
#23263f rgb(35,38,63)
```
#2c3050
```
#2c3050 rgb(44,48,80)
```
#353a60
```
#353a60 rgb(53,58,96)
```
#3e4470
```
#3e4470 rgb(62,68,112)
```
#474e81
```
#474e81 rgb(71,78,129)
```
#505891
```
#505891 rgb(80,88,145)
```

Monochromatic Color

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

#354560
```
#354560 rgb(53,69,96)
```
#354160
```
#354160 rgb(53,65,96)
```
#353e60
```
#353e60 rgb(53,62,96)
```
#353a60
```
#353a60 rgb(53,58,96)
```
#353660
```
#353660 rgb(53,54,96)
```
#373560
```
#373560 rgb(55,53,96)
```
#3b3560
```
#3b3560 rgb(59,53,96)
```

Similar Colors

Text with hexadecimal color #353a60

This text has a font color of #353a60.

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

#353a60 background color

This paragraph has a background color of #353a60.

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

#353a60 border color

This element has a border color of #353a60.

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

CSS codes

.text {color:#353a60;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0b0c14
```
#0b0c14 rgb(11,12,20)
```
#121421
```
#121421 rgb(18,20,33)
```
#191b2d
```
#191b2d rgb(25,27,45)
```
#20233a
```
#20233a rgb(32,35,58)
```
#272b47
```
#272b47 rgb(39,43,71)
```
#2e3253
```
#2e3253 rgb(46,50,83)
```
#353a60
```
#353a60 rgb(53,58,96)
```
#3c426d
```
#3c426d rgb(60,66,109)
```
#434979
```
#434979 rgb(67,73,121)
```
#4a5186
```
#4a5186 rgb(74,81,134)
```
#515993
```
#515993 rgb(81,89,147)
```
#58609f
```
#58609f rgb(88,96,159)
```

Shade Color Variation

#626aa8
```
#626aa8 rgb(98,106,168)
```
#6f76af
```
#6f76af rgb(111,118,175)
```
#7c82b6
```
#7c82b6 rgb(124,130,182)
```
#888ebd
```
#888ebd rgb(136,142,189)
```
#959ac4
```
#959ac4 rgb(149,154,196)
```
#a1a6cb
```
#a1a6cb rgb(161,166,203)
```
#aeb2d2
```
#aeb2d2 rgb(174,178,210)
```
#bbbed9
```
#bbbed9 rgb(187,190,217)
```
#c7cae0
```
#c7cae0 rgb(199,202,224)
```
#d4d6e7
```
#d4d6e7 rgb(212,214,231)
```
#e1e2ee
```
#e1e2ee rgb(225,226,238)
```
#edeef5
```
#edeef5 rgb(237,238,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46474f is the less saturated color, while #011294 is the most saturated one.

#46474f
```
#46474f rgb(70,71,79)
```
#404355
```
#404355 rgb(64,67,85)
```
#3b3e5a
```
#3b3e5a rgb(59,62,90)
```
#353a60
```
#353a60 rgb(53,58,96)
```
#2f3666
```
#2f3666 rgb(47,54,102)
```
#2a316b
```
#2a316b rgb(42,49,107)
```
#242d71
```
#242d71 rgb(36,45,113)
```
#1e2877
```
#1e2877 rgb(30,40,119)
```
#18247d
```
#18247d rgb(24,36,125)
```
#132082
```
#132082 rgb(19,32,130)
```
#0d1b88
```
#0d1b88 rgb(13,27,136)
```
#07178e
```
#07178e rgb(7,23,142)
```
#011294
```
#011294 rgb(1,18,148)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3c44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#384569 Protanopia 1% of men
#364667 Deuteranopia 1% of men
#37494f Tritanopia 0.001% of the population

Trichromacy

#374165 Protanomaly 1% of men, 0.01% of women
#354264 Deuteranomaly 6% of men, 0.4% of women
#364455 Tritanomaly 0.01% of the population