#2d4963 hex color

In a RGB color space, hex #2d4963 is composed of 17.6% red, 28.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 26.3% magenta, 0% yellow and 61.2% black. It has a hue angle of 208.9 degrees, a saturation of 37.5% and a lightness of 28.2%. #2d4963 color hex could be obtained by blending #5a92c6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 29
- B 39
RGB color chart
- C 55
- M 26
- Y 0
- K 61
CMYK color chart

● #2d4963 color description : Very dark desaturated blue.

The hexadecimal color #2d4963 has RGB values of R:45, G:73, B:99 and CMYK values of C:0.55, M:0.26, Y:0, K:0.61. Its decimal value is 2967907.

Hex triplet	2d4963	`#2d4963`
RGB Decimal	45, 73, 99	`rgb(45,73,99)`
RGB Percent	17.6, 28.6, 38.8	`rgb(17.6%,28.6%,38.8%)`
CMYK	55, 26, 0, 61
HSL	208.9°, 37.5, 28.2	`hsl(208.9,37.5%,28.2%)`
HSV (or HSB)	208.9°, 54.5, 38.8
Web Safe	333366	`#333366`

CIE-LAB	29.97, -2.247, -18.471
XYZ	5.716, 6.224, 12.704
xyY	0.232, 0.253, 6.224
CIE-LCH	29.97, 18.607, 263.065
CIE-LUV	29.97, -12.14, -23.388
Hunter-Lab	24.947, -2.756, -12.729
Binary	00101101, 01001001, 01100011

#2d4963
```
#2d4963 rgb(45,73,99)
```
#63472d
```
#63472d rgb(99,71,45)
```

Complementary Color

#2d6362
```
#2d6362 rgb(45,99,98)
```
#2d4963
```
#2d4963 rgb(45,73,99)
```
#2d2e63
```
#2d2e63 rgb(45,46,99)
```

Analogous Color

#63622d
```
#63622d rgb(99,98,45)
```
#2d4963
```
#2d4963 rgb(45,73,99)
```
#632d2e
```
#632d2e rgb(99,45,46)
```

Split Complementary Color

#49632d
```
#49632d rgb(73,99,45)
```
#2d4963
```
#2d4963 rgb(45,73,99)
```
#632d49
```
#632d49 rgb(99,45,73)
```

Triadic Color

#2d6347
```
#2d6347 rgb(45,99,71)
```
#2d4963
```
#2d4963 rgb(45,73,99)
```
#632d49
```
#632d49 rgb(99,45,73)
```
#63472d
```
#63472d rgb(99,71,45)
```

Tetradic Color

#15222e
```
#15222e rgb(21,34,46)
```
#1d2f40
```
#1d2f40 rgb(29,47,64)
```
#253c51
```
#253c51 rgb(37,60,81)
```
#2d4963
```
#2d4963 rgb(45,73,99)
```
#355675
```
#355675 rgb(53,86,117)
```
#3d6386
```
#3d6386 rgb(61,99,134)
```
#457098
```
#457098 rgb(69,112,152)
```

Monochromatic Color

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

#2d5763
```
#2d5763 rgb(45,87,99)
```
#2d5263
```
#2d5263 rgb(45,82,99)
```
#2d4e63
```
#2d4e63 rgb(45,78,99)
```
#2d4963
```
#2d4963 rgb(45,73,99)
```
#2d4563
```
#2d4563 rgb(45,69,99)
```
#2d4063
```
#2d4063 rgb(45,64,99)
```
#2d3c63
```
#2d3c63 rgb(45,60,99)
```

Similar Colors

Text with hexadecimal color #2d4963

This text has a font color of #2d4963.

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

#2d4963 background color

This paragraph has a background color of #2d4963.

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

#2d4963 border color

This element has a border color of #2d4963.

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

CSS codes

.text {color:#2d4963;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080d12
```
#080d12 rgb(8,13,18)
```
#0e1720
```
#0e1720 rgb(14,23,32)
```
#14212d
```
#14212d rgb(20,33,45)
```
#1b2b3b
```
#1b2b3b rgb(27,43,59)
```
#213548
```
#213548 rgb(33,53,72)
```
#273f56
```
#273f56 rgb(39,63,86)
```
#2d4963
```
#2d4963 rgb(45,73,99)
```
#335370
```
#335370 rgb(51,83,112)
```
#395d7e
```
#395d7e rgb(57,93,126)
```
#3f678b
```
#3f678b rgb(63,103,139)
```
#467199
```
#467199 rgb(70,113,153)
```
#4c7ba6
```
#4c7ba6 rgb(76,123,166)
```

Shade Color Variation

#5485b1
```
#5485b1 rgb(84,133,177)
```
#628eb8
```
#628eb8 rgb(98,142,184)
```
#6f98be
```
#6f98be rgb(111,152,190)
```
#7da2c4
```
#7da2c4 rgb(125,162,196)
```
#8aabca
```
#8aabca rgb(138,171,202)
```
#98b5d0
```
#98b5d0 rgb(152,181,208)
```
#a5bfd6
```
#a5bfd6 rgb(165,191,214)
```
#b3c8dc
```
#b3c8dc rgb(179,200,220)
```
#c0d2e2
```
#c0d2e2 rgb(192,210,226)
```
#cedce9
```
#cedce9 rgb(206,220,233)
```
#dbe5ef
```
#dbe5ef rgb(219,229,239)
```
#e9eff5
```
#e9eff5 rgb(233,239,245)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#43484d
```
#43484d rgb(67,72,77)
```
#3e4852
```
#3e4852 rgb(62,72,82)
```
#384958
```
#384958 rgb(56,73,88)
```
#33495d
```
#33495d rgb(51,73,93)
```
#2d4963
```
#2d4963 rgb(45,73,99)
```
#274969
```
#274969 rgb(39,73,105)
```
#22496e
```
#22496e rgb(34,73,110)
```
#1c4a74
```
#1c4a74 rgb(28,74,116)
```
#174a79
```
#174a79 rgb(23,74,121)
```
#114a7f
```
#114a7f rgb(17,74,127)
```
#0c4a84
```
#0c4a84 rgb(12,74,132)
```
#064a8a
```
#064a8a rgb(6,74,138)
```
#014b8f
```
#014b8f rgb(1,75,143)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f454a Atypical Achromatopsia 0.001% of the population

Dichromacy

#484f68 Protanopia 1% of men
#464f6c Deuteranopia 1% of men
#31555b Tritanopia 0.001% of the population

Trichromacy

#3e4c66 Protanomaly 1% of men, 0.01% of women
#3c4d68 Deuteranomaly 6% of men, 0.4% of women
#2f505e Tritanomaly 0.01% of the population

#2d4963 hex color

#2d4963 Color Information

#2d4963 Color Conversion

Color Schemes with #2d4963

Alternatives to #2d4963

#2d4963 Preview

Shades and Tints of #2d4963

Tones of #2d4963

Color Blindness Simulator