colorhexa.com

#353f5e hex color

In a RGB color space, hex #353f5e is composed of 20.8% red, 24.7% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 33% magenta, 0% yellow and 63.1% black. It has a hue angle of 225.4 degrees, a saturation of 27.9% and a lightness of 28.8%. #353f5e color hex could be obtained by blending #6a7ebc with #000000. Closest websafe color is: #333366.

- R 21
- G 25
- B 37
RGB color chart
- C 44
- M 33
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #353f5e has RGB values of R:53, G:63, B:94 and CMYK values of C:0.44, M:0.33, Y:0, K:0.63. Its decimal value is 3489630.

Hex triplet	353f5e	`#353f5e`
RGB Decimal	53, 63, 94	`rgb(53,63,94)`
RGB Percent	20.8, 24.7, 36.9	`rgb(20.8%,24.7%,36.9%)`
CMYK	44, 33, 0, 63
HSL	225.4°, 27.9, 28.8	`hsl(225.4,27.9%,28.8%)`
HSV (or HSB)	225.4°, 43.6, 36.9
Web Safe	333366	`#333366`

CIE-LAB	27.074, 4.946, -19.722
XYZ	5.266, 5.12, 11.3
xyY	0.243, 0.236, 5.12
CIE-LCH	27.074, 20.333, 284.079
CIE-LUV	27.074, -5.704, -24.981
Hunter-Lab	22.627, 1.942, -13.77
Binary	00110101, 00111111, 01011110

#353f5e
```
#353f5e rgb(53,63,94)
```
#5e5435
```
#5e5435 rgb(94,84,53)
```

Complementary Color

#35545e
```
#35545e rgb(53,84,94)
```
#353f5e
```
#353f5e rgb(53,63,94)
```
#40355e
```
#40355e rgb(64,53,94)
```

Analogous Color

#545e35
```
#545e35 rgb(84,94,53)
```
#353f5e
```
#353f5e rgb(53,63,94)
```
#5e4035
```
#5e4035 rgb(94,64,53)
```

Split Complementary Color

#191e2d
```
#191e2d rgb(25,30,45)
```
#23293d
```
#23293d rgb(35,41,61)
```
#2c344e
```
#2c344e rgb(44,52,78)
```
#353f5e
```
#353f5e rgb(53,63,94)
```
#3e4a6e
```
#3e4a6e rgb(62,74,110)
```
#47557f
```
#47557f rgb(71,85,127)
```
#51608f
```
#51608f rgb(81,96,143)
```

Monochromatic Color

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

#35495e
```
#35495e rgb(53,73,94)
```
#35465e
```
#35465e rgb(53,70,94)
```
#35425e
```
#35425e rgb(53,66,94)
```
#353f5e
```
#353f5e rgb(53,63,94)
```
#353c5e
```
#353c5e rgb(53,60,94)
```
#35385e
```
#35385e rgb(53,56,94)
```
#35355e
```
#35355e rgb(53,53,94)
```

Similar Colors

Text with hexadecimal color #353f5e

This text has a font color of #353f5e.

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

#353f5e background color

This paragraph has a background color of #353f5e.

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

#353f5e border color

This element has a border color of #353f5e.

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

CSS codes

.text {color:#353f5e;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0b0d13
```
#0b0d13 rgb(11,13,19)
```
#12151f
```
#12151f rgb(18,21,31)
```
#191d2c
```
#191d2c rgb(25,29,44)
```
#202638
```
#202638 rgb(32,38,56)
```
#272e45
```
#272e45 rgb(39,46,69)
```
#2e3751
```
#2e3751 rgb(46,55,81)
```
#353f5e
```
#353f5e rgb(53,63,94)
```
#3c476b
```
#3c476b rgb(60,71,107)
```
#435077
```
#435077 rgb(67,80,119)
```
#4a5884
```
#4a5884 rgb(74,88,132)
```
#516190
```
#516190 rgb(81,97,144)
```
#58699d
```
#58699d rgb(88,105,157)
```

Shade Color Variation

#6273a7
```
#6273a7 rgb(98,115,167)
```
#6f7eae
```
#6f7eae rgb(111,126,174)
```
#7b89b5
```
#7b89b5 rgb(123,137,181)
```
#8894bc
```
#8894bc rgb(136,148,188)
```
#94a0c3
```
#94a0c3 rgb(148,160,195)
```
#a1abca
```
#a1abca rgb(161,171,202)
```
#adb6d1
```
#adb6d1 rgb(173,182,209)
```
#bac1d8
```
#bac1d8 rgb(186,193,216)
```
#c6ccdf
```
#c6ccdf rgb(198,204,223)
```
#d3d8e6
```
#d3d8e6 rgb(211,216,230)
```
#e0e3ed
```
#e0e3ed rgb(224,227,237)
```
#eceef4
```
#eceef4 rgb(236,238,244)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

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

#46484d
```
#46484d rgb(70,72,77)
```
#404553
```
#404553 rgb(64,69,83)
```
#3b4258
```
#3b4258 rgb(59,66,88)
```
#353f5e
```
#353f5e rgb(53,63,94)
```
#2f3c64
```
#2f3c64 rgb(47,60,100)
```
#2a3969
```
#2a3969 rgb(42,57,105)
```
#24366f
```
#24366f rgb(36,54,111)
```
#1e3375
```
#1e3375 rgb(30,51,117)
```
#19317a
```
#19317a rgb(25,49,122)
```
#132e80
```
#132e80 rgb(19,46,128)
```
#0d2b86
```
#0d2b86 rgb(13,43,134)
```
#08288b
```
#08288b rgb(8,40,139)
```
#022591
```
#022591 rgb(2,37,145)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3e4046 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4866 Protanopia 1% of men
#3e4966 Deuteranopia 1% of men
#394d52 Tritanopia 0.001% of the population

Trichromacy

#3b4563 Protanomaly 1% of men, 0.01% of women
#3a4563 Deuteranomaly 6% of men, 0.4% of women
#374756 Tritanomaly 0.01% of the population