colorhexa.com

#2c354f hex color

In a RGB color space, hex #2c354f is composed of 17.3% red, 20.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 32.9% magenta, 0% yellow and 69% black. It has a hue angle of 224.6 degrees, a saturation of 28.5% and a lightness of 24.1%. #2c354f color hex could be obtained by blending #586a9e with #000000. Closest websafe color is: #333366.

- R 17
- G 21
- B 31
RGB color chart
- C 44
- M 33
- Y 0
- K 69
CMYK color chart

● #2c354f color description : Very dark desaturated blue.

The hexadecimal color #2c354f has RGB values of R:44, G:53, B:79 and CMYK values of C:0.44, M:0.33, Y:0, K:0.69. Its decimal value is 2897231.

Hex triplet	2c354f	`#2c354f`
RGB Decimal	44, 53, 79	`rgb(44,53,79)`
RGB Percent	17.3, 20.8, 31	`rgb(17.3%,20.8%,31%)`
CMYK	44, 33, 0, 69
HSL	224.6°, 28.5, 24.1	`hsl(224.6,28.5%,24.1%)`
HSV (or HSB)	224.6°, 44.3, 31
Web Safe	333366	`#333366`

CIE-LAB	22.465, 4.006, -17.113
XYZ	3.723, 3.646, 7.904
xyY	0.244, 0.239, 3.646
CIE-LCH	22.465, 17.575, 283.175
CIE-LUV	22.465, -4.825, -20.086
Hunter-Lab	19.095, 1.386, -11.177
Binary	00101100, 00110101, 01001111

#2c354f
```
#2c354f rgb(44,53,79)
```
#4f462c
```
#4f462c rgb(79,70,44)
```

Complementary Color

#2c474f
```
#2c474f rgb(44,71,79)
```
#2c354f
```
#2c354f rgb(44,53,79)
```
#352c4f
```
#352c4f rgb(53,44,79)
```

Analogous Color

#474f2c
```
#474f2c rgb(71,79,44)
```
#2c354f
```
#2c354f rgb(44,53,79)
```
#4f352c
```
#4f352c rgb(79,53,44)
```

Split Complementary Color

#11141e
```
#11141e rgb(17,20,30)
```
#1a1f2e
```
#1a1f2e rgb(26,31,46)
```
#232a3f
```
#232a3f rgb(35,42,63)
```
#2c354f
```
#2c354f rgb(44,53,79)
```
#35405f
```
#35405f rgb(53,64,95)
```
#3e4b70
```
#3e4b70 rgb(62,75,112)
```
#475680
```
#475680 rgb(71,86,128)
```

Monochromatic Color

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

#2c3e4f
```
#2c3e4f rgb(44,62,79)
```
#2c3b4f
```
#2c3b4f rgb(44,59,79)
```
#2c384f
```
#2c384f rgb(44,56,79)
```
#2c354f
```
#2c354f rgb(44,53,79)
```
#2c324f
```
#2c324f rgb(44,50,79)
```
#2c2f4f
```
#2c2f4f rgb(44,47,79)
```
#2c2c4f
```
#2c2c4f rgb(44,44,79)
```

Similar Colors

Text with hexadecimal color #2c354f

This text has a font color of #2c354f.

<span style="color:#2c354f;">Text here</span>

#2c354f background color

This paragraph has a background color of #2c354f.

<p style="background-color:#2c354f;">Content here</p>

#2c354f border color

This element has a border color of #2c354f.

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

CSS codes

.text {color:#2c354f;}

.background {background-color:#2c354f;}

.border {border:1px solid #2c354f;}

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

#020203
```
#020203 rgb(2,2,3)
```
#090b10
```
#090b10 rgb(9,11,16)
```
#10131d
```
#10131d rgb(16,19,29)
```
#171c29
```
#171c29 rgb(23,28,41)
```
#1e2436
```
#1e2436 rgb(30,36,54)
```
#252d42
```
#252d42 rgb(37,45,66)
```
#2c354f
```
#2c354f rgb(44,53,79)
```
#333d5c
```
#333d5c rgb(51,61,92)
```
#3a4668
```
#3a4668 rgb(58,70,104)
```
#414e75
```
#414e75 rgb(65,78,117)
```
#485781
```
#485781 rgb(72,87,129)
```
#4f5f8e
```
#4f5f8e rgb(79,95,142)
```
#56689b
```
#56689b rgb(86,104,155)
```

Shade Color Variation

#5f71a6
```
#5f71a6 rgb(95,113,166)
```
#6b7cad
```
#6b7cad rgb(107,124,173)
```
#7887b4
```
#7887b4 rgb(120,135,180)
```
#8492bb
```
#8492bb rgb(132,146,187)
```
#919ec2
```
#919ec2 rgb(145,158,194)
```
#9ea9c9
```
#9ea9c9 rgb(158,169,201)
```
#aab4d0
```
#aab4d0 rgb(170,180,208)
```
#b7bfd7
```
#b7bfd7 rgb(183,191,215)
```
#c3cade
```
#c3cade rgb(195,202,222)
```
#d0d5e5
```
#d0d5e5 rgb(208,213,229)
```
#dde1ec
```
#dde1ec rgb(221,225,236)
```
#e9ecf3
```
#e9ecf3 rgb(233,236,243)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#3a3c41
```
#3a3c41 rgb(58,60,65)
```
#353a46
```
#353a46 rgb(53,58,70)
```
#31374a
```
#31374a rgb(49,55,74)
```
#2c354f
```
#2c354f rgb(44,53,79)
```
#273354
```
#273354 rgb(39,51,84)
```
#233058
```
#233058 rgb(35,48,88)
```
#1e2e5d
```
#1e2e5d rgb(30,46,93)
```
#192c62
```
#192c62 rgb(25,44,98)
```
#142a67
```
#142a67 rgb(20,42,103)
```
#10276b
```
#10276b rgb(16,39,107)
```
#0b2570
```
#0b2570 rgb(11,37,112)
```
#062375
```
#062375 rgb(6,35,117)
```
#01207a
```
#01207a rgb(1,32,122)
```

Tone Color Variation

Below, you can see how #2c354f 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

#353535 Achromatopsia 0.005% of the population
#33353a Atypical Achromatopsia 0.001% of the population

Dichromacy

#373f58 Protanopia 1% of men
#363f58 Deuteranopia 1% of men
#314247 Tritanopia 0.001% of the population

Trichromacy

#333b54 Protanomaly 1% of men, 0.01% of women
#323b54 Deuteranomaly 6% of men, 0.4% of women
#2f3d4a Tritanomaly 0.01% of the population