#2d568e hex color

In a RGB color space, hex #2d568e is composed of 17.6% red, 33.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 39.4% magenta, 0% yellow and 44.3% black. It has a hue angle of 214.6 degrees, a saturation of 51.9% and a lightness of 36.7%. #2d568e color hex could be obtained by blending #5aacff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 34
- B 56
RGB color chart
- C 68
- M 39
- Y 0
- K 44
CMYK color chart

● #2d568e color description : Dark moderate blue.

The hexadecimal color #2d568e has RGB values of R:45, G:86, B:142 and CMYK values of C:0.68, M:0.39, Y:0, K:0.44. Its decimal value is 2971278.

Hex triplet	2d568e	`#2d568e`
RGB Decimal	45, 86, 142	`rgb(45,86,142)`
RGB Percent	17.6, 33.7, 55.7	`rgb(17.6%,33.7%,55.7%)`
CMYK	68, 39, 0, 44
HSL	214.6°, 51.9, 36.7	`hsl(214.6,51.9%,36.7%)`
HSV (or HSB)	214.6°, 68.3, 55.7
Web Safe	336699	`#336699`

CIE-LAB	36.302, 4.892, -35.272
XYZ	9.291, 9.166, 26.869
xyY	0.205, 0.202, 9.166
CIE-LCH	36.302, 35.61, 277.896
CIE-LUV	36.302, -16.231, -49.812
Hunter-Lab	30.275, 1.8, -31.427
Binary	00101101, 01010110, 10001110

#2d568e
```
#2d568e rgb(45,86,142)
```
#8e652d
```
#8e652d rgb(142,101,45)
```

Complementary Color

#2d878e
```
#2d878e rgb(45,135,142)
```
#2d568e
```
#2d568e rgb(45,86,142)
```
#352d8e
```
#352d8e rgb(53,45,142)
```

Analogous Color

#878e2d
```
#878e2d rgb(135,142,45)
```
#2d568e
```
#2d568e rgb(45,86,142)
```
#8e352d
```
#8e352d rgb(142,53,45)
```

Split Complementary Color

#568e2d
```
#568e2d rgb(86,142,45)
```
#2d568e
```
#2d568e rgb(45,86,142)
```
#8e2d56
```
#8e2d56 rgb(142,45,86)
```

Triadic Color

#2d8e65
```
#2d8e65 rgb(45,142,101)
```
#2d568e
```
#2d568e rgb(45,86,142)
```
#8e2d56
```
#8e2d56 rgb(142,45,86)
```
#8e652d
```
#8e652d rgb(142,101,45)
```

Tetradic Color

#1b3354
```
#1b3354 rgb(27,51,84)
```
#213f67
```
#213f67 rgb(33,63,103)
```
#274a7b
```
#274a7b rgb(39,74,123)
```
#2d568e
```
#2d568e rgb(45,86,142)
```
#3362a1
```
#3362a1 rgb(51,98,161)
```
#396db5
```
#396db5 rgb(57,109,181)
```
#447ac4
```
#447ac4 rgb(68,122,196)
```

Monochromatic Color

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

#2d6e8e
```
#2d6e8e rgb(45,110,142)
```
#2d668e
```
#2d668e rgb(45,102,142)
```
#2d5e8e
```
#2d5e8e rgb(45,94,142)
```
#2d568e
```
#2d568e rgb(45,86,142)
```
#2d4e8e
```
#2d4e8e rgb(45,78,142)
```
#2d468e
```
#2d468e rgb(45,70,142)
```
#2d3e8e
```
#2d3e8e rgb(45,62,142)
```

Similar Colors

Text with hexadecimal color #2d568e

This text has a font color of #2d568e.

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

#2d568e background color

This paragraph has a background color of #2d568e.

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

#2d568e border color

This element has a border color of #2d568e.

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

CSS codes

.text {color:#2d568e;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#070e17
```
#070e17 rgb(7,14,23)
```
#0c1726
```
#0c1726 rgb(12,23,38)
```
#112035
```
#112035 rgb(17,32,53)
```
#152944
```
#152944 rgb(21,41,68)
```
#1a3252
```
#1a3252 rgb(26,50,82)
```
#1f3b61
```
#1f3b61 rgb(31,59,97)
```
#244470
```
#244470 rgb(36,68,112)
```
#284d7f
```
#284d7f rgb(40,77,127)
```
#2d568e
```
#2d568e rgb(45,86,142)
```
#325f9d
```
#325f9d rgb(50,95,157)
```
#3668ac
```
#3668ac rgb(54,104,172)
```
#3b71bb
```
#3b71bb rgb(59,113,187)
```

Shade Color Variation

#457bc4
```
#457bc4 rgb(69,123,196)
```
#5486c9
```
#5486c9 rgb(84,134,201)
```
#6390ce
```
#6390ce rgb(99,144,206)
```
#729bd2
```
#729bd2 rgb(114,155,210)
```
#81a5d7
```
#81a5d7 rgb(129,165,215)
```
#90b0dc
```
#90b0dc rgb(144,176,220)
```
#9fbae0
```
#9fbae0 rgb(159,186,224)
```
#aec5e5
```
#aec5e5 rgb(174,197,229)
```
#bcd0ea
```
#bcd0ea rgb(188,208,234)
```
#cbdaef
```
#cbdaef rgb(203,218,239)
```
#dae5f3
```
#dae5f3 rgb(218,229,243)
```
#e9eff8
```
#e9eff8 rgb(233,239,248)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#585d63
```
#585d63 rgb(88,93,99)
```
#515c6a
```
#515c6a rgb(81,92,106)
```
#4a5a71
```
#4a5a71 rgb(74,90,113)
```
#435978
```
#435978 rgb(67,89,120)
```
#3b5880
```
#3b5880 rgb(59,88,128)
```
#345787
```
#345787 rgb(52,87,135)
```
#2d568e
```
#2d568e rgb(45,86,142)
```
#265595
```
#265595 rgb(38,85,149)
```
#1f549c
```
#1f549c rgb(31,84,156)
```
#1753a4
```
#1753a4 rgb(23,83,164)
```
#1052ab
```
#1052ab rgb(16,82,171)
```
#0950b2
```
#0950b2 rgb(9,80,178)
```
#024fb9
```
#024fb9 rgb(2,79,185)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#49515c Atypical Achromatopsia 0.001% of the population

Dichromacy

#475c92 Protanopia 1% of men
#385e93 Deuteranopia 1% of men
#14676e Tritanopia 0.001% of the population

Trichromacy

#3d5a90 Protanomaly 1% of men, 0.01% of women
#345b91 Deuteranomaly 6% of men, 0.4% of women
#1d607a Tritanomaly 0.01% of the population

#2d568e hex color

#2d568e Color Information

#2d568e Color Conversion

Color Schemes with #2d568e

Alternatives to #2d568e

#2d568e Preview

Shades and Tints of #2d568e

Tones of #2d568e

Color Blindness Simulator