#2d5e93 hex color

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

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

● #2d5e93 color description : Dark moderate blue.

The hexadecimal color #2d5e93 has RGB values of R:45, G:94, B:147 and CMYK values of C:0.69, M:0.36, Y:0, K:0.42. Its decimal value is 2973331.

Hex triplet	2d5e93	`#2d5e93`
RGB Decimal	45, 94, 147	`rgb(45,94,147)`
RGB Percent	17.6, 36.9, 57.6	`rgb(17.6%,36.9%,57.6%)`
CMYK	69, 36, 0, 42
HSL	211.2°, 53.1, 37.6	`hsl(211.2,53.1%,37.6%)`
HSV (or HSB)	211.2°, 69.4, 57.6
Web Safe	336699	`#336699`

CIE-LAB	39.018, 1.621, -33.993
XYZ	10.35, 10.669, 29.116
xyY	0.206, 0.213, 10.669
CIE-LCH	39.018, 34.032, 272.731
CIE-LUV	39.018, -18.873, -48.58
Hunter-Lab	32.664, -0.6, -29.986
Binary	00101101, 01011110, 10010011

#2d5e93
```
#2d5e93 rgb(45,94,147)
```
#93622d
```
#93622d rgb(147,98,45)
```

Complementary Color

#2d9193
```
#2d9193 rgb(45,145,147)
```
#2d5e93
```
#2d5e93 rgb(45,94,147)
```
#2f2d93
```
#2f2d93 rgb(47,45,147)
```

Analogous Color

#91932d
```
#91932d rgb(145,147,45)
```
#2d5e93
```
#2d5e93 rgb(45,94,147)
```
#932f2d
```
#932f2d rgb(147,47,45)
```

Split Complementary Color

#5e932d
```
#5e932d rgb(94,147,45)
```
#2d5e93
```
#2d5e93 rgb(45,94,147)
```
#932d5e
```
#932d5e rgb(147,45,94)
```

Triadic Color

#2d9362
```
#2d9362 rgb(45,147,98)
```
#2d5e93
```
#2d5e93 rgb(45,94,147)
```
#932d5e
```
#932d5e rgb(147,45,94)
```
#93622d
```
#93622d rgb(147,98,45)
```

Tetradic Color

#1b3958
```
#1b3958 rgb(27,57,88)
```
#21456c
```
#21456c rgb(33,69,108)
```
#27527f
```
#27527f rgb(39,82,127)
```
#2d5e93
```
#2d5e93 rgb(45,94,147)
```
#336aa7
```
#336aa7 rgb(51,106,167)
```
#3977ba
```
#3977ba rgb(57,119,186)
```
#4684c6
```
#4684c6 rgb(70,132,198)
```

Monochromatic Color

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

#2d7893
```
#2d7893 rgb(45,120,147)
```
#2d6f93
```
#2d6f93 rgb(45,111,147)
```
#2d6793
```
#2d6793 rgb(45,103,147)
```
#2d5e93
```
#2d5e93 rgb(45,94,147)
```
#2d5693
```
#2d5693 rgb(45,86,147)
```
#2d4d93
```
#2d4d93 rgb(45,77,147)
```
#2d4593
```
#2d4593 rgb(45,69,147)
```

Similar Colors

Text with hexadecimal color #2d5e93

This text has a font color of #2d5e93.

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

#2d5e93 background color

This paragraph has a background color of #2d5e93.

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

#2d5e93 border color

This element has a border color of #2d5e93.

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

CSS codes

.text {color:#2d5e93;}

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

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

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

#04080c
```
#04080c rgb(4,8,12)
```
#08111b
```
#08111b rgb(8,17,27)
```
#0d1b2a
```
#0d1b2a rgb(13,27,42)
```
#112439
```
#112439 rgb(17,36,57)
```
#162e48
```
#162e48 rgb(22,46,72)
```
#1b3857
```
#1b3857 rgb(27,56,87)
```
#1f4166
```
#1f4166 rgb(31,65,102)
```
#244b75
```
#244b75 rgb(36,75,117)
```
#285484
```
#285484 rgb(40,84,132)
```
#2d5e93
```
#2d5e93 rgb(45,94,147)
```
#3268a2
```
#3268a2 rgb(50,104,162)
```
#3671b1
```
#3671b1 rgb(54,113,177)
```
#3b7bc0
```
#3b7bc0 rgb(59,123,192)
```

Shade Color Variation

#4885c7
```
#4885c7 rgb(72,133,199)
```
#578fcb
```
#578fcb rgb(87,143,203)
```
#6699d0
```
#6699d0 rgb(102,153,208)
```
#75a3d5
```
#75a3d5 rgb(117,163,213)
```
#84add9
```
#84add9 rgb(132,173,217)
```
#93b7de
```
#93b7de rgb(147,183,222)
```
#a2c1e2
```
#a2c1e2 rgb(162,193,226)
```
#b1cbe7
```
#b1cbe7 rgb(177,203,231)
```
#c0d5ec
```
#c0d5ec rgb(192,213,236)
```
#cfdff0
```
#cfdff0 rgb(207,223,240)
```
#dee9f5
```
#dee9f5 rgb(222,233,245)
```
#edf3f9
```
#edf3f9 rgb(237,243,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #596067 is the less saturated color, while #015cbf is the most saturated one.

#596067
```
#596067 rgb(89,96,103)
```
#525f6e
```
#525f6e rgb(82,95,110)
```
#4b5f75
```
#4b5f75 rgb(75,95,117)
```
#435f7d
```
#435f7d rgb(67,95,125)
```
#3c5f84
```
#3c5f84 rgb(60,95,132)
```
#345e8c
```
#345e8c rgb(52,94,140)
```
#2d5e93
```
#2d5e93 rgb(45,94,147)
```
#265e9a
```
#265e9a rgb(38,94,154)
```
#1e5da2
```
#1e5da2 rgb(30,93,162)
```
#175da9
```
#175da9 rgb(23,93,169)
```
#0f5db1
```
#0f5db1 rgb(15,93,177)
```
#085db8
```
#085db8 rgb(8,93,184)
```
#015cbf
```
#015cbf rgb(1,92,191)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#506295 Protanopia 1% of men
#436499 Deuteranopia 1% of men
#156d75 Tritanopia 0.001% of the population

Trichromacy

#436094 Protanomaly 1% of men, 0.01% of women
#3b6297 Deuteranomaly 6% of men, 0.4% of women
#1d6880 Tritanomaly 0.01% of the population

#2d5e93 hex color

#2d5e93 Color Information

#2d5e93 Color Conversion

Color Schemes with #2d5e93

Alternatives to #2d5e93

#2d5e93 Preview

Shades and Tints of #2d5e93

Tones of #2d5e93

Color Blindness Simulator