#2c367d hex color

In a RGB color space, hex #2c367d is composed of 17.3% red, 21.2% green and 49% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 56.8% magenta, 0% yellow and 51% black. It has a hue angle of 232.6 degrees, a saturation of 47.9% and a lightness of 33.1%. #2c367d color hex could be obtained by blending #586cfa 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

● #2c367d color description : Dark moderate blue.

The hexadecimal color #2c367d has RGB values of R:44, G:54, B:125 and CMYK values of C:0.65, M:0.57, Y:0, K:0.51. Its decimal value is 2897533.

Hex triplet	2c367d	`#2c367d`
RGB Decimal	44, 54, 125	`rgb(44,54,125)`
RGB Percent	17.3, 21.2, 49	`rgb(17.3%,21.2%,49%)`
CMYK	65, 57, 0, 51
HSL	232.6°, 47.9, 33.1	`hsl(232.6,47.9%,33.1%)`
HSV (or HSB)	232.6°, 64.8, 49
Web Safe	333366	`#333366`

CIE-LAB	25.726, 19.881, -41.71
XYZ	6.059, 4.654, 19.98
xyY	0.197, 0.152, 4.654
CIE-LCH	25.726, 46.206, 295.485
CIE-LUV	25.726, -6.486, -53.48
Hunter-Lab	21.574, 12.377, -39.809
Binary	00101100, 00110110, 01111101

#2c367d
```
#2c367d rgb(44,54,125)
```
#7d732c
```
#7d732c rgb(125,115,44)
```

Complementary Color

#2c5e7d
```
#2c5e7d rgb(44,94,125)
```
#2c367d
```
#2c367d rgb(44,54,125)
```
#4b2c7d
```
#4b2c7d rgb(75,44,125)
```

Analogous Color

#5f7d2c
```
#5f7d2c rgb(95,125,44)
```
#2c367d
```
#2c367d rgb(44,54,125)
```
#7d4b2c
```
#7d4b2c rgb(125,75,44)
```

Split Complementary Color

#367d2c
```
#367d2c rgb(54,125,44)
```
#2c367d
```
#2c367d rgb(44,54,125)
```
#7d2c36
```
#7d2c36 rgb(125,44,54)
```

Triadic Color

#2c7d73
```
#2c7d73 rgb(44,125,115)
```
#2c367d
```
#2c367d rgb(44,54,125)
```
#7d2c36
```
#7d2c36 rgb(125,44,54)
```
#7d732c
```
#7d732c rgb(125,115,44)
```

Tetradic Color

#181e44
```
#181e44 rgb(24,30,68)
```
#1f2657
```
#1f2657 rgb(31,38,87)
```
#252e6a
```
#252e6a rgb(37,46,106)
```
#2c367d
```
#2c367d rgb(44,54,125)
```
#333e90
```
#333e90 rgb(51,62,144)
```
#3946a3
```
#3946a3 rgb(57,70,163)
```
#404eb6
```
#404eb6 rgb(64,78,182)
```

Monochromatic Color

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

#2c4a7d
```
#2c4a7d rgb(44,74,125)
```
#2c447d
```
#2c447d rgb(44,68,125)
```
#2c3d7d
```
#2c3d7d rgb(44,61,125)
```
#2c367d
```
#2c367d rgb(44,54,125)
```
#2c2f7d
```
#2c2f7d rgb(44,47,125)
```
#302c7d
```
#302c7d rgb(48,44,125)
```
#362c7d
```
#362c7d rgb(54,44,125)
```

Similar Colors

Text with hexadecimal color #2c367d

This text has a font color of #2c367d.

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

#2c367d background color

This paragraph has a background color of #2c367d.

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

#2c367d border color

This element has a border color of #2c367d.

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

CSS codes

.text {color:#2c367d;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#080a17
```
#080a17 rgb(8,10,23)
```
#0d1026
```
#0d1026 rgb(13,16,38)
```
#121734
```
#121734 rgb(18,23,52)
```
#181d43
```
#181d43 rgb(24,29,67)
```
#1d2351
```
#1d2351 rgb(29,35,81)
```
#222960
```
#222960 rgb(34,41,96)
```
#27306e
```
#27306e rgb(39,48,110)
```
#2c367d
```
#2c367d rgb(44,54,125)
```
#313c8c
```
#313c8c rgb(49,60,140)
```
#36439a
```
#36439a rgb(54,67,154)
```
#3b49a9
```
#3b49a9 rgb(59,73,169)
```
#404fb7
```
#404fb7 rgb(64,79,183)
```

Shade Color Variation

#4b5ac0
```
#4b5ac0 rgb(75,90,192)
```
#5a67c5
```
#5a67c5 rgb(90,103,197)
```
#6874ca
```
#6874ca rgb(104,116,202)
```
#7782cf
```
#7782cf rgb(119,130,207)
```
#858fd4
```
#858fd4 rgb(133,143,212)
```
#949cd9
```
#949cd9 rgb(148,156,217)
```
#a2aade
```
#a2aade rgb(162,170,222)
```
#b1b7e4
```
#b1b7e4 rgb(177,183,228)
```
#bfc4e9
```
#bfc4e9 rgb(191,196,233)
```
#ced2ee
```
#ced2ee rgb(206,210,238)
```
#dcdff3
```
#dcdff3 rgb(220,223,243)
```
#ebedf8
```
#ebedf8 rgb(235,237,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#535356
```
#535356 rgb(83,83,86)
```
#4d4e5d
```
#4d4e5d rgb(77,78,93)
```
#464a63
```
#464a63 rgb(70,74,99)
```
#40456a
```
#40456a rgb(64,69,106)
```
#394070
```
#394070 rgb(57,64,112)
```
#333b77
```
#333b77 rgb(51,59,119)
```
#2c367d
```
#2c367d rgb(44,54,125)
```
#263184
```
#263184 rgb(38,49,132)
```
#1f2c8a
```
#1f2c8a rgb(31,44,138)
```
#192791
```
#192791 rgb(25,39,145)
```
#122297
```
#122297 rgb(18,34,151)
```
#0c1e9e
```
#0c1e9e rgb(12,30,158)
```
#0519a4
```
#0519a4 rgb(5,25,164)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#383a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004487 Protanopia 1% of men
#004877 Deuteranopia 1% of men
#0f4d53 Tritanopia 0.001% of the population

Trichromacy

#103f83 Protanomaly 1% of men, 0.01% of women
#104179 Deuteranomaly 6% of men, 0.4% of women
#194562 Tritanomaly 0.01% of the population

#2c367d hex color

#2c367d Color Information

#2c367d Color Conversion

Color Schemes with #2c367d

Alternatives to #2c367d

#2c367d Preview

Shades and Tints of #2c367d

Tones of #2c367d

Color Blindness Simulator