#2c4197 hex color

In a RGB color space, hex #2c4197 is composed of 17.3% red, 25.5% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 57% magenta, 0% yellow and 40.8% black. It has a hue angle of 228.2 degrees, a saturation of 54.9% and a lightness of 38.2%. #2c4197 color hex could be obtained by blending #5882ff with #00002f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 25
- B 59
RGB color chart
- C 71
- M 57
- Y 0
- K 41
CMYK color chart

● #2c4197 color description : Dark blue.

The hexadecimal color #2c4197 has RGB values of R:44, G:65, B:151 and CMYK values of C:0.71, M:0.57, Y:0, K:0.41. Its decimal value is 2900375.

Hex triplet	2c4197	`#2c4197`
RGB Decimal	44, 65, 151	`rgb(44,65,151)`
RGB Percent	17.3, 25.5, 59.2	`rgb(17.3%,25.5%,59.2%)`
CMYK	71, 57, 0, 41
HSL	228.2°, 54.9, 38.2	`hsl(228.2,54.9%,38.2%)`
HSV (or HSB)	228.2°, 70.9, 59.2
Web Safe	333399	`#333399`

CIE-LAB	30.759, 22.167, -49.655
XYZ	8.514, 6.55, 30.092
xyY	0.189, 0.145, 6.55
CIE-LCH	30.759, 54.378, 294.057
CIE-LUV	30.759, -9.999, -67.643
Hunter-Lab	25.593, 14.593, -51.798
Binary	00101100, 01000001, 10010111

#2c4197
```
#2c4197 rgb(44,65,151)
```
#97822c
```
#97822c rgb(151,130,44)
```

Complementary Color

#2c7797
```
#2c7797 rgb(44,119,151)
```
#2c4197
```
#2c4197 rgb(44,65,151)
```
#4d2c97
```
#4d2c97 rgb(77,44,151)
```

Analogous Color

#77972c
```
#77972c rgb(119,151,44)
```
#2c4197
```
#2c4197 rgb(44,65,151)
```
#974d2c
```
#974d2c rgb(151,77,44)
```

Split Complementary Color

#41972c
```
#41972c rgb(65,151,44)
```
#2c4197
```
#2c4197 rgb(44,65,151)
```
#972c41
```
#972c41 rgb(151,44,65)
```

Triadic Color

#2c9782
```
#2c9782 rgb(44,151,130)
```
#2c4197
```
#2c4197 rgb(44,65,151)
```
#972c41
```
#972c41 rgb(151,44,65)
```
#97822c
```
#97822c rgb(151,130,44)
```

Tetradic Color

#1b285c
```
#1b285c rgb(27,40,92)
```
#203070
```
#203070 rgb(32,48,112)
```
#263983
```
#263983 rgb(38,57,131)
```
#2c4197
```
#2c4197 rgb(44,65,151)
```
#324aab
```
#324aab rgb(50,74,171)
```
#3852be
```
#3852be rgb(56,82,190)
```
#4660c9
```
#4660c9 rgb(70,96,201)
```

Monochromatic Color

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

#2c5c97
```
#2c5c97 rgb(44,92,151)
```
#2c5397
```
#2c5397 rgb(44,83,151)
```
#2c4a97
```
#2c4a97 rgb(44,74,151)
```
#2c4197
```
#2c4197 rgb(44,65,151)
```
#2c3897
```
#2c3897 rgb(44,56,151)
```
#2c2f97
```
#2c2f97 rgb(44,47,151)
```
#322c97
```
#322c97 rgb(50,44,151)
```

Similar Colors

Text with hexadecimal color #2c4197

This text has a font color of #2c4197.

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

#2c4197 background color

This paragraph has a background color of #2c4197.

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

#2c4197 border color

This element has a border color of #2c4197.

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

CSS codes

.text {color:#2c4197;}

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

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

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

#04060e
```
#04060e rgb(4,6,14)
```
#090d1d
```
#090d1d rgb(9,13,29)
```
#0d132d
```
#0d132d rgb(13,19,45)
```
#111a3c
```
#111a3c rgb(17,26,60)
```
#16204b
```
#16204b rgb(22,32,75)
```
#1a275a
```
#1a275a rgb(26,39,90)
```
#1f2d69
```
#1f2d69 rgb(31,45,105)
```
#233479
```
#233479 rgb(35,52,121)
```
#283a88
```
#283a88 rgb(40,58,136)
```
#2c4197
```
#2c4197 rgb(44,65,151)
```
#3048a6
```
#3048a6 rgb(48,72,166)
```
#354eb5
```
#354eb5 rgb(53,78,181)
```
#3955c5
```
#3955c5 rgb(57,85,197)
```

Shade Color Variation

#4861ca
```
#4861ca rgb(72,97,202)
```
#576ece
```
#576ece rgb(87,110,206)
```
#667bd2
```
#667bd2 rgb(102,123,210)
```
#7589d7
```
#7589d7 rgb(117,137,215)
```
#8596db
```
#8596db rgb(133,150,219)
```
#94a3e0
```
#94a3e0 rgb(148,163,224)
```
#a3b0e4
```
#a3b0e4 rgb(163,176,228)
```
#b2bde9
```
#b2bde9 rgb(178,189,233)
```
#c1caed
```
#c1caed rgb(193,202,237)
```
#d1d7f1
```
#d1d7f1 rgb(209,215,241)
```
#e0e4f6
```
#e0e4f6 rgb(224,228,246)
```
#eff1fa
```
#eff1fa rgb(239,241,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#616163
```
#616163 rgb(97,97,99)
```
#595c6a
```
#595c6a rgb(89,92,106)
```
#525872
```
#525872 rgb(82,88,114)
```
#4a5379
```
#4a5379 rgb(74,83,121)
```
#434f81
```
#434f81 rgb(67,79,129)
```
#3b4a88
```
#3b4a88 rgb(59,74,136)
```
#344690
```
#344690 rgb(52,70,144)
```
#2c4197
```
#2c4197 rgb(44,65,151)
```
#253c9f
```
#253c9f rgb(37,60,159)
```
#1d38a6
```
#1d38a6 rgb(29,56,166)
```
#1633ae
```
#1633ae rgb(22,51,174)
```
#0e2fb5
```
#0e2fb5 rgb(14,47,181)
```
#062abd
```
#062abd rgb(6,42,189)
```

Tone Color Variation

Below, you can see how #2c4197 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
#404455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9b Protanopia 1% of men
#005388 Deuteranopia 1% of men
#00595f Tritanopia 0.001% of the population

Trichromacy

#104a99 Protanomaly 1% of men, 0.01% of women
#104c8d Deuteranomaly 6% of men, 0.4% of women
#105073 Tritanomaly 0.01% of the population

#2c4197 hex color

#2c4197 Color Information

#2c4197 Color Conversion

Color Schemes with #2c4197

Alternatives to #2c4197

#2c4197 Preview

Shades and Tints of #2c4197

Tones of #2c4197

Color Blindness Simulator