colorhexa.com

#2d4b86 hex color

In a RGB color space, hex #2d4b86 is composed of 17.6% red, 29.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 44% magenta, 0% yellow and 47.5% black. It has a hue angle of 219.8 degrees, a saturation of 49.7% and a lightness of 35.1%. #2d4b86 color hex could be obtained by blending #5a96ff with #00000d. Closest websafe color is: #333399.

- R 18
- G 29
- B 53
RGB color chart
- C 66
- M 44
- Y 0
- K 47
CMYK color chart

● #2d4b86 color description : Dark moderate blue.

The hexadecimal color #2d4b86 has RGB values of R:45, G:75, B:134 and CMYK values of C:0.66, M:0.44, Y:0, K:0.47. Its decimal value is 2968454.

Hex triplet	2d4b86	`#2d4b86`
RGB Decimal	45, 75, 134	`rgb(45,75,134)`
RGB Percent	17.6, 29.4, 52.5	`rgb(17.6%,29.4%,52.5%)`
CMYK	66, 44, 0, 47
HSL	219.8°, 49.7, 35.1	`hsl(219.8,49.7%,35.1%)`
HSV (or HSB)	219.8°, 66.4, 52.5
Web Safe	333399	`#333399`

CIE-LAB	32.504, 9.14, -36.421
XYZ	7.9, 7.311, 23.548
xyY	0.204, 0.189, 7.311
CIE-LCH	32.504, 37.551, 284.087
CIE-LUV	32.504, -12.647, -50.172
Hunter-Lab	27.038, 4.839, -32.709
Binary	00101101, 01001011, 10000110

#2d4b86
```
#2d4b86 rgb(45,75,134)
```
#86682d
```
#86682d rgb(134,104,45)
```

Complementary Color

#2d7886
```
#2d7886 rgb(45,120,134)
```
#2d4b86
```
#2d4b86 rgb(45,75,134)
```
#3c2d86
```
#3c2d86 rgb(60,45,134)
```

Analogous Color

#78862d
```
#78862d rgb(120,134,45)
```
#2d4b86
```
#2d4b86 rgb(45,75,134)
```
#863c2d
```
#863c2d rgb(134,60,45)
```

Split Complementary Color

#4b862d
```
#4b862d rgb(75,134,45)
```
#2d4b86
```
#2d4b86 rgb(45,75,134)
```
#862d4b
```
#862d4b rgb(134,45,75)
```

Triadic Color

#2d8668
```
#2d8668 rgb(45,134,104)
```
#2d4b86
```
#2d4b86 rgb(45,75,134)
```
#862d4b
```
#862d4b rgb(134,45,75)
```
#86682d
```
#86682d rgb(134,104,45)
```

Tetradic Color

#1a2b4d
```
#1a2b4d rgb(26,43,77)
```
#203660
```
#203660 rgb(32,54,96)
```
#274073
```
#274073 rgb(39,64,115)
```
#2d4b86
```
#2d4b86 rgb(45,75,134)
```
#335699
```
#335699 rgb(51,86,153)
```
#3a60ac
```
#3a60ac rgb(58,96,172)
```
#406bbf
```
#406bbf rgb(64,107,191)
```

Monochromatic Color

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

#2d6186
```
#2d6186 rgb(45,97,134)
```
#2d5a86
```
#2d5a86 rgb(45,90,134)
```
#2d5286
```
#2d5286 rgb(45,82,134)
```
#2d4b86
```
#2d4b86 rgb(45,75,134)
```
#2d4486
```
#2d4486 rgb(45,68,134)
```
#2d3c86
```
#2d3c86 rgb(45,60,134)
```
#2d3586
```
#2d3586 rgb(45,53,134)
```

Similar Colors

Text with hexadecimal color #2d4b86

This text has a font color of #2d4b86.

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

#2d4b86 background color

This paragraph has a background color of #2d4b86.

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

#2d4b86 border color

This element has a border color of #2d4b86.

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

CSS codes

.text {color:#2d4b86;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060911
```
#060911 rgb(6,9,17)
```
#0a111f
```
#0a111f rgb(10,17,31)
```
#0f1a2e
```
#0f1a2e rgb(15,26,46)
```
#14223d
```
#14223d rgb(20,34,61)
```
#192a4b
```
#192a4b rgb(25,42,75)
```
#1e325a
```
#1e325a rgb(30,50,90)
```
#233b69
```
#233b69 rgb(35,59,105)
```
#284377
```
#284377 rgb(40,67,119)
```
#2d4b86
```
#2d4b86 rgb(45,75,134)
```
#325395
```
#325395 rgb(50,83,149)
```
#375ba3
```
#375ba3 rgb(55,91,163)
```
#3c64b2
```
#3c64b2 rgb(60,100,178)
```

Shade Color Variation

#426cc0
```
#426cc0 rgb(66,108,192)
```
#5178c4
```
#5178c4 rgb(81,120,196)
```
#5f83c9
```
#5f83c9 rgb(95,131,201)
```
#6e8ece
```
#6e8ece rgb(110,142,206)
```
#7d9ad3
```
#7d9ad3 rgb(125,154,211)
```
#8ba5d8
```
#8ba5d8 rgb(139,165,216)
```
#9ab1dd
```
#9ab1dd rgb(154,177,221)
```
#a9bce2
```
#a9bce2 rgb(169,188,226)
```
#b7c7e7
```
#b7c7e7 rgb(183,199,231)
```
#c6d3ec
```
#c6d3ec rgb(198,211,236)
```
#d5def1
```
#d5def1 rgb(213,222,241)
```
#e3eaf6
```
#e3eaf6 rgb(227,234,246)
```
#f2f5fb
```
#f2f5fb rgb(242,245,251)
```

Tint Color Variation

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

#56585d
```
#56585d rgb(86,88,93)
```
#4f5664
```
#4f5664 rgb(79,86,100)
```
#49546a
```
#49546a rgb(73,84,106)
```
#425271
```
#425271 rgb(66,82,113)
```
#3b4f78
```
#3b4f78 rgb(59,79,120)
```
#344d7f
```
#344d7f rgb(52,77,127)
```
#2d4b86
```
#2d4b86 rgb(45,75,134)
```
#26498d
```
#26498d rgb(38,73,141)
```
#1f4794
```
#1f4794 rgb(31,71,148)
```
#18449b
```
#18449b rgb(24,68,155)
```
#1142a2
```
#1142a2 rgb(17,66,162)
```
#0b40a8
```
#0b40a8 rgb(11,64,168)
```
#043eaf
```
#043eaf rgb(4,62,175)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#434955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a538b Protanopia 1% of men
#28568b Deuteranopia 1% of men
#175d64 Tritanopia 0.001% of the population

Trichromacy

#355089 Protanomaly 1% of men, 0.01% of women
#2a5289 Deuteranomaly 6% of men, 0.4% of women
#1f5670 Tritanomaly 0.01% of the population