#2d4f93 hex color

In a RGB color space, hex #2d4f93 is composed of 17.6% red, 31% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 46.3% magenta, 0% yellow and 42.4% black. It has a hue angle of 220 degrees, a saturation of 53.1% and a lightness of 37.6%. #2d4f93 color hex could be obtained by blending #5a9eff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 31
- B 58
RGB color chart
- C 69
- M 46
- Y 0
- K 42
CMYK color chart

● #2d4f93 color description : Dark moderate blue.

The hexadecimal color #2d4f93 has RGB values of R:45, G:79, B:147 and CMYK values of C:0.69, M:0.46, Y:0, K:0.42. Its decimal value is 2969491.

Hex triplet	2d4f93	`#2d4f93`
RGB Decimal	45, 79, 147	`rgb(45,79,147)`
RGB Percent	17.6, 31, 57.6	`rgb(17.6%,31%,57.6%)`
CMYK	69, 46, 0, 42
HSL	220°, 53.1, 37.6	`hsl(220,53.1%,37.6%)`
HSV (or HSB)	220°, 69.4, 57.6
Web Safe	336699	`#336699`

CIE-LAB	34.51, 11.385, -41.168
XYZ	9.143, 8.256, 28.714
xyY	0.198, 0.179, 8.256
CIE-LCH	34.51, 42.714, 285.459
CIE-LUV	34.51, -13.876, -57.983
Hunter-Lab	28.733, 6.52, -39.137
Binary	00101101, 01001111, 10010011

#2d4f93
```
#2d4f93 rgb(45,79,147)
```
#93712d
```
#93712d rgb(147,113,45)
```

Complementary Color

#2d8293
```
#2d8293 rgb(45,130,147)
```
#2d4f93
```
#2d4f93 rgb(45,79,147)
```
#3e2d93
```
#3e2d93 rgb(62,45,147)
```

Analogous Color

#82932d
```
#82932d rgb(130,147,45)
```
#2d4f93
```
#2d4f93 rgb(45,79,147)
```
#933e2d
```
#933e2d rgb(147,62,45)
```

Split Complementary Color

#4f932d
```
#4f932d rgb(79,147,45)
```
#2d4f93
```
#2d4f93 rgb(45,79,147)
```
#932d4f
```
#932d4f rgb(147,45,79)
```

Triadic Color

#2d9371
```
#2d9371 rgb(45,147,113)
```
#2d4f93
```
#2d4f93 rgb(45,79,147)
```
#932d4f
```
#932d4f rgb(147,45,79)
```
#93712d
```
#93712d rgb(147,113,45)
```

Tetradic Color

#1b3058
```
#1b3058 rgb(27,48,88)
```
#213a6c
```
#213a6c rgb(33,58,108)
```
#27457f
```
#27457f rgb(39,69,127)
```
#2d4f93
```
#2d4f93 rgb(45,79,147)
```
#3359a7
```
#3359a7 rgb(51,89,167)
```
#3964ba
```
#3964ba rgb(57,100,186)
```
#4671c6
```
#4671c6 rgb(70,113,198)
```

Monochromatic Color

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

#2d6993
```
#2d6993 rgb(45,105,147)
```
#2d6093
```
#2d6093 rgb(45,96,147)
```
#2d5893
```
#2d5893 rgb(45,88,147)
```
#2d4f93
```
#2d4f93 rgb(45,79,147)
```
#2d4793
```
#2d4793 rgb(45,71,147)
```
#2d3e93
```
#2d3e93 rgb(45,62,147)
```
#2d3693
```
#2d3693 rgb(45,54,147)
```

Similar Colors

Text with hexadecimal color #2d4f93

This text has a font color of #2d4f93.

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

#2d4f93 background color

This paragraph has a background color of #2d4f93.

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

#2d4f93 border color

This element has a border color of #2d4f93.

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

CSS codes

.text {color:#2d4f93;}

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

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

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, #04060c is the darkest color, while #fcfdfe is the lightest one.

#04060c
```
#04060c rgb(4,6,12)
```
#080e1b
```
#080e1b rgb(8,14,27)
```
#0d172a
```
#0d172a rgb(13,23,42)
```
#111f39
```
#111f39 rgb(17,31,57)
```
#162748
```
#162748 rgb(22,39,72)
```
#1b2f57
```
#1b2f57 rgb(27,47,87)
```
#1f3766
```
#1f3766 rgb(31,55,102)
```
#243f75
```
#243f75 rgb(36,63,117)
```
#284784
```
#284784 rgb(40,71,132)
```
#2d4f93
```
#2d4f93 rgb(45,79,147)
```
#3257a2
```
#3257a2 rgb(50,87,162)
```
#365fb1
```
#365fb1 rgb(54,95,177)
```
#3b67c0
```
#3b67c0 rgb(59,103,192)
```

Shade Color Variation

#4872c7
```
#4872c7 rgb(72,114,199)
```
#577ecb
```
#577ecb rgb(87,126,203)
```
#6689d0
```
#6689d0 rgb(102,137,208)
```
#7595d5
```
#7595d5 rgb(117,149,213)
```
#84a0d9
```
#84a0d9 rgb(132,160,217)
```
#93acde
```
#93acde rgb(147,172,222)
```
#a2b7e2
```
#a2b7e2 rgb(162,183,226)
```
#b1c3e7
```
#b1c3e7 rgb(177,195,231)
```
#c0ceec
```
#c0ceec rgb(192,206,236)
```
#cfdaf0
```
#cfdaf0 rgb(207,218,240)
```
#dee5f5
```
#dee5f5 rgb(222,229,245)
```
#edf1f9
```
#edf1f9 rgb(237,241,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595e67 is the less saturated color, while #0140bf is the most saturated one.

#595e67
```
#595e67 rgb(89,94,103)
```
#525b6e
```
#525b6e rgb(82,91,110)
```
#4b5975
```
#4b5975 rgb(75,89,117)
```
#43567d
```
#43567d rgb(67,86,125)
```
#3c5484
```
#3c5484 rgb(60,84,132)
```
#34518c
```
#34518c rgb(52,81,140)
```
#2d4f93
```
#2d4f93 rgb(45,79,147)
```
#264d9a
```
#264d9a rgb(38,77,154)
```
#1e4aa2
```
#1e4aa2 rgb(30,74,162)
```
#1748a9
```
#1748a9 rgb(23,72,169)
```
#0f45b1
```
#0f45b1 rgb(15,69,177)
```
#0843b8
```
#0843b8 rgb(8,67,184)
```
#0140bf
```
#0140bf rgb(1,64,191)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#385898 Protanopia 1% of men
#195b97 Deuteranopia 1% of men
#00626a Tritanopia 0.001% of the population

Trichromacy

#345496 Protanomaly 1% of men, 0.01% of women
#205695 Deuteranomaly 6% of men, 0.4% of women
#105b78 Tritanomaly 0.01% of the population

#2d4f93 hex color

#2d4f93 Color Information

#2d4f93 Color Conversion

Color Schemes with #2d4f93

Alternatives to #2d4f93

#2d4f93 Preview

Shades and Tints of #2d4f93

Tones of #2d4f93

Color Blindness Simulator