#2d5093 hex color

In a RGB color space, hex #2d5093 is composed of 17.6% red, 31.4% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 45.6% magenta, 0% yellow and 42.4% black. It has a hue angle of 219.4 degrees, a saturation of 53.1% and a lightness of 37.6%. #2d5093 color hex could be obtained by blending #5aa0ff 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

● #2d5093 color description : Dark moderate blue.

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

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

CIE-LAB	34.805, 10.721, -40.696
XYZ	9.216, 8.401, 28.738
xyY	0.199, 0.181, 8.401
CIE-LCH	34.805, 42.085, 284.758
CIE-LUV	34.805, -14.193, -57.417
Hunter-Lab	28.985, 6.033, -38.496
Binary	00101101, 01010000, 10010011

#2d5093
```
#2d5093 rgb(45,80,147)
```
#93702d
```
#93702d rgb(147,112,45)
```

Complementary Color

#2d8393
```
#2d8393 rgb(45,131,147)
```
#2d5093
```
#2d5093 rgb(45,80,147)
```
#3d2d93
```
#3d2d93 rgb(61,45,147)
```

Analogous Color

#83932d
```
#83932d rgb(131,147,45)
```
#2d5093
```
#2d5093 rgb(45,80,147)
```
#933d2d
```
#933d2d rgb(147,61,45)
```

Split Complementary Color

#50932d
```
#50932d rgb(80,147,45)
```
#2d5093
```
#2d5093 rgb(45,80,147)
```
#932d50
```
#932d50 rgb(147,45,80)
```

Triadic Color

#2d9370
```
#2d9370 rgb(45,147,112)
```
#2d5093
```
#2d5093 rgb(45,80,147)
```
#932d50
```
#932d50 rgb(147,45,80)
```
#93702d
```
#93702d rgb(147,112,45)
```

Tetradic Color

#1b3058
```
#1b3058 rgb(27,48,88)
```
#213b6c
```
#213b6c rgb(33,59,108)
```
#27457f
```
#27457f rgb(39,69,127)
```
#2d5093
```
#2d5093 rgb(45,80,147)
```
#335ba7
```
#335ba7 rgb(51,91,167)
```
#3965ba
```
#3965ba rgb(57,101,186)
```
#4672c6
```
#4672c6 rgb(70,114,198)
```

Monochromatic Color

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

#2d6a93
```
#2d6a93 rgb(45,106,147)
```
#2d6193
```
#2d6193 rgb(45,97,147)
```
#2d5993
```
#2d5993 rgb(45,89,147)
```
#2d5093
```
#2d5093 rgb(45,80,147)
```
#2d4893
```
#2d4893 rgb(45,72,147)
```
#2d3f93
```
#2d3f93 rgb(45,63,147)
```
#2d3793
```
#2d3793 rgb(45,55,147)
```

Similar Colors

Text with hexadecimal color #2d5093

This text has a font color of #2d5093.

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

#2d5093 background color

This paragraph has a background color of #2d5093.

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

#2d5093 border color

This element has a border color of #2d5093.

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

CSS codes

.text {color:#2d5093;}

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

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

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)
```
#080f1b
```
#080f1b rgb(8,15,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)
```
#244075
```
#244075 rgb(36,64,117)
```
#284884
```
#284884 rgb(40,72,132)
```
#2d5093
```
#2d5093 rgb(45,80,147)
```
#3258a2
```
#3258a2 rgb(50,88,162)
```
#3660b1
```
#3660b1 rgb(54,96,177)
```
#3b69c0
```
#3b69c0 rgb(59,105,192)
```

Shade Color Variation

#4873c7
```
#4873c7 rgb(72,115,199)
```
#577fcb
```
#577fcb rgb(87,127,203)
```
#668ad0
```
#668ad0 rgb(102,138,208)
```
#7596d5
```
#7596d5 rgb(117,150,213)
```
#84a1d9
```
#84a1d9 rgb(132,161,217)
```
#93acde
```
#93acde rgb(147,172,222)
```
#a2b8e2
```
#a2b8e2 rgb(162,184,226)
```
#b1c3e7
```
#b1c3e7 rgb(177,195,231)
```
#c0cfec
```
#c0cfec rgb(192,207,236)
```
#cfdaf0
```
#cfdaf0 rgb(207,218,240)
```
#dee6f5
```
#dee6f5 rgb(222,230,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 #0142bf is the most saturated one.

#595e67
```
#595e67 rgb(89,94,103)
```
#525c6e
```
#525c6e rgb(82,92,110)
```
#4b5975
```
#4b5975 rgb(75,89,117)
```
#43577d
```
#43577d rgb(67,87,125)
```
#3c5584
```
#3c5584 rgb(60,85,132)
```
#34528c
```
#34528c rgb(52,82,140)
```
#2d5093
```
#2d5093 rgb(45,80,147)
```
#264e9a
```
#264e9a rgb(38,78,154)
```
#1e4ba2
```
#1e4ba2 rgb(30,75,162)
```
#1749a9
```
#1749a9 rgb(23,73,169)
```
#0f47b1
```
#0f47b1 rgb(15,71,177)
```
#0844b8
```
#0844b8 rgb(8,68,184)
```
#0142bf
```
#0142bf rgb(1,66,191)
```

Tone Color Variation

Below, you can see how #2d5093 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
#474e5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a5898 Protanopia 1% of men
#1e5c97 Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#355596 Protanomaly 1% of men, 0.01% of women
#235795 Deuteranomaly 6% of men, 0.4% of women
#105c79 Tritanomaly 0.01% of the population

#2d5093 hex color

#2d5093 Color Information

#2d5093 Color Conversion

Color Schemes with #2d5093

Alternatives to #2d5093

#2d5093 Preview

Shades and Tints of #2d5093

Tones of #2d5093

Color Blindness Simulator