colorhexa.com

#323c40 hex color

In a RGB color space, hex #323c40 is composed of 19.6% red, 23.5% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 6.2% magenta, 0% yellow and 74.9% black. It has a hue angle of 197.1 degrees, a saturation of 12.3% and a lightness of 22.4%. #323c40 color hex could be obtained by blending #647880 with #000000. Closest websafe color is: #333333.

- R 20
- G 24
- B 25
RGB color chart
- C 22
- M 6
- Y 0
- K 75
CMYK color chart

● #323c40 color description : Very dark grayish blue.

The hexadecimal color #323c40 has RGB values of R:50, G:60, B:64 and CMYK values of C:0.22, M:0.06, Y:0, K:0.75. Its decimal value is 3292224.

Hex triplet	323c40	`#323c40`
RGB Decimal	50, 60, 64	`rgb(50,60,64)`
RGB Percent	19.6, 23.5, 25.1	`rgb(19.6%,23.5%,25.1%)`
CMYK	22, 6, 0, 75
HSL	197.1°, 12.3, 22.4	`hsl(197.1,12.3%,22.4%)`
HSV (or HSB)	197.1°, 21.9, 25.1
Web Safe	333333	`#333333`

CIE-LAB	24.576, -3.085, -3.852
XYZ	3.856, 4.28, 5.473
xyY	0.283, 0.314, 4.28
CIE-LCH	24.576, 4.935, 231.316
CIE-LUV	24.576, -4.866, -3.946
Hunter-Lab	20.688, -2.93, -1.204
Binary	00110010, 00111100, 01000000

#323c40
```
#323c40 rgb(50,60,64)
```
#403632
```
#403632 rgb(64,54,50)
```

Complementary Color

#32403d
```
#32403d rgb(50,64,61)
```
#323c40
```
#323c40 rgb(50,60,64)
```
#323540
```
#323540 rgb(50,53,64)
```

Analogous Color

#403d32
```
#403d32 rgb(64,61,50)
```
#323c40
```
#323c40 rgb(50,60,64)
```
#403235
```
#403235 rgb(64,50,53)
```

Split Complementary Color

#101415
```
#101415 rgb(16,20,21)
```
#1c2123
```
#1c2123 rgb(28,33,35)
```
#272f32
```
#272f32 rgb(39,47,50)
```
#323c40
```
#323c40 rgb(50,60,64)
```
#3d494e
```
#3d494e rgb(61,73,78)
```
#48575d
```
#48575d rgb(72,87,93)
```
#54646b
```
#54646b rgb(84,100,107)
```

Monochromatic Color

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

#324040
```
#324040 rgb(50,64,64)
```
#323e40
```
#323e40 rgb(50,62,64)
```
#323d40
```
#323d40 rgb(50,61,64)
```
#323c40
```
#323c40 rgb(50,60,64)
```
#323b40
```
#323b40 rgb(50,59,64)
```
#323a40
```
#323a40 rgb(50,58,64)
```
#323940
```
#323940 rgb(50,57,64)
```

Similar Colors

Text with hexadecimal color #323c40

This text has a font color of #323c40.

<span style="color:#323c40;">Text here</span>

#323c40 background color

This paragraph has a background color of #323c40.

<p style="background-color:#323c40;">Content here</p>

#323c40 border color

This element has a border color of #323c40.

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

CSS codes

.text {color:#323c40;}

.background {background-color:#323c40;}

.border {border:1px solid #323c40;}

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

#070809
```
#070809 rgb(7,8,9)
```
#101314
```
#101314 rgb(16,19,20)
```
#181d1f
```
#181d1f rgb(24,29,31)
```
#21272a
```
#21272a rgb(33,39,42)
```
#293235
```
#293235 rgb(41,50,53)
```
#323c40
```
#323c40 rgb(50,60,64)
```
#3b464b
```
#3b464b rgb(59,70,75)
```
#435156
```
#435156 rgb(67,81,86)
```
#4c5b61
```
#4c5b61 rgb(76,91,97)
```
#54656c
```
#54656c rgb(84,101,108)
```
#5d7077
```
#5d7077 rgb(93,112,119)
```
#667a82
```
#667a82 rgb(102,122,130)
```
#6e848d
```
#6e848d rgb(110,132,141)
```

Shade Color Variation

#798e96
```
#798e96 rgb(121,142,150)
```
#84979f
```
#84979f rgb(132,151,159)
```
#8fa0a7
```
#8fa0a7 rgb(143,160,167)
```
#9aaab0
```
#9aaab0 rgb(154,170,176)
```
#a5b3b9
```
#a5b3b9 rgb(165,179,185)
```
#b0bcc1
```
#b0bcc1 rgb(176,188,193)
```
#bbc6ca
```
#bbc6ca rgb(187,198,202)
```
#c6cfd2
```
#c6cfd2 rgb(198,207,210)
```
#d1d8db
```
#d1d8db rgb(209,216,219)
```
#dce1e4
```
#dce1e4 rgb(220,225,228)
```
#e7ebec
```
#e7ebec rgb(231,235,236)
```
#f2f4f5
```
#f2f4f5 rgb(242,244,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#363a3c
```
#363a3c rgb(54,58,60)
```
#323c40
```
#323c40 rgb(50,60,64)
```
#2e3e44
```
#2e3e44 rgb(46,62,68)
```
#294049
```
#294049 rgb(41,64,73)
```
#25424d
```
#25424d rgb(37,66,77)
```
#204452
```
#204452 rgb(32,68,82)
```
#1c4556
```
#1c4556 rgb(28,69,86)
```
#18475a
```
#18475a rgb(24,71,90)
```
#13495f
```
#13495f rgb(19,73,95)
```
#0f4b63
```
#0f4b63 rgb(15,75,99)
```
#0b4d67
```
#0b4d67 rgb(11,77,103)
```
#064f6c
```
#064f6c rgb(6,79,108)
```
#025170
```
#025170 rgb(2,81,112)
```

Tone Color Variation

Below, you can see how #323c40 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

#393939 Achromatopsia 0.005% of the population
#383a3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#444448 Protanopia 1% of men
#47424b Deuteranopia 1% of men
#3c454b Tritanopia 0.001% of the population

Trichromacy

#3d4145 Protanomaly 1% of men, 0.01% of women
#3f4047 Deuteranomaly 6% of men, 0.4% of women
#384247 Tritanomaly 0.01% of the population