#2d568b hex color

In a RGB color space, hex #2d568b is composed of 17.6% red, 33.7% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 38.1% magenta, 0% yellow and 45.5% black. It has a hue angle of 213.8 degrees, a saturation of 51.1% and a lightness of 36.1%. #2d568b color hex could be obtained by blending #5aacff with #000017. Closest websafe color is: #336699.

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

● #2d568b color description : Dark moderate blue.

The hexadecimal color #2d568b has RGB values of R:45, G:86, B:139 and CMYK values of C:0.68, M:0.38, Y:0, K:0.45. Its decimal value is 2971275.

Hex triplet	2d568b	`#2d568b`
RGB Decimal	45, 86, 139	`rgb(45,86,139)`
RGB Percent	17.6, 33.7, 54.5	`rgb(17.6%,33.7%,54.5%)`
CMYK	68, 38, 0, 45
HSL	213.8°, 51.1, 36.1	`hsl(213.8,51.1%,36.1%)`
HSV (or HSB)	213.8°, 67.6, 54.5
Web Safe	336699	`#336699`

CIE-LAB	36.132, 3.772, -33.716
XYZ	9.069, 9.077, 25.699
xyY	0.207, 0.207, 9.077
CIE-LCH	36.132, 33.926, 276.383
CIE-LUV	36.132, -16.284, -47.386
Hunter-Lab	30.128, 1.008, -29.484
Binary	00101101, 01010110, 10001011

#2d568b
```
#2d568b rgb(45,86,139)
```
#8b622d
```
#8b622d rgb(139,98,45)
```

Complementary Color

#2d858b
```
#2d858b rgb(45,133,139)
```
#2d568b
```
#2d568b rgb(45,86,139)
```
#332d8b
```
#332d8b rgb(51,45,139)
```

Analogous Color

#858b2d
```
#858b2d rgb(133,139,45)
```
#2d568b
```
#2d568b rgb(45,86,139)
```
#8b332d
```
#8b332d rgb(139,51,45)
```

Split Complementary Color

#568b2d
```
#568b2d rgb(86,139,45)
```
#2d568b
```
#2d568b rgb(45,86,139)
```
#8b2d56
```
#8b2d56 rgb(139,45,86)
```

Triadic Color

#2d8b62
```
#2d8b62 rgb(45,139,98)
```
#2d568b
```
#2d568b rgb(45,86,139)
```
#8b2d56
```
#8b2d56 rgb(139,45,86)
```
#8b622d
```
#8b622d rgb(139,98,45)
```

Tetradic Color

#1a3251
```
#1a3251 rgb(26,50,81)
```
#213e64
```
#213e64 rgb(33,62,100)
```
#274a78
```
#274a78 rgb(39,74,120)
```
#2d568b
```
#2d568b rgb(45,86,139)
```
#33629e
```
#33629e rgb(51,98,158)
```
#396eb2
```
#396eb2 rgb(57,110,178)
```
#437ac2
```
#437ac2 rgb(67,122,194)
```

Monochromatic Color

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

#2d6e8b
```
#2d6e8b rgb(45,110,139)
```
#2d668b
```
#2d668b rgb(45,102,139)
```
#2d5e8b
```
#2d5e8b rgb(45,94,139)
```
#2d568b
```
#2d568b rgb(45,86,139)
```
#2d4e8b
```
#2d4e8b rgb(45,78,139)
```
#2d468b
```
#2d468b rgb(45,70,139)
```
#2d3f8b
```
#2d3f8b rgb(45,63,139)
```

Similar Colors

Text with hexadecimal color #2d568b

This text has a font color of #2d568b.

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

#2d568b background color

This paragraph has a background color of #2d568b.

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

#2d568b border color

This element has a border color of #2d568b.

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

CSS codes

.text {color:#2d568b;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#070d14
```
#070d14 rgb(7,13,20)
```
#0b1623
```
#0b1623 rgb(11,22,35)
```
#101f32
```
#101f32 rgb(16,31,50)
```
#152841
```
#152841 rgb(21,40,65)
```
#1a3150
```
#1a3150 rgb(26,49,80)
```
#1f3a5f
```
#1f3a5f rgb(31,58,95)
```
#23446d
```
#23446d rgb(35,68,109)
```
#284d7c
```
#284d7c rgb(40,77,124)
```
#2d568b
```
#2d568b rgb(45,86,139)
```
#325f9a
```
#325f9a rgb(50,95,154)
```
#3768a9
```
#3768a9 rgb(55,104,169)
```
#3b72b7
```
#3b72b7 rgb(59,114,183)
```

Shade Color Variation

#447bc2
```
#447bc2 rgb(68,123,194)
```
#5386c7
```
#5386c7 rgb(83,134,199)
```
#6290cc
```
#6290cc rgb(98,144,204)
```
#709bd1
```
#709bd1 rgb(112,155,209)
```
#7fa5d6
```
#7fa5d6 rgb(127,165,214)
```
#8eafda
```
#8eafda rgb(142,175,218)
```
#9dbadf
```
#9dbadf rgb(157,186,223)
```
#acc4e4
```
#acc4e4 rgb(172,196,228)
```
#bbcfe9
```
#bbcfe9 rgb(187,207,233)
```
#c9d9ee
```
#c9d9ee rgb(201,217,238)
```
#d8e4f2
```
#d8e4f2 rgb(216,228,242)
```
#e7eef7
```
#e7eef7 rgb(231,238,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#575b61
```
#575b61 rgb(87,91,97)
```
#505b68
```
#505b68 rgb(80,91,104)
```
#495a6f
```
#495a6f rgb(73,90,111)
```
#425976
```
#425976 rgb(66,89,118)
```
#3b587d
```
#3b587d rgb(59,88,125)
```
#345784
```
#345784 rgb(52,87,132)
```
#2d568b
```
#2d568b rgb(45,86,139)
```
#265592
```
#265592 rgb(38,85,146)
```
#1f5499
```
#1f5499 rgb(31,84,153)
```
#1853a0
```
#1853a0 rgb(24,83,160)
```
#1152a7
```
#1152a7 rgb(17,82,167)
```
#0a51ae
```
#0a51ae rgb(10,81,174)
```
#0351b5
```
#0351b5 rgb(3,81,181)
```

Tone Color Variation

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

#485c8e Protanopia 1% of men
#3b5e91 Deuteranopia 1% of men
#1a666e Tritanopia 0.001% of the population

Trichromacy

#3e598d Protanomaly 1% of men, 0.01% of women
#365b8f Deuteranomaly 6% of men, 0.4% of women
#216078 Tritanomaly 0.01% of the population

#2d568b hex color

#2d568b Color Information

#2d568b Color Conversion

Color Schemes with #2d568b

Alternatives to #2d568b

#2d568b Preview

Shades and Tints of #2d568b

Tones of #2d568b

Color Blindness Simulator