#2d3c57 hex color

In a RGB color space, hex #2d3c57 is composed of 17.6% red, 23.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 31% magenta, 0% yellow and 65.9% black. It has a hue angle of 218.6 degrees, a saturation of 31.8% and a lightness of 25.9%. #2d3c57 color hex could be obtained by blending #5a78ae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 24
- B 34
RGB color chart
- C 48
- M 31
- Y 0
- K 66
CMYK color chart

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

The hexadecimal color #2d3c57 has RGB values of R:45, G:60, B:87 and CMYK values of C:0.48, M:0.31, Y:0, K:0.66. Its decimal value is 2964567.

Hex triplet	2d3c57	`#2d3c57`
RGB Decimal	45, 60, 87	`rgb(45,60,87)`
RGB Percent	17.6, 23.5, 34.1	`rgb(17.6%,23.5%,34.1%)`
CMYK	48, 31, 0, 66
HSL	218.6°, 31.8, 25.9	`hsl(218.6,31.8%,25.9%)`
HSV (or HSB)	218.6°, 48.3, 34.1
Web Safe	333366	`#333366`

CIE-LAB	25.191, 2.228, -18.144
XYZ	4.418, 4.478, 9.648
xyY	0.238, 0.241, 4.478
CIE-LCH	25.191, 18.28, 276.999
CIE-LUV	25.191, -7.219, -22.092
Hunter-Lab	21.16, 0.238, -12.22
Binary	00101101, 00111100, 01010111

#2d3c57
```
#2d3c57 rgb(45,60,87)
```
#57482d
```
#57482d rgb(87,72,45)
```

Complementary Color

#2d5157
```
#2d5157 rgb(45,81,87)
```
#2d3c57
```
#2d3c57 rgb(45,60,87)
```
#332d57
```
#332d57 rgb(51,45,87)
```

Analogous Color

#51572d
```
#51572d rgb(81,87,45)
```
#2d3c57
```
#2d3c57 rgb(45,60,87)
```
#57332d
```
#57332d rgb(87,51,45)
```

Split Complementary Color

#3c572d
```
#3c572d rgb(60,87,45)
```
#2d3c57
```
#2d3c57 rgb(45,60,87)
```
#572d3c
```
#572d3c rgb(87,45,60)
```

Triadic Color

#2d5748
```
#2d5748 rgb(45,87,72)
```
#2d3c57
```
#2d3c57 rgb(45,60,87)
```
#572d3c
```
#572d3c rgb(87,45,60)
```
#57482d
```
#57482d rgb(87,72,45)
```

Tetradic Color

#131925
```
#131925 rgb(19,25,37)
```
#1c2535
```
#1c2535 rgb(28,37,53)
```
#243046
```
#243046 rgb(36,48,70)
```
#2d3c57
```
#2d3c57 rgb(45,60,87)
```
#364868
```
#364868 rgb(54,72,104)
```
#3e5379
```
#3e5379 rgb(62,83,121)
```
#475f89
```
#475f89 rgb(71,95,137)
```

Monochromatic Color

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

#2d4757
```
#2d4757 rgb(45,71,87)
```
#2d4357
```
#2d4357 rgb(45,67,87)
```
#2d4057
```
#2d4057 rgb(45,64,87)
```
#2d3c57
```
#2d3c57 rgb(45,60,87)
```
#2d3957
```
#2d3957 rgb(45,57,87)
```
#2d3557
```
#2d3557 rgb(45,53,87)
```
#2d3257
```
#2d3257 rgb(45,50,87)
```

Similar Colors

Text with hexadecimal color #2d3c57

This text has a font color of #2d3c57.

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

#2d3c57 background color

This paragraph has a background color of #2d3c57.

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

#2d3c57 border color

This element has a border color of #2d3c57.

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

CSS codes

.text {color:#2d3c57;}

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

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

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

#050709
```
#050709 rgb(5,7,9)
```
#0c0f16
```
#0c0f16 rgb(12,15,22)
```
#121823
```
#121823 rgb(18,24,35)
```
#192130
```
#192130 rgb(25,33,48)
```
#202a3d
```
#202a3d rgb(32,42,61)
```
#26334a
```
#26334a rgb(38,51,74)
```
#2d3c57
```
#2d3c57 rgb(45,60,87)
```
#344564
```
#344564 rgb(52,69,100)
```
#3a4e71
```
#3a4e71 rgb(58,78,113)
```
#41577e
```
#41577e rgb(65,87,126)
```
#48608b
```
#48608b rgb(72,96,139)
```
#4e6998
```
#4e6998 rgb(78,105,152)
```
#5571a5
```
#5571a5 rgb(85,113,165)
```

Shade Color Variation

#607cad
```
#607cad rgb(96,124,173)
```
#6d86b4
```
#6d86b4 rgb(109,134,180)
```
#7a91ba
```
#7a91ba rgb(122,145,186)
```
#879cc1
```
#879cc1 rgb(135,156,193)
```
#94a7c8
```
#94a7c8 rgb(148,167,200)
```
#a1b1ce
```
#a1b1ce rgb(161,177,206)
```
#aebcd5
```
#aebcd5 rgb(174,188,213)
```
#bbc7dc
```
#bbc7dc rgb(187,199,220)
```
#c8d1e2
```
#c8d1e2 rgb(200,209,226)
```
#d5dce9
```
#d5dce9 rgb(213,220,233)
```
#e2e7f0
```
#e2e7f0 rgb(226,231,240)
```
#eff1f7
```
#eff1f7 rgb(239,241,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#414243
```
#414243 rgb(65,66,67)
```
#3c4048
```
#3c4048 rgb(60,64,72)
```
#373f4d
```
#373f4d rgb(55,63,77)
```
#323d52
```
#323d52 rgb(50,61,82)
```
#2d3c57
```
#2d3c57 rgb(45,60,87)
```
#283b5c
```
#283b5c rgb(40,59,92)
```
#233961
```
#233961 rgb(35,57,97)
```
#1e3866
```
#1e3866 rgb(30,56,102)
```
#19366b
```
#19366b rgb(25,54,107)
```
#143570
```
#143570 rgb(20,53,112)
```
#0f3375
```
#0f3375 rgb(15,51,117)
```
#09327b
```
#09327b rgb(9,50,123)
```
#043080
```
#043080 rgb(4,48,128)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#383b41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d455e Protanopia 1% of men
#3b4560 Deuteranopia 1% of men
#31494e Tritanopia 0.001% of the population

Trichromacy

#37415c Protanomaly 1% of men, 0.01% of women
#36415c Deuteranomaly 6% of men, 0.4% of women
#304451 Tritanomaly 0.01% of the population

#2d3c57 hex color

#2d3c57 Color Information

#2d3c57 Color Conversion

Color Schemes with #2d3c57

Alternatives to #2d3c57

#2d3c57 Preview

Shades and Tints of #2d3c57

Tones of #2d3c57

Color Blindness Simulator