#2d3758 hex color

In a RGB color space, hex #2d3758 is composed of 17.6% red, 21.6% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 37.5% magenta, 0% yellow and 65.5% black. It has a hue angle of 226 degrees, a saturation of 32.3% and a lightness of 26.1%. #2d3758 color hex could be obtained by blending #5a6eb0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 22
- B 35
RGB color chart
- C 49
- M 38
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2d3758 has RGB values of R:45, G:55, B:88 and CMYK values of C:0.49, M:0.38, Y:0, K:0.65. Its decimal value is 2963288.

Hex triplet	2d3758	`#2d3758`
RGB Decimal	45, 55, 88	`rgb(45,55,88)`
RGB Percent	17.6, 21.6, 34.5	`rgb(17.6%,21.6%,34.5%)`
CMYK	49, 38, 0, 65
HSL	226°, 32.3, 26.1	`hsl(226,32.3%,26.1%)`
HSV (or HSB)	226°, 48.9, 34.5
Web Safe	333366	`#333366`

CIE-LAB	23.654, 5.98, -21.204
XYZ	4.209, 3.995, 9.781
xyY	0.234, 0.222, 3.995
CIE-LCH	23.654, 22.031, 285.75
CIE-LUV	23.654, -5.444, -25.741
Hunter-Lab	19.987, 2.618, -15.025
Binary	00101101, 00110111, 01011000

#2d3758
```
#2d3758 rgb(45,55,88)
```
#584e2d
```
#584e2d rgb(88,78,45)
```

Complementary Color

#2d4d58
```
#2d4d58 rgb(45,77,88)
```
#2d3758
```
#2d3758 rgb(45,55,88)
```
#392d58
```
#392d58 rgb(57,45,88)
```

Analogous Color

#4d582d
```
#4d582d rgb(77,88,45)
```
#2d3758
```
#2d3758 rgb(45,55,88)
```
#58392d
```
#58392d rgb(88,57,45)
```

Split Complementary Color

#37582d
```
#37582d rgb(55,88,45)
```
#2d3758
```
#2d3758 rgb(45,55,88)
```
#582d37
```
#582d37 rgb(88,45,55)
```

Triadic Color

#2d584e
```
#2d584e rgb(45,88,78)
```
#2d3758
```
#2d3758 rgb(45,55,88)
```
#582d37
```
#582d37 rgb(88,45,55)
```
#584e2d
```
#584e2d rgb(88,78,45)
```

Tetradic Color

#131725
```
#131725 rgb(19,23,37)
```
#1c2236
```
#1c2236 rgb(28,34,54)
```
#242c47
```
#242c47 rgb(36,44,71)
```
#2d3758
```
#2d3758 rgb(45,55,88)
```
#364269
```
#364269 rgb(54,66,105)
```
#3e4c7a
```
#3e4c7a rgb(62,76,122)
```
#47578b
```
#47578b rgb(71,87,139)
```

Monochromatic Color

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

#2d4258
```
#2d4258 rgb(45,66,88)
```
#2d3e58
```
#2d3e58 rgb(45,62,88)
```
#2d3b58
```
#2d3b58 rgb(45,59,88)
```
#2d3758
```
#2d3758 rgb(45,55,88)
```
#2d3358
```
#2d3358 rgb(45,51,88)
```
#2d3058
```
#2d3058 rgb(45,48,88)
```
#2e2d58
```
#2e2d58 rgb(46,45,88)
```

Similar Colors

Text with hexadecimal color #2d3758

This text has a font color of #2d3758.

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

#2d3758 background color

This paragraph has a background color of #2d3758.

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

#2d3758 border color

This element has a border color of #2d3758.

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

CSS codes

.text {color:#2d3758;}

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

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

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, #05060a is the darkest color, while #fcfcfe is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0c0e17
```
#0c0e17 rgb(12,14,23)
```
#121724
```
#121724 rgb(18,23,36)
```
#191f31
```
#191f31 rgb(25,31,49)
```
#20273e
```
#20273e rgb(32,39,62)
```
#262f4b
```
#262f4b rgb(38,47,75)
```
#2d3758
```
#2d3758 rgb(45,55,88)
```
#343f65
```
#343f65 rgb(52,63,101)
```
#3a4772
```
#3a4772 rgb(58,71,114)
```
#414f7f
```
#414f7f rgb(65,79,127)
```
#48578c
```
#48578c rgb(72,87,140)
```
#4e6099
```
#4e6099 rgb(78,96,153)
```
#5568a6
```
#5568a6 rgb(85,104,166)
```

Shade Color Variation

#6072ae
```
#6072ae rgb(96,114,174)
```
#6d7eb5
```
#6d7eb5 rgb(109,126,181)
```
#7a89bb
```
#7a89bb rgb(122,137,187)
```
#8795c2
```
#8795c2 rgb(135,149,194)
```
#94a0c8
```
#94a0c8 rgb(148,160,200)
```
#a1accf
```
#a1accf rgb(161,172,207)
```
#aeb7d6
```
#aeb7d6 rgb(174,183,214)
```
#bbc3dc
```
#bbc3dc rgb(187,195,220)
```
#c8cee3
```
#c8cee3 rgb(200,206,227)
```
#d5daea
```
#d5daea rgb(213,218,234)
```
#e2e5f0
```
#e2e5f0 rgb(226,229,240)
```
#eff1f7
```
#eff1f7 rgb(239,241,247)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#414244
```
#414244 rgb(65,66,68)
```
#3c3f49
```
#3c3f49 rgb(60,63,73)
```
#373c4e
```
#373c4e rgb(55,60,78)
```
#323a53
```
#323a53 rgb(50,58,83)
```
#2d3758
```
#2d3758 rgb(45,55,88)
```
#28345d
```
#28345d rgb(40,52,93)
```
#233262
```
#233262 rgb(35,50,98)
```
#1e2f67
```
#1e2f67 rgb(30,47,103)
```
#192c6c
```
#192c6c rgb(25,44,108)
```
#132972
```
#132972 rgb(19,41,114)
```
#0e2777
```
#0e2777 rgb(14,39,119)
```
#09247c
```
#09247c rgb(9,36,124)
```
#042181
```
#042181 rgb(4,33,129)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#36383e Atypical Achromatopsia 0.001% of the population

Dichromacy

#364160 Protanopia 1% of men
#334260 Deuteranopia 1% of men
#30464b Tritanopia 0.001% of the population

Trichromacy

#333d5d Protanomaly 1% of men, 0.01% of women
#313e5d Deuteranomaly 6% of men, 0.4% of women
#2f404f Tritanomaly 0.01% of the population

#2d3758 hex color

#2d3758 Color Information

#2d3758 Color Conversion

Color Schemes with #2d3758

Alternatives to #2d3758

#2d3758 Preview

Shades and Tints of #2d3758

Tones of #2d3758

Color Blindness Simulator