#2c649b hex color

In a RGB color space, hex #2c649b is composed of 17.3% red, 39.2% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 35.5% magenta, 0% yellow and 39.2% black. It has a hue angle of 209.7 degrees, a saturation of 55.8% and a lightness of 39%. #2c649b color hex could be obtained by blending #58c8ff with #000037. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 39
- B 61
RGB color chart
- C 72
- M 35
- Y 0
- K 39
CMYK color chart

● #2c649b color description : Dark blue.

The hexadecimal color #2c649b has RGB values of R:44, G:100, B:155 and CMYK values of C:0.72, M:0.35, Y:0, K:0.39. Its decimal value is 2909339.

Hex triplet	2c649b	`#2c649b`
RGB Decimal	44, 100, 155	`rgb(44,100,155)`
RGB Percent	17.3, 39.2, 60.8	`rgb(17.3%,39.2%,60.8%)`
CMYK	72, 35, 0, 39
HSL	209.7°, 55.8, 39	`hsl(209.7,55.8%,39%)`
HSV (or HSB)	209.7°, 71.6, 60.8
Web Safe	336699	`#336699`

CIE-LAB	41.241, 0.65, -35.272
XYZ	11.511, 12.016, 32.721
xyY	0.205, 0.214, 12.016
CIE-LCH	41.241, 35.278, 271.056
CIE-LUV	41.241, -20.919, -51.105
Hunter-Lab	34.663, -1.385, -31.703
Binary	00101100, 01100100, 10011011

#2c649b
```
#2c649b rgb(44,100,155)
```
#9b632c
```
#9b632c rgb(155,99,44)
```

Complementary Color

#2c9b9b
```
#2c9b9b rgb(44,155,155)
```
#2c649b
```
#2c649b rgb(44,100,155)
```
#2c2c9b
```
#2c2c9b rgb(44,44,155)
```

Analogous Color

#9b9b2c
```
#9b9b2c rgb(155,155,44)
```
#2c649b
```
#2c649b rgb(44,100,155)
```
#9b2c2c
```
#9b2c2c rgb(155,44,44)
```

Split Complementary Color

#649b2c
```
#649b2c rgb(100,155,44)
```
#2c649b
```
#2c649b rgb(44,100,155)
```
#9b2c64
```
#9b2c64 rgb(155,44,100)
```

Triadic Color

#2c9b63
```
#2c9b63 rgb(44,155,99)
```
#2c649b
```
#2c649b rgb(44,100,155)
```
#9b2c64
```
#9b2c64 rgb(155,44,100)
```
#9b632c
```
#9b632c rgb(155,99,44)
```

Tetradic Color

#1b3e5f
```
#1b3e5f rgb(27,62,95)
```
#214a73
```
#214a73 rgb(33,74,115)
```
#265787
```
#265787 rgb(38,87,135)
```
#2c649b
```
#2c649b rgb(44,100,155)
```
#3271af
```
#3271af rgb(50,113,175)
```
#377ec3
```
#377ec3 rgb(55,126,195)
```
#488acb
```
#488acb rgb(72,138,203)
```

Monochromatic Color

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

#2c809b
```
#2c809b rgb(44,128,155)
```
#2c779b
```
#2c779b rgb(44,119,155)
```
#2c6d9b
```
#2c6d9b rgb(44,109,155)
```
#2c649b
```
#2c649b rgb(44,100,155)
```
#2c5b9b
```
#2c5b9b rgb(44,91,155)
```
#2c519b
```
#2c519b rgb(44,81,155)
```
#2c489b
```
#2c489b rgb(44,72,155)
```

Similar Colors

Text with hexadecimal color #2c649b

This text has a font color of #2c649b.

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

#2c649b background color

This paragraph has a background color of #2c649b.

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

#2c649b border color

This element has a border color of #2c649b.

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

CSS codes

.text {color:#2c649b;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050b11
```
#050b11 rgb(5,11,17)
```
#091521
```
#091521 rgb(9,21,33)
```
#0e1f30
```
#0e1f30 rgb(14,31,48)
```
#12293f
```
#12293f rgb(18,41,63)
```
#16334f
```
#16334f rgb(22,51,79)
```
#1b3d5e
```
#1b3d5e rgb(27,61,94)
```
#1f466d
```
#1f466d rgb(31,70,109)
```
#23507c
```
#23507c rgb(35,80,124)
```
#285a8c
```
#285a8c rgb(40,90,140)
```
#2c649b
```
#2c649b rgb(44,100,155)
```
#306eaa
```
#306eaa rgb(48,110,170)
```
#3578ba
```
#3578ba rgb(53,120,186)
```

Shade Color Variation

#3b82c7
```
#3b82c7 rgb(59,130,199)
```
#4a8bcc
```
#4a8bcc rgb(74,139,204)
```
#5995d0
```
#5995d0 rgb(89,149,208)
```
#689fd4
```
#689fd4 rgb(104,159,212)
```
#78a9d9
```
#78a9d9 rgb(120,169,217)
```
#87b2dd
```
#87b2dd rgb(135,178,221)
```
#96bce1
```
#96bce1 rgb(150,188,225)
```
#a6c6e6
```
#a6c6e6 rgb(166,198,230)
```
#b5d0ea
```
#b5d0ea rgb(181,208,234)
```
#c4d9ee
```
#c4d9ee rgb(196,217,238)
```
#d3e3f3
```
#d3e3f3 rgb(211,227,243)
```
#e3edf7
```
#e3edf7 rgb(227,237,247)
```
#f2f7fb
```
#f2f7fb rgb(242,247,251)
```

Tint Color Variation

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

#626465
```
#626465 rgb(98,100,101)
```
#5a646d
```
#5a646d rgb(90,100,109)
```
#526475
```
#526475 rgb(82,100,117)
```
#4b647c
```
#4b647c rgb(75,100,124)
```
#436484
```
#436484 rgb(67,100,132)
```
#3b648c
```
#3b648c rgb(59,100,140)
```
#346493
```
#346493 rgb(52,100,147)
```
#2c649b
```
#2c649b rgb(44,100,155)
```
#2464a3
```
#2464a3 rgb(36,100,163)
```
#1d64aa
```
#1d64aa rgb(29,100,170)
```
#1564b2
```
#1564b2 rgb(21,100,178)
```
#0d64ba
```
#0d64ba rgb(13,100,186)
```
#0664c1
```
#0664c1 rgb(6,100,193)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#515c67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54679c Protanopia 1% of men
#4669a1 Deuteranopia 1% of men
#00737c Tritanopia 0.001% of the population

Trichromacy

#45669c Protanomaly 1% of men, 0.01% of women
#3c679e Deuteranomaly 6% of men, 0.4% of women
#106d87 Tritanomaly 0.01% of the population

#2c649b hex color

#2c649b Color Information

#2c649b Color Conversion

Color Schemes with #2c649b

Alternatives to #2c649b

#2c649b Preview

Shades and Tints of #2c649b

Tones of #2c649b

Color Blindness Simulator