#2c448e hex color

In a RGB color space, hex #2c448e is composed of 17.3% red, 26.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 52.1% magenta, 0% yellow and 44.3% black. It has a hue angle of 225.3 degrees, a saturation of 52.7% and a lightness of 36.5%. #2c448e color hex could be obtained by blending #5888ff with #00001d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 27
- B 56
RGB color chart
- C 69
- M 52
- Y 0
- K 44
CMYK color chart

● #2c448e color description : Dark moderate blue.

The hexadecimal color #2c448e has RGB values of R:44, G:68, B:142 and CMYK values of C:0.69, M:0.52, Y:0, K:0.44. Its decimal value is 2901134.

Hex triplet	2c448e	`#2c448e`
RGB Decimal	44, 68, 142	`rgb(44,68,142)`
RGB Percent	17.3, 26.7, 55.7	`rgb(17.3%,26.7%,55.7%)`
CMYK	69, 52, 0, 44
HSL	225.3°, 52.7, 36.5	`hsl(225.3,52.7%,36.5%)`
HSV (or HSB)	225.3°, 69, 55.7
Web Safe	333399	`#333399`

CIE-LAB	30.931, 16.718, -43.871
XYZ	7.987, 6.622, 26.447
xyY	0.195, 0.161, 6.622
CIE-LCH	30.931, 46.949, 290.86
CIE-LUV	30.931, -10.728, -59.93
Hunter-Lab	25.734, 10.369, -42.92
Binary	00101100, 01000100, 10001110

#2c448e
```
#2c448e rgb(44,68,142)
```
#8e762c
```
#8e762c rgb(142,118,44)
```

Complementary Color

#2c758e
```
#2c758e rgb(44,117,142)
```
#2c448e
```
#2c448e rgb(44,68,142)
```
#452c8e
```
#452c8e rgb(69,44,142)
```

Analogous Color

#758e2c
```
#758e2c rgb(117,142,44)
```
#2c448e
```
#2c448e rgb(44,68,142)
```
#8e452c
```
#8e452c rgb(142,69,44)
```

Split Complementary Color

#448e2c
```
#448e2c rgb(68,142,44)
```
#2c448e
```
#2c448e rgb(44,68,142)
```
#8e2c44
```
#8e2c44 rgb(142,44,68)
```

Triadic Color

#2c8e76
```
#2c8e76 rgb(44,142,118)
```
#2c448e
```
#2c448e rgb(44,68,142)
```
#8e2c44
```
#8e2c44 rgb(142,44,68)
```
#8e762c
```
#8e762c rgb(142,118,44)
```

Tetradic Color

#1a2854
```
#1a2854 rgb(26,40,84)
```
#203167
```
#203167 rgb(32,49,103)
```
#263b7b
```
#263b7b rgb(38,59,123)
```
#2c448e
```
#2c448e rgb(44,68,142)
```
#324da1
```
#324da1 rgb(50,77,161)
```
#3857b5
```
#3857b5 rgb(56,87,181)
```
#4262c4
```
#4262c4 rgb(66,98,196)
```

Monochromatic Color

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

#2c5d8e
```
#2c5d8e rgb(44,93,142)
```
#2c548e
```
#2c548e rgb(44,84,142)
```
#2c4c8e
```
#2c4c8e rgb(44,76,142)
```
#2c448e
```
#2c448e rgb(44,68,142)
```
#2c3c8e
```
#2c3c8e rgb(44,60,142)
```
#2c348e
```
#2c348e rgb(44,52,142)
```
#2c2c8e
```
#2c2c8e rgb(44,44,142)
```

Similar Colors

Text with hexadecimal color #2c448e

This text has a font color of #2c448e.

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

#2c448e background color

This paragraph has a background color of #2c448e.

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

#2c448e border color

This element has a border color of #2c448e.

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

CSS codes

.text {color:#2c448e;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#070b16
```
#070b16 rgb(7,11,22)
```
#0c1225
```
#0c1225 rgb(12,18,37)
```
#101934
```
#101934 rgb(16,25,52)
```
#152043
```
#152043 rgb(21,32,67)
```
#192752
```
#192752 rgb(25,39,82)
```
#1e2e61
```
#1e2e61 rgb(30,46,97)
```
#233670
```
#233670 rgb(35,54,112)
```
#273d7f
```
#273d7f rgb(39,61,127)
```
#2c448e
```
#2c448e rgb(44,68,142)
```
#314b9d
```
#314b9d rgb(49,75,157)
```
#3552ac
```
#3552ac rgb(53,82,172)
```
#3a5abb
```
#3a5abb rgb(58,90,187)
```

Shade Color Variation

#4463c5
```
#4463c5 rgb(68,99,197)
```
#5370ca
```
#5370ca rgb(83,112,202)
```
#617cce
```
#617cce rgb(97,124,206)
```
#7089d3
```
#7089d3 rgb(112,137,211)
```
#7f95d7
```
#7f95d7 rgb(127,149,215)
```
#8ea1dc
```
#8ea1dc rgb(142,161,220)
```
#9daee1
```
#9daee1 rgb(157,174,225)
```
#acbae5
```
#acbae5 rgb(172,186,229)
```
#bbc7ea
```
#bbc7ea rgb(187,199,234)
```
#cad3ef
```
#cad3ef rgb(202,211,239)
```
#d9e0f3
```
#d9e0f3 rgb(217,224,243)
```
#e8ecf8
```
#e8ecf8 rgb(232,236,248)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575a63 is the less saturated color, while #012eb9 is the most saturated one.

#575a63
```
#575a63 rgb(87,90,99)
```
#50566a
```
#50566a rgb(80,86,106)
```
#495371
```
#495371 rgb(73,83,113)
```
#414f79
```
#414f79 rgb(65,79,121)
```
#3a4b80
```
#3a4b80 rgb(58,75,128)
```
#334887
```
#334887 rgb(51,72,135)
```
#2c448e
```
#2c448e rgb(44,68,142)
```
#254095
```
#254095 rgb(37,64,149)
```
#1e3d9c
```
#1e3d9c rgb(30,61,156)
```
#1739a3
```
#1739a3 rgb(23,57,163)
```
#0f35ab
```
#0f35ab rgb(15,53,171)
```
#0832b2
```
#0832b2 rgb(8,50,178)
```
#012eb9
```
#012eb9 rgb(1,46,185)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#234f95 Protanopia 1% of men
#00538a Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#264b93 Protanomaly 1% of men, 0.01% of women
#104e8b Deuteranomaly 6% of men, 0.4% of women
#105271 Tritanomaly 0.01% of the population

#2c448e hex color

#2c448e Color Information

#2c448e Color Conversion

Color Schemes with #2c448e

Alternatives to #2c448e

#2c448e Preview

Shades and Tints of #2c448e

Tones of #2c448e

Color Blindness Simulator