#2d599e hex color

In a RGB color space, hex #2d599e is composed of 17.6% red, 34.9% green and 62% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 43.7% magenta, 0% yellow and 38% black. It has a hue angle of 216.6 degrees, a saturation of 55.7% and a lightness of 39.8%. #2d599e color hex could be obtained by blending #5ab2ff with #00003d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 35
- B 62
RGB color chart
- C 72
- M 44
- Y 0
- K 38
CMYK color chart

● #2d599e color description : Dark blue.

The hexadecimal color #2d599e has RGB values of R:45, G:89, B:158 and CMYK values of C:0.72, M:0.44, Y:0, K:0.38. Its decimal value is 2972062.

Hex triplet	2d599e	`#2d599e`
RGB Decimal	45, 89, 158	`rgb(45,89,158)`
RGB Percent	17.6, 34.9, 62	`rgb(17.6%,34.9%,62%)`
CMYK	72, 44, 0, 38
HSL	216.6°, 55.7, 39.8	`hsl(216.6,55.7%,39.8%)`
HSV (or HSB)	216.6°, 71.5, 62
Web Safe	336699	`#336699`

CIE-LAB	38.147, 8.97, -41.981
XYZ	10.825, 10.171, 33.739
xyY	0.198, 0.186, 10.171
CIE-LCH	38.147, 42.929, 282.061
CIE-LUV	38.147, -16.96, -60.698
Hunter-Lab	31.891, 4.778, -40.4
Binary	00101101, 01011001, 10011110

#2d599e
```
#2d599e rgb(45,89,158)
```
#9e722d
```
#9e722d rgb(158,114,45)
```

Complementary Color

#2d929e
```
#2d929e rgb(45,146,158)
```
#2d599e
```
#2d599e rgb(45,89,158)
```
#3a2d9e
```
#3a2d9e rgb(58,45,158)
```

Analogous Color

#929e2d
```
#929e2d rgb(146,158,45)
```
#2d599e
```
#2d599e rgb(45,89,158)
```
#9e3a2d
```
#9e3a2d rgb(158,58,45)
```

Split Complementary Color

#599e2d
```
#599e2d rgb(89,158,45)
```
#2d599e
```
#2d599e rgb(45,89,158)
```
#9e2d59
```
#9e2d59 rgb(158,45,89)
```

Triadic Color

#2d9e72
```
#2d9e72 rgb(45,158,114)
```
#2d599e
```
#2d599e rgb(45,89,158)
```
#9e2d59
```
#9e2d59 rgb(158,45,89)
```
#9e722d
```
#9e722d rgb(158,114,45)
```

Tetradic Color

#1c3762
```
#1c3762 rgb(28,55,98)
```
#224376
```
#224376 rgb(34,67,118)
```
#274e8a
```
#274e8a rgb(39,78,138)
```
#2d599e
```
#2d599e rgb(45,89,158)
```
#3364b2
```
#3364b2 rgb(51,100,178)
```
#386fc6
```
#386fc6 rgb(56,111,198)
```
#4c7ecc
```
#4c7ecc rgb(76,126,204)
```

Monochromatic Color

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

#2d759e
```
#2d759e rgb(45,117,158)
```
#2d6c9e
```
#2d6c9e rgb(45,108,158)
```
#2d629e
```
#2d629e rgb(45,98,158)
```
#2d599e
```
#2d599e rgb(45,89,158)
```
#2d509e
```
#2d509e rgb(45,80,158)
```
#2d469e
```
#2d469e rgb(45,70,158)
```
#2d3d9e
```
#2d3d9e rgb(45,61,158)
```

Similar Colors

Text with hexadecimal color #2d599e

This text has a font color of #2d599e.

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

#2d599e background color

This paragraph has a background color of #2d599e.

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

#2d599e border color

This element has a border color of #2d599e.

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

CSS codes

.text {color:#2d599e;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060c15
```
#060c15 rgb(6,12,21)
```
#0a1424
```
#0a1424 rgb(10,20,36)
```
#0f1d33
```
#0f1d33 rgb(15,29,51)
```
#132542
```
#132542 rgb(19,37,66)
```
#172e52
```
#172e52 rgb(23,46,82)
```
#1c3761
```
#1c3761 rgb(28,55,97)
```
#203f70
```
#203f70 rgb(32,63,112)
```
#24487f
```
#24487f rgb(36,72,127)
```
#29508f
```
#29508f rgb(41,80,143)
```
#2d599e
```
#2d599e rgb(45,89,158)
```
#3162ad
```
#3162ad rgb(49,98,173)
```
#366abd
```
#366abd rgb(54,106,189)
```

Shade Color Variation

#3e74c8
```
#3e74c8 rgb(62,116,200)
```
#4d7fcc
```
#4d7fcc rgb(77,127,204)
```
#5c8ad1
```
#5c8ad1 rgb(92,138,209)
```
#6c95d5
```
#6c95d5 rgb(108,149,213)
```
#7ba0d9
```
#7ba0d9 rgb(123,160,217)
```
#8aabde
```
#8aabde rgb(138,171,222)
```
#99b6e2
```
#99b6e2 rgb(153,182,226)
```
#a9c1e6
```
#a9c1e6 rgb(169,193,230)
```
#b8cceb
```
#b8cceb rgb(184,204,235)
```
#c7d7ef
```
#c7d7ef rgb(199,215,239)
```
#d7e2f3
```
#d7e2f3 rgb(215,226,243)
```
#e6edf8
```
#e6edf8 rgb(230,237,248)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

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

#646567
```
#646567 rgb(100,101,103)
```
#5c636f
```
#5c636f rgb(92,99,111)
```
#546277
```
#546277 rgb(84,98,119)
```
#4c607f
```
#4c607f rgb(76,96,127)
```
#445e87
```
#445e87 rgb(68,94,135)
```
#3d5c8e
```
#3d5c8e rgb(61,92,142)
```
#355b96
```
#355b96 rgb(53,91,150)
```
#2d599e
```
#2d599e rgb(45,89,158)
```
#2557a6
```
#2557a6 rgb(37,87,166)
```
#1d56ae
```
#1d56ae rgb(29,86,174)
```
#1654b5
```
#1654b5 rgb(22,84,181)
```
#0e52bd
```
#0e52bd rgb(14,82,189)
```
#0650c5
```
#0650c5 rgb(6,80,197)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c5563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4260a1 Protanopia 1% of men
#2763a2 Deuteranopia 1% of men
#006b73 Tritanopia 0.001% of the population

Trichromacy

#3a5da0 Protanomaly 1% of men, 0.01% of women
#295fa0 Deuteranomaly 6% of men, 0.4% of women
#106582 Tritanomaly 0.01% of the population

#2d599e hex color

#2d599e Color Information

#2d599e Color Conversion

Color Schemes with #2d599e

Alternatives to #2d599e

#2d599e Preview

Shades and Tints of #2d599e

Tones of #2d599e

Color Blindness Simulator