#2d5a9f hex color

In a RGB color space, hex #2d5a9f is composed of 17.6% red, 35.3% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 43.4% magenta, 0% yellow and 37.6% black. It has a hue angle of 216.3 degrees, a saturation of 55.9% and a lightness of 40%. #2d5a9f color hex could be obtained by blending #5ab4ff with #00003f. Closest websafe color is: #336699.

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

● #2d5a9f color description : Dark blue.

The hexadecimal color #2d5a9f has RGB values of R:45, G:90, B:159 and CMYK values of C:0.72, M:0.43, Y:0, K:0.38. Its decimal value is 2972319.

Hex triplet	2d5a9f	`#2d5a9f`
RGB Decimal	45, 90, 159	`rgb(45,90,159)`
RGB Percent	17.6, 35.3, 62.4	`rgb(17.6%,35.3%,62.4%)`
CMYK	72, 43, 0, 38
HSL	216.3°, 55.9, 40	`hsl(216.3,55.9%,40%)`
HSV (or HSB)	216.3°, 71.7, 62.4
Web Safe	336699	`#336699`

CIE-LAB	38.503, 8.698, -42.01
XYZ	10.995, 10.373, 34.222
xyY	0.198, 0.187, 10.373
CIE-LCH	38.503, 42.901, 281.697
CIE-LUV	38.503, -17.267, -60.875
Hunter-Lab	32.207, 4.576, -40.455
Binary	00101101, 01011010, 10011111

#2d5a9f
```
#2d5a9f rgb(45,90,159)
```
#9f722d
```
#9f722d rgb(159,114,45)
```

Complementary Color

#2d939f
```
#2d939f rgb(45,147,159)
```
#2d5a9f
```
#2d5a9f rgb(45,90,159)
```
#392d9f
```
#392d9f rgb(57,45,159)
```

Analogous Color

#939f2d
```
#939f2d rgb(147,159,45)
```
#2d5a9f
```
#2d5a9f rgb(45,90,159)
```
#9f392d
```
#9f392d rgb(159,57,45)
```

Split Complementary Color

#5a9f2d
```
#5a9f2d rgb(90,159,45)
```
#2d5a9f
```
#2d5a9f rgb(45,90,159)
```
#9f2d5a
```
#9f2d5a rgb(159,45,90)
```

Triadic Color

#2d9f72
```
#2d9f72 rgb(45,159,114)
```
#2d5a9f
```
#2d5a9f rgb(45,90,159)
```
#9f2d5a
```
#9f2d5a rgb(159,45,90)
```
#9f722d
```
#9f722d rgb(159,114,45)
```

Tetradic Color

#1c3863
```
#1c3863 rgb(28,56,99)
```
#224477
```
#224477 rgb(34,68,119)
```
#274f8b
```
#274f8b rgb(39,79,139)
```
#2d5a9f
```
#2d5a9f rgb(45,90,159)
```
#3365b3
```
#3365b3 rgb(51,101,179)
```
#3871c7
```
#3871c7 rgb(56,113,199)
```
#4c7fcc
```
#4c7fcc rgb(76,127,204)
```

Monochromatic Color

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

#2d779f
```
#2d779f rgb(45,119,159)
```
#2d6d9f
```
#2d6d9f rgb(45,109,159)
```
#2d649f
```
#2d649f rgb(45,100,159)
```
#2d5a9f
```
#2d5a9f rgb(45,90,159)
```
#2d519f
```
#2d519f rgb(45,81,159)
```
#2d479f
```
#2d479f rgb(45,71,159)
```
#2d3e9f
```
#2d3e9f rgb(45,62,159)
```

Similar Colors

Text with hexadecimal color #2d5a9f

This text has a font color of #2d5a9f.

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

#2d5a9f background color

This paragraph has a background color of #2d5a9f.

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

#2d5a9f border color

This element has a border color of #2d5a9f.

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

CSS codes

.text {color:#2d5a9f;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060c15
```
#060c15 rgb(6,12,21)
```
#0a1525
```
#0a1525 rgb(10,21,37)
```
#0f1d34
```
#0f1d34 rgb(15,29,52)
```
#132643
```
#132643 rgb(19,38,67)
```
#172f53
```
#172f53 rgb(23,47,83)
```
#1c3762
```
#1c3762 rgb(28,55,98)
```
#204071
```
#204071 rgb(32,64,113)
```
#244980
```
#244980 rgb(36,73,128)
```
#295190
```
#295190 rgb(41,81,144)
```
#2d5a9f
```
#2d5a9f rgb(45,90,159)
```
#3163ae
```
#3163ae rgb(49,99,174)
```
#366bbe
```
#366bbe rgb(54,107,190)
```

Shade Color Variation

#3e75c8
```
#3e75c8 rgb(62,117,200)
```
#4e80cd
```
#4e80cd rgb(78,128,205)
```
#5d8bd1
```
#5d8bd1 rgb(93,139,209)
```
#6c96d5
```
#6c96d5 rgb(108,150,213)
```
#7ca1da
```
#7ca1da rgb(124,161,218)
```
#8bacde
```
#8bacde rgb(139,172,222)
```
#9ab7e2
```
#9ab7e2 rgb(154,183,226)
```
#a9c2e7
```
#a9c2e7 rgb(169,194,231)
```
#b9cdeb
```
#b9cdeb rgb(185,205,235)
```
#c8d8ef
```
#c8d8ef rgb(200,216,239)
```
#d7e3f4
```
#d7e3f4 rgb(215,227,244)
```
#e7edf8
```
#e7edf8 rgb(231,237,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#646668
```
#646668 rgb(100,102,104)
```
#5c6470
```
#5c6470 rgb(92,100,112)
```
#546278
```
#546278 rgb(84,98,120)
```
#4c6180
```
#4c6180 rgb(76,97,128)
```
#455f87
```
#455f87 rgb(69,95,135)
```
#3d5d8f
```
#3d5d8f rgb(61,93,143)
```
#355c97
```
#355c97 rgb(53,92,151)
```
#2d5a9f
```
#2d5a9f rgb(45,90,159)
```
#2558a7
```
#2558a7 rgb(37,88,167)
```
#1d57af
```
#1d57af rgb(29,87,175)
```
#1555b7
```
#1555b7 rgb(21,85,183)
```
#0e53be
```
#0e53be rgb(14,83,190)
```
#0652c6
```
#0652c6 rgb(6,82,198)
```

Tone Color Variation

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

#4361a2 Protanopia 1% of men
#2964a3 Deuteranopia 1% of men
#006c74 Tritanopia 0.001% of the population

Trichromacy

#3b5ea1 Protanomaly 1% of men, 0.01% of women
#2a60a1 Deuteranomaly 6% of men, 0.4% of women
#106683 Tritanomaly 0.01% of the population

#2d5a9f hex color

#2d5a9f Color Information

#2d5a9f Color Conversion

Color Schemes with #2d5a9f

Alternatives to #2d5a9f

#2d5a9f Preview

Shades and Tints of #2d5a9f

Tones of #2d5a9f

Color Blindness Simulator