#2d4f75 hex color

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

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

● #2d4f75 color description : Dark moderate blue.

The hexadecimal color #2d4f75 has RGB values of R:45, G:79, B:117 and CMYK values of C:0.62, M:0.32, Y:0, K:0.54. Its decimal value is 2969461.

Hex triplet	2d4f75	`#2d4f75`
RGB Decimal	45, 79, 117	`rgb(45,79,117)`
RGB Percent	17.6, 31, 45.9	`rgb(17.6%,31%,45.9%)`
CMYK	62, 32, 0, 54
HSL	211.7°, 44.4, 31.8	`hsl(211.7,44.4%,31.8%)`
HSV (or HSB)	211.7°, 61.5, 45.9
Web Safe	336666	`#336666`

CIE-LAB	32.775, 0.225, -25.448
XYZ	7.088, 7.434, 17.89
xyY	0.219, 0.229, 7.434
CIE-LCH	32.775, 25.449, 270.507
CIE-LUV	32.775, -14.166, -34.068
Hunter-Lab	27.265, -1.307, -19.818
Binary	00101101, 01001111, 01110101

#2d4f75
```
#2d4f75 rgb(45,79,117)
```
#75532d
```
#75532d rgb(117,83,45)
```

Complementary Color

#2d7375
```
#2d7375 rgb(45,115,117)
```
#2d4f75
```
#2d4f75 rgb(45,79,117)
```
#2f2d75
```
#2f2d75 rgb(47,45,117)
```

Analogous Color

#73752d
```
#73752d rgb(115,117,45)
```
#2d4f75
```
#2d4f75 rgb(45,79,117)
```
#752f2d
```
#752f2d rgb(117,47,45)
```

Split Complementary Color

#4f752d
```
#4f752d rgb(79,117,45)
```
#2d4f75
```
#2d4f75 rgb(45,79,117)
```
#752d4f
```
#752d4f rgb(117,45,79)
```

Triadic Color

#2d7553
```
#2d7553 rgb(45,117,83)
```
#2d4f75
```
#2d4f75 rgb(45,79,117)
```
#752d4f
```
#752d4f rgb(117,45,79)
```
#75532d
```
#75532d rgb(117,83,45)
```

Tetradic Color

#182a3e
```
#182a3e rgb(24,42,62)
```
#1f3650
```
#1f3650 rgb(31,54,80)
```
#264363
```
#264363 rgb(38,67,99)
```
#2d4f75
```
#2d4f75 rgb(45,79,117)
```
#345b87
```
#345b87 rgb(52,91,135)
```
#3b689a
```
#3b689a rgb(59,104,154)
```
#4274ac
```
#4274ac rgb(66,116,172)
```

Monochromatic Color

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

#2d6175
```
#2d6175 rgb(45,97,117)
```
#2d5b75
```
#2d5b75 rgb(45,91,117)
```
#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)
```

Similar Colors

Text with hexadecimal color #2d4f75

This text has a font color of #2d4f75.

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

#2d4f75 background color

This paragraph has a background color of #2d4f75.

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

#2d4f75 border color

This element has a border color of #2d4f75.

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

CSS codes

.text {color:#2d4f75;}

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

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

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 #f5f8fb is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#070c12
```
#070c12 rgb(7,12,18)
```
#0c1620
```
#0c1620 rgb(12,22,32)
```
#121f2e
```
#121f2e rgb(18,31,46)
```
#17293c
```
#17293c rgb(23,41,60)
```
#1d324b
```
#1d324b rgb(29,50,75)
```
#223c59
```
#223c59 rgb(34,60,89)
```
#284567
```
#284567 rgb(40,69,103)
```
#2d4f75
```
#2d4f75 rgb(45,79,117)
```
#325983
```
#325983 rgb(50,89,131)
```
#386291
```
#386291 rgb(56,98,145)
```
#3d6ca0
```
#3d6ca0 rgb(61,108,160)
```
#4375ae
```
#4375ae rgb(67,117,174)
```

Shade Color Variation

#4b7fba
```
#4b7fba rgb(75,127,186)
```
#5989bf
```
#5989bf rgb(89,137,191)
```
#6793c4
```
#6793c4 rgb(103,147,196)
```
#759dca
```
#759dca rgb(117,157,202)
```
#83a7cf
```
#83a7cf rgb(131,167,207)
```
#91b1d5
```
#91b1d5 rgb(145,177,213)
```
#a0bbda
```
#a0bbda rgb(160,187,218)
```
#aec5e0
```
#aec5e0 rgb(174,197,224)
```
#bccfe5
```
#bccfe5 rgb(188,207,229)
```
#cad9eb
```
#cad9eb rgb(202,217,235)
```
#d8e3f0
```
#d8e3f0 rgb(216,227,240)
```
#e6eef6
```
#e6eef6 rgb(230,238,246)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

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

#4c5156
```
#4c5156 rgb(76,81,86)
```
#46505c
```
#46505c rgb(70,80,92)
```
#405062
```
#405062 rgb(64,80,98)
```
#395069
```
#395069 rgb(57,80,105)
```
#334f6f
```
#334f6f rgb(51,79,111)
```
#2d4f75
```
#2d4f75 rgb(45,79,117)
```
#274f7b
```
#274f7b rgb(39,79,123)
```
#214e81
```
#214e81 rgb(33,78,129)
```
#1a4e88
```
#1a4e88 rgb(26,78,136)
```
#144e8e
```
#144e8e rgb(20,78,142)
```
#0e4d94
```
#0e4d94 rgb(14,77,148)
```
#084d9a
```
#084d9a rgb(8,77,154)
```
#014da1
```
#014da1 rgb(1,77,161)
```

Tone Color Variation

Below, you can see how #2d4f75 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
#434a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#495579 Protanopia 1% of men
#42567d Deuteranopia 1% of men
#2a5d63 Tritanopia 0.001% of the population

Trichromacy

#3f5278 Protanomaly 1% of men, 0.01% of women
#3a537a Deuteranomaly 6% of men, 0.4% of women
#2b586a Tritanomaly 0.01% of the population

#2d4f75 hex color

#2d4f75 Color Information

#2d4f75 Color Conversion

Color Schemes with #2d4f75

Alternatives to #2d4f75

#2d4f75 Preview

Shades and Tints of #2d4f75

Tones of #2d4f75

Color Blindness Simulator