#2c559d hex color

In a RGB color space, hex #2c559d is composed of 17.3% red, 33.3% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 45.9% magenta, 0% yellow and 38.4% black. It has a hue angle of 218.2 degrees, a saturation of 56.2% and a lightness of 39.4%. #2c559d color hex could be obtained by blending #58aaff with #00003b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 33
- B 62
RGB color chart
- C 72
- M 46
- Y 0
- K 38
CMYK color chart

● #2c559d color description : Dark blue.

The hexadecimal color #2c559d has RGB values of R:44, G:85, B:157 and CMYK values of C:0.72, M:0.46, Y:0, K:0.38. Its decimal value is 2905501.

Hex triplet	2c559d	`#2c559d`
RGB Decimal	44, 85, 157	`rgb(44,85,157)`
RGB Percent	17.3, 33.3, 61.6	`rgb(17.3%,33.3%,61.6%)`
CMYK	72, 46, 0, 38
HSL	218.2°, 56.2, 39.4	`hsl(218.2,56.2%,39.4%)`
HSV (or HSB)	218.2°, 72, 61.6
Web Safe	336699	`#336699`

CIE-LAB	36.867, 11.058, -43.433
XYZ	10.372, 9.466, 33.177
xyY	0.196, 0.179, 9.466
CIE-LCH	36.867, 44.819, 284.284
CIE-LUV	36.867, -15.883, -62.362
Hunter-Lab	30.767, 6.331, -42.397
Binary	00101100, 01010101, 10011101

#2c559d
```
#2c559d rgb(44,85,157)
```
#9d742c
```
#9d742c rgb(157,116,44)
```

Complementary Color

#2c8e9d
```
#2c8e9d rgb(44,142,157)
```
#2c559d
```
#2c559d rgb(44,85,157)
```
#3c2c9d
```
#3c2c9d rgb(60,44,157)
```

Analogous Color

#8e9d2c
```
#8e9d2c rgb(142,157,44)
```
#2c559d
```
#2c559d rgb(44,85,157)
```
#9d3c2c
```
#9d3c2c rgb(157,60,44)
```

Split Complementary Color

#559d2c
```
#559d2c rgb(85,157,44)
```
#2c559d
```
#2c559d rgb(44,85,157)
```
#9d2c55
```
#9d2c55 rgb(157,44,85)
```

Triadic Color

#2c9d74
```
#2c9d74 rgb(44,157,116)
```
#2c559d
```
#2c559d rgb(44,85,157)
```
#9d2c55
```
#9d2c55 rgb(157,44,85)
```
#9d742c
```
#9d742c rgb(157,116,44)
```

Tetradic Color

#1b3561
```
#1b3561 rgb(27,53,97)
```
#213f75
```
#213f75 rgb(33,63,117)
```
#264a89
```
#264a89 rgb(38,74,137)
```
#2c559d
```
#2c559d rgb(44,85,157)
```
#3260b1
```
#3260b1 rgb(50,96,177)
```
#376bc5
```
#376bc5 rgb(55,107,197)
```
#4979cc
```
#4979cc rgb(73,121,204)
```

Monochromatic Color

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

#2c719d
```
#2c719d rgb(44,113,157)
```
#2c689d
```
#2c689d rgb(44,104,157)
```
#2c5e9d
```
#2c5e9d rgb(44,94,157)
```
#2c559d
```
#2c559d rgb(44,85,157)
```
#2c4c9d
```
#2c4c9d rgb(44,76,157)
```
#2c429d
```
#2c429d rgb(44,66,157)
```
#2c399d
```
#2c399d rgb(44,57,157)
```

Similar Colors

Text with hexadecimal color #2c559d

This text has a font color of #2c559d.

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

#2c559d background color

This paragraph has a background color of #2c559d.

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

#2c559d border color

This element has a border color of #2c559d.

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

CSS codes

.text {color:#2c559d;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050a13
```
#050a13 rgb(5,10,19)
```
#0a1322
```
#0a1322 rgb(10,19,34)
```
#0e1b32
```
#0e1b32 rgb(14,27,50)
```
#122341
```
#122341 rgb(18,35,65)
```
#172c50
```
#172c50 rgb(23,44,80)
```
#1b3460
```
#1b3460 rgb(27,52,96)
```
#1f3c6f
```
#1f3c6f rgb(31,60,111)
```
#23447e
```
#23447e rgb(35,68,126)
```
#284d8e
```
#284d8e rgb(40,77,142)
```
#2c559d
```
#2c559d rgb(44,85,157)
```
#305dac
```
#305dac rgb(48,93,172)
```
#3566bc
```
#3566bc rgb(53,102,188)
```

Shade Color Variation

#3c6fc8
```
#3c6fc8 rgb(60,111,200)
```
#4b7acd
```
#4b7acd rgb(75,122,205)
```
#5a85d1
```
#5a85d1 rgb(90,133,209)
```
#6a91d5
```
#6a91d5 rgb(106,145,213)
```
#799cd9
```
#799cd9 rgb(121,156,217)
```
#88a7de
```
#88a7de rgb(136,167,222)
```
#98b3e2
```
#98b3e2 rgb(152,179,226)
```
#a7bee6
```
#a7bee6 rgb(167,190,230)
```
#b6c9eb
```
#b6c9eb rgb(182,201,235)
```
#c5d5ef
```
#c5d5ef rgb(197,213,239)
```
#d5e0f3
```
#d5e0f3 rgb(213,224,243)
```
#e4ebf7
```
#e4ebf7 rgb(228,235,247)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#626467
```
#626467 rgb(98,100,103)
```
#5a626f
```
#5a626f rgb(90,98,111)
```
#536076
```
#536076 rgb(83,96,118)
```
#4b5d7e
```
#4b5d7e rgb(75,93,126)
```
#435b86
```
#435b86 rgb(67,91,134)
```
#3b598e
```
#3b598e rgb(59,89,142)
```
#345795
```
#345795 rgb(52,87,149)
```
#2c559d
```
#2c559d rgb(44,85,157)
```
#2453a5
```
#2453a5 rgb(36,83,165)
```
#1d51ac
```
#1d51ac rgb(29,81,172)
```
#154fb4
```
#154fb4 rgb(21,79,180)
```
#0d4dbc
```
#0d4dbc rgb(13,77,188)
```
#054ac4
```
#054ac4 rgb(5,74,196)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a5260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b5da1 Protanopia 1% of men
#1660a0 Deuteranopia 1% of men
#006870 Tritanopia 0.001% of the population

Trichromacy

#355a9f Protanomaly 1% of men, 0.01% of women
#1e5c9f Deuteranomaly 6% of men, 0.4% of women
#106180 Tritanomaly 0.01% of the population

#2c559d hex color

#2c559d Color Information

#2c559d Color Conversion

Color Schemes with #2c559d

Alternatives to #2c559d

#2c559d Preview

Shades and Tints of #2c559d

Tones of #2c559d

Color Blindness Simulator