colorhexa.com

#2c417c hex color

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

- R 17
- G 25
- B 49
RGB color chart
- C 65
- M 48
- Y 0
- K 51
CMYK color chart

● #2c417c color description : Dark moderate blue.

The hexadecimal color #2c417c has RGB values of R:44, G:65, B:124 and CMYK values of C:0.65, M:0.48, Y:0, K:0.51. Its decimal value is 2900348.

Hex triplet	2c417c	`#2c417c`
RGB Decimal	44, 65, 124	`rgb(44,65,124)`
RGB Percent	17.3, 25.5, 48.6	`rgb(17.3%,25.5%,48.6%)`
CMYK	65, 48, 0, 51
HSL	224.3°, 47.6, 32.9	`hsl(224.3,47.6%,32.9%)`
HSV (or HSB)	224.3°, 64.5, 48.6
Web Safe	333366	`#333366`

CIE-LAB	28.827, 11.942, -36.089
XYZ	6.566, 5.771, 19.836
xyY	0.204, 0.179, 5.771
CIE-LCH	28.827, 38.014, 288.31
CIE-LUV	28.827, -9.655, -47.992
Hunter-Lab	24.023, 6.751, -32.14
Binary	00101100, 01000001, 01111100

#2c417c
```
#2c417c rgb(44,65,124)
```
#7c672c
```
#7c672c rgb(124,103,44)
```

Complementary Color

#2c697c
```
#2c697c rgb(44,105,124)
```
#2c417c
```
#2c417c rgb(44,65,124)
```
#3f2c7c
```
#3f2c7c rgb(63,44,124)
```

Analogous Color

#697c2c
```
#697c2c rgb(105,124,44)
```
#2c417c
```
#2c417c rgb(44,65,124)
```
#7c3f2c
```
#7c3f2c rgb(124,63,44)
```

Split Complementary Color

#417c2c
```
#417c2c rgb(65,124,44)
```
#2c417c
```
#2c417c rgb(44,65,124)
```
#7c2c41
```
#7c2c41 rgb(124,44,65)
```

Triadic Color

#2c7c67
```
#2c7c67 rgb(44,124,103)
```
#2c417c
```
#2c417c rgb(44,65,124)
```
#7c2c41
```
#7c2c41 rgb(124,44,65)
```
#7c672c
```
#7c672c rgb(124,103,44)
```

Tetradic Color

#182344
```
#182344 rgb(24,35,68)
```
#1f2d56
```
#1f2d56 rgb(31,45,86)
```
#253769
```
#253769 rgb(37,55,105)
```
#2c417c
```
#2c417c rgb(44,65,124)
```
#334b8f
```
#334b8f rgb(51,75,143)
```
#3955a2
```
#3955a2 rgb(57,85,162)
```
#405fb4
```
#405fb4 rgb(64,95,180)
```

Monochromatic Color

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

#2c557c
```
#2c557c rgb(44,85,124)
```
#2c4e7c
```
#2c4e7c rgb(44,78,124)
```
#2c487c
```
#2c487c rgb(44,72,124)
```
#2c417c
```
#2c417c rgb(44,65,124)
```
#2c3a7c
```
#2c3a7c rgb(44,58,124)
```
#2c347c
```
#2c347c rgb(44,52,124)
```
#2c2d7c
```
#2c2d7c rgb(44,45,124)
```

Similar Colors

Text with hexadecimal color #2c417c

This text has a font color of #2c417c.

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

#2c417c background color

This paragraph has a background color of #2c417c.

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

#2c417c border color

This element has a border color of #2c417c.

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

CSS codes

.text {color:#2c417c;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#080c17
```
#080c17 rgb(8,12,23)
```
#0d1325
```
#0d1325 rgb(13,19,37)
```
#121b34
```
#121b34 rgb(18,27,52)
```
#172342
```
#172342 rgb(23,35,66)
```
#1d2a51
```
#1d2a51 rgb(29,42,81)
```
#22325f
```
#22325f rgb(34,50,95)
```
#27396e
```
#27396e rgb(39,57,110)
```
#2c417c
```
#2c417c rgb(44,65,124)
```
#31498a
```
#31498a rgb(49,73,138)
```
#365099
```
#365099 rgb(54,80,153)
```
#3b58a7
```
#3b58a7 rgb(59,88,167)
```
#415fb6
```
#415fb6 rgb(65,95,182)
```

Shade Color Variation

#4b69bf
```
#4b69bf rgb(75,105,191)
```
#5975c4
```
#5975c4 rgb(89,117,196)
```
#6882c9
```
#6882c9 rgb(104,130,201)
```
#768ecf
```
#768ecf rgb(118,142,207)
```
#859ad4
```
#859ad4 rgb(133,154,212)
```
#93a6d9
```
#93a6d9 rgb(147,166,217)
```
#a2b2de
```
#a2b2de rgb(162,178,222)
```
#b0bee3
```
#b0bee3 rgb(176,190,227)
```
#bfcae8
```
#bfcae8 rgb(191,202,232)
```
#cdd6ed
```
#cdd6ed rgb(205,214,237)
```
#dce2f2
```
#dce2f2 rgb(220,226,242)
```
#eaeef8
```
#eaeef8 rgb(234,238,248)
```
#f9fafd
```
#f9fafd rgb(249,250,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 #052fa3 is the most saturated one.

#535355
```
#535355 rgb(83,83,85)
```
#4c505c
```
#4c505c rgb(76,80,92)
```
#464d62
```
#464d62 rgb(70,77,98)
```
#3f4a69
```
#3f4a69 rgb(63,74,105)
```
#39476f
```
#39476f rgb(57,71,111)
```
#324476
```
#324476 rgb(50,68,118)
```
#2c417c
```
#2c417c rgb(44,65,124)
```
#263e82
```
#263e82 rgb(38,62,130)
```
#1f3b89
```
#1f3b89 rgb(31,59,137)
```
#19388f
```
#19388f rgb(25,56,143)
```
#123596
```
#123596 rgb(18,53,150)
```
#0c329c
```
#0c329c rgb(12,50,156)
```
#052fa3
```
#052fa3 rgb(5,47,163)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3d414d Atypical Achromatopsia 0.001% of the population

Dichromacy

#304b83 Protanopia 1% of men
#1b4e81 Deuteranopia 1% of men
#1a545a Tritanopia 0.001% of the population

Trichromacy

#2e4780 Protanomaly 1% of men, 0.01% of women
#21497f Deuteranomaly 6% of men, 0.4% of women
#214d66 Tritanomaly 0.01% of the population