#2d558d hex color

In a RGB color space, hex #2d558d is composed of 17.6% red, 33.3% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 39.7% magenta, 0% yellow and 44.7% black. It has a hue angle of 215 degrees, a saturation of 51.6% and a lightness of 36.5%. #2d558d color hex could be obtained by blending #5aaaff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 33
- B 55
RGB color chart
- C 68
- M 40
- Y 0
- K 45
CMYK color chart

● #2d558d color description : Dark moderate blue.

The hexadecimal color #2d558d has RGB values of R:45, G:85, B:141 and CMYK values of C:0.68, M:0.4, Y:0, K:0.45. Its decimal value is 2971021.

Hex triplet	2d558d	`#2d558d`
RGB Decimal	45, 85, 141	`rgb(45,85,141)`
RGB Percent	17.6, 33.3, 55.3	`rgb(17.6%,33.3%,55.3%)`
CMYK	68, 40, 0, 45
HSL	215°, 51.6, 36.5	`hsl(215,51.6%,36.5%)`
HSV (or HSB)	215°, 68.1, 55.3
Web Safe	336699	`#336699`

CIE-LAB	35.941, 5.168, -35.237
XYZ	9.137, 8.977, 26.449
xyY	0.205, 0.201, 8.977
CIE-LCH	35.941, 35.614, 278.343
CIE-LUV	35.941, -15.908, -49.646
Hunter-Lab	29.962, 2.002, -31.365
Binary	00101101, 01010101, 10001101

#2d558d
```
#2d558d rgb(45,85,141)
```
#8d652d
```
#8d652d rgb(141,101,45)
```

Complementary Color

#2d858d
```
#2d858d rgb(45,133,141)
```
#2d558d
```
#2d558d rgb(45,85,141)
```
#352d8d
```
#352d8d rgb(53,45,141)
```

Analogous Color

#858d2d
```
#858d2d rgb(133,141,45)
```
#2d558d
```
#2d558d rgb(45,85,141)
```
#8d352d
```
#8d352d rgb(141,53,45)
```

Split Complementary Color

#558d2d
```
#558d2d rgb(85,141,45)
```
#2d558d
```
#2d558d rgb(45,85,141)
```
#8d2d55
```
#8d2d55 rgb(141,45,85)
```

Triadic Color

#2d8d65
```
#2d8d65 rgb(45,141,101)
```
#2d558d
```
#2d558d rgb(45,85,141)
```
#8d2d55
```
#8d2d55 rgb(141,45,85)
```
#8d652d
```
#8d652d rgb(141,101,45)
```

Tetradic Color

#1a3253
```
#1a3253 rgb(26,50,83)
```
#213e66
```
#213e66 rgb(33,62,102)
```
#27497a
```
#27497a rgb(39,73,122)
```
#2d558d
```
#2d558d rgb(45,85,141)
```
#3361a0
```
#3361a0 rgb(51,97,160)
```
#396cb4
```
#396cb4 rgb(57,108,180)
```
#4379c3
```
#4379c3 rgb(67,121,195)
```

Monochromatic Color

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

#2d6d8d
```
#2d6d8d rgb(45,109,141)
```
#2d658d
```
#2d658d rgb(45,101,141)
```
#2d5d8d
```
#2d5d8d rgb(45,93,141)
```
#2d558d
```
#2d558d rgb(45,85,141)
```
#2d4d8d
```
#2d4d8d rgb(45,77,141)
```
#2d458d
```
#2d458d rgb(45,69,141)
```
#2d3d8d
```
#2d3d8d rgb(45,61,141)
```

Similar Colors

Text with hexadecimal color #2d558d

This text has a font color of #2d558d.

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

#2d558d background color

This paragraph has a background color of #2d558d.

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

#2d558d border color

This element has a border color of #2d558d.

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

CSS codes

.text {color:#2d558d;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070d16
```
#070d16 rgb(7,13,22)
```
#0c1625
```
#0c1625 rgb(12,22,37)
```
#111f34
```
#111f34 rgb(17,31,52)
```
#152843
```
#152843 rgb(21,40,67)
```
#1a3152
```
#1a3152 rgb(26,49,82)
```
#1f3a60
```
#1f3a60 rgb(31,58,96)
```
#24436f
```
#24436f rgb(36,67,111)
```
#284c7e
```
#284c7e rgb(40,76,126)
```
#2d558d
```
#2d558d rgb(45,85,141)
```
#325e9c
```
#325e9c rgb(50,94,156)
```
#3667ab
```
#3667ab rgb(54,103,171)
```
#3b70ba
```
#3b70ba rgb(59,112,186)
```

Shade Color Variation

#457ac4
```
#457ac4 rgb(69,122,196)
```
#5484c8
```
#5484c8 rgb(84,132,200)
```
#638fcd
```
#638fcd rgb(99,143,205)
```
#719ad2
```
#719ad2 rgb(113,154,210)
```
#80a4d7
```
#80a4d7 rgb(128,164,215)
```
#8fafdb
```
#8fafdb rgb(143,175,219)
```
#9ebae0
```
#9ebae0 rgb(158,186,224)
```
#adc4e5
```
#adc4e5 rgb(173,196,229)
```
#bccfea
```
#bccfea rgb(188,207,234)
```
#cbdaee
```
#cbdaee rgb(203,218,238)
```
#dae4f3
```
#dae4f3 rgb(218,228,243)
```
#e8eff8
```
#e8eff8 rgb(232,239,248)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#585c62
```
#585c62 rgb(88,92,98)
```
#515b69
```
#515b69 rgb(81,91,105)
```
#4a5a70
```
#4a5a70 rgb(74,90,112)
```
#425978
```
#425978 rgb(66,89,120)
```
#3b577f
```
#3b577f rgb(59,87,127)
```
#345686
```
#345686 rgb(52,86,134)
```
#2d558d
```
#2d558d rgb(45,85,141)
```
#265494
```
#265494 rgb(38,84,148)
```
#1f539b
```
#1f539b rgb(31,83,155)
```
#1851a2
```
#1851a2 rgb(24,81,162)
```
#1050aa
```
#1050aa rgb(16,80,170)
```
#094fb1
```
#094fb1 rgb(9,79,177)
```
#024eb8
```
#024eb8 rgb(2,78,184)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#48505b Atypical Achromatopsia 0.001% of the population

Dichromacy

#465b91 Protanopia 1% of men
#375d92 Deuteranopia 1% of men
#15666d Tritanopia 0.001% of the population

Trichromacy

#3d598f Protanomaly 1% of men, 0.01% of women
#335a90 Deuteranomaly 6% of men, 0.4% of women
#1e5f79 Tritanomaly 0.01% of the population

#2d558d hex color

#2d558d Color Information

#2d558d Color Conversion

Color Schemes with #2d558d

Alternatives to #2d558d

#2d558d Preview

Shades and Tints of #2d558d

Tones of #2d558d

Color Blindness Simulator