#2d4375 hex color

In a RGB color space, hex #2d4375 is composed of 17.6% red, 26.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 42.7% magenta, 0% yellow and 54.1% black. It has a hue angle of 221.7 degrees, a saturation of 44.4% and a lightness of 31.8%. #2d4375 color hex could be obtained by blending #5a86ea with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 26
- B 46
RGB color chart
- C 62
- M 43
- Y 0
- K 54
CMYK color chart

● #2d4375 color description : Dark moderate blue.

The hexadecimal color #2d4375 has RGB values of R:45, G:67, B:117 and CMYK values of C:0.62, M:0.43, Y:0, K:0.54. Its decimal value is 2966389.

Hex triplet	2d4375	`#2d4375`
RGB Decimal	45, 67, 117	`rgb(45,67,117)`
RGB Percent	17.6, 26.3, 45.9	`rgb(17.6%,26.3%,45.9%)`
CMYK	62, 43, 0, 54
HSL	221.7°, 44.4, 31.8	`hsl(221.7,44.4%,31.8%)`
HSV (or HSB)	221.7°, 61.5, 45.9
Web Safe	333366	`#333366`

CIE-LAB	29.047, 8.178, -31.336
XYZ	6.3, 5.856, 17.627
xyY	0.212, 0.197, 5.856
CIE-LCH	29.047, 32.385, 284.627
CIE-LUV	29.047, -9.988, -41.481
Hunter-Lab	24.2, 4.117, -26.247
Binary	00101101, 01000011, 01110101

#2d4375
```
#2d4375 rgb(45,67,117)
```
#755f2d
```
#755f2d rgb(117,95,45)
```

Complementary Color

#2d6775
```
#2d6775 rgb(45,103,117)
```
#2d4375
```
#2d4375 rgb(45,67,117)
```
#3b2d75
```
#3b2d75 rgb(59,45,117)
```

Analogous Color

#67752d
```
#67752d rgb(103,117,45)
```
#2d4375
```
#2d4375 rgb(45,67,117)
```
#753b2d
```
#753b2d rgb(117,59,45)
```

Split Complementary Color

#43752d
```
#43752d rgb(67,117,45)
```
#2d4375
```
#2d4375 rgb(45,67,117)
```
#752d43
```
#752d43 rgb(117,45,67)
```

Triadic Color

#2d755f
```
#2d755f rgb(45,117,95)
```
#2d4375
```
#2d4375 rgb(45,67,117)
```
#752d43
```
#752d43 rgb(117,45,67)
```
#755f2d
```
#755f2d rgb(117,95,45)
```

Tetradic Color

#18233e
```
#18233e rgb(24,35,62)
```
#1f2e50
```
#1f2e50 rgb(31,46,80)
```
#263863
```
#263863 rgb(38,56,99)
```
#2d4375
```
#2d4375 rgb(45,67,117)
```
#344e87
```
#344e87 rgb(52,78,135)
```
#3b589a
```
#3b589a rgb(59,88,154)
```
#4263ac
```
#4263ac rgb(66,99,172)
```

Monochromatic Color

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

#2d5575
```
#2d5575 rgb(45,85,117)
```
#2d4f75
```
#2d4f75 rgb(45,79,117)
```
#2d4975
```
#2d4975 rgb(45,73,117)
```
#2d4375
```
#2d4375 rgb(45,67,117)
```
#2d3d75
```
#2d3d75 rgb(45,61,117)
```
#2d3775
```
#2d3775 rgb(45,55,117)
```
#2d3175
```
#2d3175 rgb(45,49,117)
```

Similar Colors

Text with hexadecimal color #2d4375

This text has a font color of #2d4375.

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

#2d4375 background color

This paragraph has a background color of #2d4375.

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

#2d4375 border color

This element has a border color of #2d4375.

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

CSS codes

.text {color:#2d4375;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#070a12
```
#070a12 rgb(7,10,18)
```
#0c1220
```
#0c1220 rgb(12,18,32)
```
#121a2e
```
#121a2e rgb(18,26,46)
```
#17233c
```
#17233c rgb(23,35,60)
```
#1d2b4b
```
#1d2b4b rgb(29,43,75)
```
#223359
```
#223359 rgb(34,51,89)
```
#283b67
```
#283b67 rgb(40,59,103)
```
#2d4375
```
#2d4375 rgb(45,67,117)
```
#324b83
```
#324b83 rgb(50,75,131)
```
#385391
```
#385391 rgb(56,83,145)
```
#3d5ba0
```
#3d5ba0 rgb(61,91,160)
```
#4363ae
```
#4363ae rgb(67,99,174)
```

Shade Color Variation

#4b6cba
```
#4b6cba rgb(75,108,186)
```
#5978bf
```
#5978bf rgb(89,120,191)
```
#6783c4
```
#6783c4 rgb(103,131,196)
```
#758fca
```
#758fca rgb(117,143,202)
```
#839acf
```
#839acf rgb(131,154,207)
```
#91a6d5
```
#91a6d5 rgb(145,166,213)
```
#a0b1da
```
#a0b1da rgb(160,177,218)
```
#aebde0
```
#aebde0 rgb(174,189,224)
```
#bcc8e5
```
#bcc8e5 rgb(188,200,229)
```
#cad4eb
```
#cad4eb rgb(202,212,235)
```
#d8dff0
```
#d8dff0 rgb(216,223,240)
```
#e6ebf6
```
#e6ebf6 rgb(230,235,246)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

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

#4c4f56
```
#4c4f56 rgb(76,79,86)
```
#464d5c
```
#464d5c rgb(70,77,92)
```
#404a62
```
#404a62 rgb(64,74,98)
```
#394869
```
#394869 rgb(57,72,105)
```
#33456f
```
#33456f rgb(51,69,111)
```
#2d4375
```
#2d4375 rgb(45,67,117)
```
#27417b
```
#27417b rgb(39,65,123)
```
#213e81
```
#213e81 rgb(33,62,129)
```
#1a3c88
```
#1a3c88 rgb(26,60,136)
```
#14398e
```
#14398e rgb(20,57,142)
```
#0e3794
```
#0e3794 rgb(14,55,148)
```
#08349a
```
#08349a rgb(8,52,154)
```
#0132a1
```
#0132a1 rgb(1,50,161)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3e424c Atypical Achromatopsia 0.001% of the population

Dichromacy

#384c7c Protanopia 1% of men
#2d4e7b Deuteranopia 1% of men
#24545a Tritanopia 0.001% of the population

Trichromacy

#344979 Protanomaly 1% of men, 0.01% of women
#2d4a79 Deuteranomaly 6% of men, 0.4% of women
#274e64 Tritanomaly 0.01% of the population

#2d4375 hex color

#2d4375 Color Information

#2d4375 Color Conversion

Color Schemes with #2d4375

Alternatives to #2d4375

#2d4375 Preview

Shades and Tints of #2d4375

Tones of #2d4375

Color Blindness Simulator