#2c4f90 hex color

In a RGB color space, hex #2c4f90 is composed of 17.3% red, 31% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 45.1% magenta, 0% yellow and 43.5% black. It has a hue angle of 219 degrees, a saturation of 53.2% and a lightness of 36.9%. #2c4f90 color hex could be obtained by blending #589eff with #000021. Closest websafe color is: #336699.

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

● #2c4f90 color description : Dark moderate blue.

The hexadecimal color #2c4f90 has RGB values of R:44, G:79, B:144 and CMYK values of C:0.69, M:0.45, Y:0, K:0.44. Its decimal value is 2903952.

Hex triplet	2c4f90	`#2c4f90`
RGB Decimal	44, 79, 144	`rgb(44,79,144)`
RGB Percent	17.3, 31, 56.5	`rgb(17.3%,31%,56.5%)`
CMYK	69, 45, 0, 44
HSL	219°, 53.2, 36.9	`hsl(219,53.2%,36.9%)`
HSV (or HSB)	219°, 69.4, 56.5
Web Safe	336699	`#336699`

CIE-LAB	34.274, 10.077, -39.724
XYZ	8.868, 8.14, 27.488
xyY	0.199, 0.183, 8.14
CIE-LCH	34.274, 40.982, 284.234
CIE-LUV	34.274, -14.104, -55.73
Hunter-Lab	28.531, 5.548, -37.149
Binary	00101100, 01001111, 10010000

#2c4f90
```
#2c4f90 rgb(44,79,144)
```
#906d2c
```
#906d2c rgb(144,109,44)
```

Complementary Color

#2c8190
```
#2c8190 rgb(44,129,144)
```
#2c4f90
```
#2c4f90 rgb(44,79,144)
```
#3b2c90
```
#3b2c90 rgb(59,44,144)
```

Analogous Color

#81902c
```
#81902c rgb(129,144,44)
```
#2c4f90
```
#2c4f90 rgb(44,79,144)
```
#903b2c
```
#903b2c rgb(144,59,44)
```

Split Complementary Color

#4f902c
```
#4f902c rgb(79,144,44)
```
#2c4f90
```
#2c4f90 rgb(44,79,144)
```
#902c4f
```
#902c4f rgb(144,44,79)
```

Triadic Color

#2c906d
```
#2c906d rgb(44,144,109)
```
#2c4f90
```
#2c4f90 rgb(44,79,144)
```
#902c4f
```
#902c4f rgb(144,44,79)
```
#906d2c
```
#906d2c rgb(144,109,44)
```

Tetradic Color

#1a2f55
```
#1a2f55 rgb(26,47,85)
```
#203a69
```
#203a69 rgb(32,58,105)
```
#26447c
```
#26447c rgb(38,68,124)
```
#2c4f90
```
#2c4f90 rgb(44,79,144)
```
#325aa4
```
#325aa4 rgb(50,90,164)
```
#3864b7
```
#3864b7 rgb(56,100,183)
```
#4371c6
```
#4371c6 rgb(67,113,198)
```

Monochromatic Color

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

#2c6890
```
#2c6890 rgb(44,104,144)
```
#2c6090
```
#2c6090 rgb(44,96,144)
```
#2c5790
```
#2c5790 rgb(44,87,144)
```
#2c4f90
```
#2c4f90 rgb(44,79,144)
```
#2c4790
```
#2c4790 rgb(44,71,144)
```
#2c3e90
```
#2c3e90 rgb(44,62,144)
```
#2c3690
```
#2c3690 rgb(44,54,144)
```

Similar Colors

Text with hexadecimal color #2c4f90

This text has a font color of #2c4f90.

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

#2c4f90 background color

This paragraph has a background color of #2c4f90.

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

#2c4f90 border color

This element has a border color of #2c4f90.

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

CSS codes

.text {color:#2c4f90;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070d18
```
#070d18 rgb(7,13,24)
```
#0c1527
```
#0c1527 rgb(12,21,39)
```
#101e36
```
#101e36 rgb(16,30,54)
```
#152645
```
#152645 rgb(21,38,69)
```
#1a2e54
```
#1a2e54 rgb(26,46,84)
```
#1e3663
```
#1e3663 rgb(30,54,99)
```
#233f72
```
#233f72 rgb(35,63,114)
```
#274781
```
#274781 rgb(39,71,129)
```
#2c4f90
```
#2c4f90 rgb(44,79,144)
```
#31579f
```
#31579f rgb(49,87,159)
```
#355fae
```
#355fae rgb(53,95,174)
```
#3a68bd
```
#3a68bd rgb(58,104,189)
```

Shade Color Variation

#4472c6
```
#4472c6 rgb(68,114,198)
```
#537dcb
```
#537dcb rgb(83,125,203)
```
#6389cf
```
#6389cf rgb(99,137,207)
```
#7294d4
```
#7294d4 rgb(114,148,212)
```
#819fd8
```
#819fd8 rgb(129,159,216)
```
#90abdd
```
#90abdd rgb(144,171,221)
```
#9fb6e2
```
#9fb6e2 rgb(159,182,226)
```
#aec1e6
```
#aec1e6 rgb(174,193,230)
```
#bdcdeb
```
#bdcdeb rgb(189,205,235)
```
#ccd8ef
```
#ccd8ef rgb(204,216,239)
```
#dbe4f4
```
#dbe4f4 rgb(219,228,244)
```
#eaeff9
```
#eaeff9 rgb(234,239,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#575c65
```
#575c65 rgb(87,92,101)
```
#505a6c
```
#505a6c rgb(80,90,108)
```
#495873
```
#495873 rgb(73,88,115)
```
#42567a
```
#42567a rgb(66,86,122)
```
#3a5382
```
#3a5382 rgb(58,83,130)
```
#335189
```
#335189 rgb(51,81,137)
```
#2c4f90
```
#2c4f90 rgb(44,79,144)
```
#254d97
```
#254d97 rgb(37,77,151)
```
#1e4b9e
```
#1e4b9e rgb(30,75,158)
```
#1648a6
```
#1648a6 rgb(22,72,166)
```
#0f46ad
```
#0f46ad rgb(15,70,173)
```
#0844b4
```
#0844b4 rgb(8,68,180)
```
#0142bb
```
#0142bb rgb(1,66,187)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a5795 Protanopia 1% of men
#215a94 Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#355493 Protanomaly 1% of men, 0.01% of women
#255692 Deuteranomaly 6% of men, 0.4% of women
#105b77 Tritanomaly 0.01% of the population

#2c4f90 hex color

#2c4f90 Color Information

#2c4f90 Color Conversion

Color Schemes with #2c4f90

Alternatives to #2c4f90

#2c4f90 Preview

Shades and Tints of #2c4f90

Tones of #2c4f90

Color Blindness Simulator