colorhexa.com

#353e46 hex color

In a RGB color space, hex #353e46 is composed of 20.8% red, 24.3% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 11.4% magenta, 0% yellow and 72.5% black. It has a hue angle of 208.2 degrees, a saturation of 13.8% and a lightness of 24.1%. #353e46 color hex could be obtained by blending #6a7c8c with #000000. Closest websafe color is: #333333.

- R 21
- G 24
- B 27
RGB color chart
- C 24
- M 11
- Y 0
- K 73
CMYK color chart

● #353e46 color description : Very dark grayish blue.

The hexadecimal color #353e46 has RGB values of R:53, G:62, B:70 and CMYK values of C:0.24, M:0.11, Y:0, K:0.73. Its decimal value is 3489350.

Hex triplet	353e46	`#353e46`
RGB Decimal	53, 62, 70	`rgb(53,62,70)`
RGB Percent	20.8, 24.3, 27.5	`rgb(20.8%,24.3%,27.5%)`
CMYK	24, 11, 0, 73
HSL	208.2°, 13.8, 24.1	`hsl(208.2,13.8%,24.1%)`
HSV (or HSB)	208.2°, 24.3, 27.5
Web Safe	333333	`#333333`

CIE-LAB	25.696, -1.618, -6.131
XYZ	4.296, 4.644, 6.464
xyY	0.279, 0.301, 4.644
CIE-LCH	25.696, 6.341, 255.219
CIE-LUV	25.696, -4.596, -6.878
Hunter-Lab	21.55, -2.13, -2.699
Binary	00110101, 00111110, 01000110

#353e46
```
#353e46 rgb(53,62,70)
```
#463d35
```
#463d35 rgb(70,61,53)
```

Complementary Color

#354646
```
#354646 rgb(53,70,70)
```
#353e46
```
#353e46 rgb(53,62,70)
```
#353646
```
#353646 rgb(53,54,70)
```

Analogous Color

#464635
```
#464635 rgb(70,70,53)
```
#353e46
```
#353e46 rgb(53,62,70)
```
#463536
```
#463536 rgb(70,53,54)
```

Split Complementary Color

#14171a
```
#14171a rgb(20,23,26)
```
#1f2429
```
#1f2429 rgb(31,36,41)
```
#2a3137
```
#2a3137 rgb(42,49,55)
```
#353e46
```
#353e46 rgb(53,62,70)
```
#404b55
```
#404b55 rgb(64,75,85)
```
#4b5863
```
#4b5863 rgb(75,88,99)
```
#566572
```
#566572 rgb(86,101,114)
```

Monochromatic Color

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

#354246
```
#354246 rgb(53,66,70)
```
#354146
```
#354146 rgb(53,65,70)
```
#353f46
```
#353f46 rgb(53,63,70)
```
#353e46
```
#353e46 rgb(53,62,70)
```
#353d46
```
#353d46 rgb(53,61,70)
```
#353b46
```
#353b46 rgb(53,59,70)
```
#353a46
```
#353a46 rgb(53,58,70)
```

Similar Colors

Text with hexadecimal color #353e46

This text has a font color of #353e46.

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

#353e46 background color

This paragraph has a background color of #353e46.

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

#353e46 border color

This element has a border color of #353e46.

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

CSS codes

.text {color:#353e46;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0b0d0e
```
#0b0d0e rgb(11,13,14)
```
#131619
```
#131619 rgb(19,22,25)
```
#1c2025
```
#1c2025 rgb(28,32,37)
```
#242a30
```
#242a30 rgb(36,42,48)
```
#2d343b
```
#2d343b rgb(45,52,59)
```
#353e46
```
#353e46 rgb(53,62,70)
```
#3d4851
```
#3d4851 rgb(61,72,81)
```
#46525c
```
#46525c rgb(70,82,92)
```
#4e5c67
```
#4e5c67 rgb(78,92,103)
```
#576673
```
#576673 rgb(87,102,115)
```
#5f6f7e
```
#5f6f7e rgb(95,111,126)
```
#687989
```
#687989 rgb(104,121,137)
```

Shade Color Variation

#718393
```
#718393 rgb(113,131,147)
```
#7c8d9c
```
#7c8d9c rgb(124,141,156)
```
#8797a4
```
#8797a4 rgb(135,151,164)
```
#92a0ad
```
#92a0ad rgb(146,160,173)
```
#9eaab5
```
#9eaab5 rgb(158,170,181)
```
#a9b4be
```
#a9b4be rgb(169,180,190)
```
#b4bec6
```
#b4bec6 rgb(180,190,198)
```
#bfc7cf
```
#bfc7cf rgb(191,199,207)
```
#cad1d7
```
#cad1d7 rgb(202,209,215)
```
#d5dbdf
```
#d5dbdf rgb(213,219,223)
```
#e1e4e8
```
#e1e4e8 rgb(225,228,232)
```
#eceef0
```
#eceef0 rgb(236,238,240)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3a3e41 is the less saturated color, while #01417a is the most saturated one.

#3a3e41
```
#3a3e41 rgb(58,62,65)
```
#353e46
```
#353e46 rgb(53,62,70)
```
#303e4b
```
#303e4b rgb(48,62,75)
```
#2c3f4f
```
#2c3f4f rgb(44,63,79)
```
#273f54
```
#273f54 rgb(39,63,84)
```
#223f59
```
#223f59 rgb(34,63,89)
```
#1d3f5e
```
#1d3f5e rgb(29,63,94)
```
#194062
```
#194062 rgb(25,64,98)
```
#144067
```
#144067 rgb(20,64,103)
```
#0f406c
```
#0f406c rgb(15,64,108)
```
#0a4171
```
#0a4171 rgb(10,65,113)
```
#064175
```
#064175 rgb(6,65,117)
```
#01417a
```
#01417a rgb(1,65,122)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3b3c3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#45464e Protanopia 1% of men
#484550 Deuteranopia 1% of men
#3f484d Tritanopia 0.001% of the population

Trichromacy

#3f434b Protanomaly 1% of men, 0.01% of women
#41424c Deuteranomaly 6% of men, 0.4% of women
#3b444a Tritanomaly 0.01% of the population