#2c357c hex color

In a RGB color space, hex #2c357c is composed of 17.3% red, 20.8% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 57.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 233.3 degrees, a saturation of 47.6% and a lightness of 32.9%. #2c357c color hex could be obtained by blending #586af8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 21
- B 49
RGB color chart
- C 65
- M 57
- Y 0
- K 51
CMYK color chart

● #2c357c color description : Dark moderate blue.

The hexadecimal color #2c357c has RGB values of R:44, G:53, B:124 and CMYK values of C:0.65, M:0.57, Y:0, K:0.51. Its decimal value is 2897276.

Hex triplet	2c357c	`#2c357c`
RGB Decimal	44, 53, 124	`rgb(44,53,124)`
RGB Percent	17.3, 20.8, 48.6	`rgb(17.3%,20.8%,48.6%)`
CMYK	65, 57, 0, 51
HSL	233.3°, 47.6, 32.9	`hsl(233.3,47.6%,32.9%)`
HSV (or HSB)	233.3°, 64.5, 48.6
Web Safe	333366	`#333366`

CIE-LAB	25.372, 20.196, -41.653
XYZ	5.949, 4.537, 19.63
xyY	0.198, 0.151, 4.537
CIE-LCH	25.372, 46.291, 295.867
CIE-LUV	25.372, -6.19, -53.132
Hunter-Lab	21.299, 12.583, -39.733
Binary	00101100, 00110101, 01111100

#2c357c
```
#2c357c rgb(44,53,124)
```
#7c732c
```
#7c732c rgb(124,115,44)
```

Complementary Color

#2c5d7c
```
#2c5d7c rgb(44,93,124)
```
#2c357c
```
#2c357c rgb(44,53,124)
```
#4b2c7c
```
#4b2c7c rgb(75,44,124)
```

Analogous Color

#5d7c2c
```
#5d7c2c rgb(93,124,44)
```
#2c357c
```
#2c357c rgb(44,53,124)
```
#7c4b2c
```
#7c4b2c rgb(124,75,44)
```

Split Complementary Color

#357c2c
```
#357c2c rgb(53,124,44)
```
#2c357c
```
#2c357c rgb(44,53,124)
```
#7c2c35
```
#7c2c35 rgb(124,44,53)
```

Triadic Color

#2c7c73
```
#2c7c73 rgb(44,124,115)
```
#2c357c
```
#2c357c rgb(44,53,124)
```
#7c2c35
```
#7c2c35 rgb(124,44,53)
```
#7c732c
```
#7c732c rgb(124,115,44)
```

Tetradic Color

#181d44
```
#181d44 rgb(24,29,68)
```
#1f2556
```
#1f2556 rgb(31,37,86)
```
#252d69
```
#252d69 rgb(37,45,105)
```
#2c357c
```
#2c357c rgb(44,53,124)
```
#333d8f
```
#333d8f rgb(51,61,143)
```
#3945a2
```
#3945a2 rgb(57,69,162)
```
#404db4
```
#404db4 rgb(64,77,180)
```

Monochromatic Color

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

#2c497c
```
#2c497c rgb(44,73,124)
```
#2c427c
```
#2c427c rgb(44,66,124)
```
#2c3c7c
```
#2c3c7c rgb(44,60,124)
```
#2c357c
```
#2c357c rgb(44,53,124)
```
#2c2e7c
```
#2c2e7c rgb(44,46,124)
```
#302c7c
```
#302c7c rgb(48,44,124)
```
#372c7c
```
#372c7c rgb(55,44,124)
```

Similar Colors

Text with hexadecimal color #2c357c

This text has a font color of #2c357c.

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

#2c357c background color

This paragraph has a background color of #2c357c.

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

#2c357c border color

This element has a border color of #2c357c.

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

CSS codes

.text {color:#2c357c;}

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

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

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

#030308
```
#030308 rgb(3,3,8)
```
#080a17
```
#080a17 rgb(8,10,23)
```
#0d1025
```
#0d1025 rgb(13,16,37)
```
#121634
```
#121634 rgb(18,22,52)
```
#171c42
```
#171c42 rgb(23,28,66)
```
#1d2251
```
#1d2251 rgb(29,34,81)
```
#22295f
```
#22295f rgb(34,41,95)
```
#272f6e
```
#272f6e rgb(39,47,110)
```
#2c357c
```
#2c357c rgb(44,53,124)
```
#313b8a
```
#313b8a rgb(49,59,138)
```
#364199
```
#364199 rgb(54,65,153)
```
#3b48a7
```
#3b48a7 rgb(59,72,167)
```
#414eb6
```
#414eb6 rgb(65,78,182)
```

Shade Color Variation

#4b58bf
```
#4b58bf rgb(75,88,191)
```
#5965c4
```
#5965c4 rgb(89,101,196)
```
#6873c9
```
#6873c9 rgb(104,115,201)
```
#7680cf
```
#7680cf rgb(118,128,207)
```
#858ed4
```
#858ed4 rgb(133,142,212)
```
#939bd9
```
#939bd9 rgb(147,155,217)
```
#a2a9de
```
#a2a9de rgb(162,169,222)
```
#b0b6e3
```
#b0b6e3 rgb(176,182,227)
```
#bfc3e8
```
#bfc3e8 rgb(191,195,232)
```
#cdd1ed
```
#cdd1ed rgb(205,209,237)
```
#dcdef2
```
#dcdef2 rgb(220,222,242)
```
#eaecf8
```
#eaecf8 rgb(234,236,248)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#535355
```
#535355 rgb(83,83,85)
```
#4c4e5c
```
#4c4e5c rgb(76,78,92)
```
#464962
```
#464962 rgb(70,73,98)
```
#3f4469
```
#3f4469 rgb(63,68,105)
```
#393f6f
```
#393f6f rgb(57,63,111)
```
#323a76
```
#323a76 rgb(50,58,118)
```
#2c357c
```
#2c357c rgb(44,53,124)
```
#263082
```
#263082 rgb(38,48,130)
```
#1f2b89
```
#1f2b89 rgb(31,43,137)
```
#19268f
```
#19268f rgb(25,38,143)
```
#122196
```
#122196 rgb(18,33,150)
```
#0c1c9c
```
#0c1c9c rgb(12,28,156)
```
#0517a3
```
#0517a3 rgb(5,23,163)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#373947 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004775 Deuteranopia 1% of men
#104c52 Tritanopia 0.001% of the population

Trichromacy

#103e82 Protanomaly 1% of men, 0.01% of women
#104078 Deuteranomaly 6% of men, 0.4% of women
#1a4461 Tritanomaly 0.01% of the population

#2c357c hex color

#2c357c Color Information

#2c357c Color Conversion

Color Schemes with #2c357c

Alternatives to #2c357c

#2c357c Preview

Shades and Tints of #2c357c

Tones of #2c357c

Color Blindness Simulator