colorhexa.com

#2c4381 hex color

In a RGB color space, hex #2c4381 is composed of 17.3% red, 26.3% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 48.1% magenta, 0% yellow and 49.4% black. It has a hue angle of 223.8 degrees, a saturation of 49.1% and a lightness of 33.9%. #2c4381 color hex could be obtained by blending #5886ff with #000003. Closest websafe color is: #333399.

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

● #2c4381 color description : Dark moderate blue.

The hexadecimal color #2c4381 has RGB values of R:44, G:67, B:129 and CMYK values of C:0.66, M:0.48, Y:0, K:0.49. Its decimal value is 2900865.

Hex triplet	2c4381	`#2c4381`
RGB Decimal	44, 67, 129	`rgb(44,67,129)`
RGB Percent	17.3, 26.3, 50.6	`rgb(17.3%,26.3%,50.6%)`
CMYK	66, 48, 0, 49
HSL	223.8°, 49.1, 33.9	`hsl(223.8,49.1%,33.9%)`
HSV (or HSB)	223.8°, 65.9, 50.6
Web Safe	333399	`#333399`

CIE-LAB	29.749, 12.464, -37.735
XYZ	7.007, 6.134, 21.582
xyY	0.202, 0.177, 6.134
CIE-LCH	29.749, 39.74, 288.279
CIE-LUV	29.749, -10.32, -50.748
Hunter-Lab	24.768, 7.159, -34.328
Binary	00101100, 01000011, 10000001

#2c4381
```
#2c4381 rgb(44,67,129)
```
#816a2c
```
#816a2c rgb(129,106,44)
```

Complementary Color

#2c6e81
```
#2c6e81 rgb(44,110,129)
```
#2c4381
```
#2c4381 rgb(44,67,129)
```
#402c81
```
#402c81 rgb(64,44,129)
```

Analogous Color

#6e812c
```
#6e812c rgb(110,129,44)
```
#2c4381
```
#2c4381 rgb(44,67,129)
```
#81402c
```
#81402c rgb(129,64,44)
```

Split Complementary Color

#43812c
```
#43812c rgb(67,129,44)
```
#2c4381
```
#2c4381 rgb(44,67,129)
```
#812c43
```
#812c43 rgb(129,44,67)
```

Triadic Color

#2c816a
```
#2c816a rgb(44,129,106)
```
#2c4381
```
#2c4381 rgb(44,67,129)
```
#812c43
```
#812c43 rgb(129,44,67)
```
#816a2c
```
#816a2c rgb(129,106,44)
```

Tetradic Color

#192548
```
#192548 rgb(25,37,72)
```
#1f2f5b
```
#1f2f5b rgb(31,47,91)
```
#26396e
```
#26396e rgb(38,57,110)
```
#2c4381
```
#2c4381 rgb(44,67,129)
```
#324d94
```
#324d94 rgb(50,77,148)
```
#3957a7
```
#3957a7 rgb(57,87,167)
```
#3f61ba
```
#3f61ba rgb(63,97,186)
```

Monochromatic Color

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

#2c5881
```
#2c5881 rgb(44,88,129)
```
#2c5181
```
#2c5181 rgb(44,81,129)
```
#2c4a81
```
#2c4a81 rgb(44,74,129)
```
#2c4381
```
#2c4381 rgb(44,67,129)
```
#2c3c81
```
#2c3c81 rgb(44,60,129)
```
#2c3581
```
#2c3581 rgb(44,53,129)
```
#2c2e81
```
#2c2e81 rgb(44,46,129)
```

Similar Colors

Text with hexadecimal color #2c4381

This text has a font color of #2c4381.

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

#2c4381 background color

This paragraph has a background color of #2c4381.

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

#2c4381 border color

This element has a border color of #2c4381.

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

CSS codes

.text {color:#2c4381;}

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

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

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, #04060c is the darkest color, while #fcfdfe is the lightest one.

#04060c
```
#04060c rgb(4,6,12)
```
#090e1b
```
#090e1b rgb(9,14,27)
```
#0e1529
```
#0e1529 rgb(14,21,41)
```
#131d38
```
#131d38 rgb(19,29,56)
```
#182546
```
#182546 rgb(24,37,70)
```
#1d2c55
```
#1d2c55 rgb(29,44,85)
```
#223464
```
#223464 rgb(34,52,100)
```
#273b72
```
#273b72 rgb(39,59,114)
```
#2c4381
```
#2c4381 rgb(44,67,129)
```
#314b90
```
#314b90 rgb(49,75,144)
```
#36529e
```
#36529e rgb(54,82,158)
```
#3b5aad
```
#3b5aad rgb(59,90,173)
```
#4061bc
```
#4061bc rgb(64,97,188)
```

Shade Color Variation

#4d6dc2
```
#4d6dc2 rgb(77,109,194)
```
#5b79c7
```
#5b79c7 rgb(91,121,199)
```
#6a85cc
```
#6a85cc rgb(106,133,204)
```
#7991d1
```
#7991d1 rgb(121,145,209)
```
#879dd6
```
#879dd6 rgb(135,157,214)
```
#96a9db
```
#96a9db rgb(150,169,219)
```
#a5b5e0
```
#a5b5e0 rgb(165,181,224)
```
#b3c1e5
```
#b3c1e5 rgb(179,193,229)
```
#c2cdea
```
#c2cdea rgb(194,205,234)
```
#d0d9ef
```
#d0d9ef rgb(208,217,239)
```
#dfe5f4
```
#dfe5f4 rgb(223,229,244)
```
#eef1f9
```
#eef1f9 rgb(238,241,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#545559
```
#545559 rgb(84,85,89)
```
#4d5260
```
#4d5260 rgb(77,82,96)
```
#474f66
```
#474f66 rgb(71,79,102)
```
#404c6d
```
#404c6d rgb(64,76,109)
```
#394974
```
#394974 rgb(57,73,116)
```
#33467a
```
#33467a rgb(51,70,122)
```
#2c4381
```
#2c4381 rgb(44,67,129)
```
#254088
```
#254088 rgb(37,64,136)
```
#1f3d8e
```
#1f3d8e rgb(31,61,142)
```
#183a95
```
#183a95 rgb(24,58,149)
```
#11379c
```
#11379c rgb(17,55,156)
```
#0b34a2
```
#0b34a2 rgb(11,52,162)
```
#0431a9
```
#0431a9 rgb(4,49,169)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e434f Atypical Achromatopsia 0.001% of the population

Dichromacy

#304d88 Protanopia 1% of men
#155085 Deuteranopia 1% of men
#14575d Tritanopia 0.001% of the population

Trichromacy

#2e4985 Protanomaly 1% of men, 0.01% of women
#1d4b84 Deuteranomaly 6% of men, 0.4% of women
#1d4f6a Tritanomaly 0.01% of the population