#2a649c hex color

In a RGB color space, hex #2a649c is composed of 16.5% red, 39.2% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 35.9% magenta, 0% yellow and 38.8% black. It has a hue angle of 209.5 degrees, a saturation of 57.6% and a lightness of 38.8%. #2a649c color hex could be obtained by blending #54c8ff with #000039. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 39
- B 61
RGB color chart
- C 73
- M 36
- Y 0
- K 39
CMYK color chart

● #2a649c color description : Dark blue.

The hexadecimal color #2a649c has RGB values of R:42, G:100, B:156 and CMYK values of C:0.73, M:0.36, Y:0, K:0.39. Its decimal value is 2778268.

Hex triplet	2a649c	`#2a649c`
RGB Decimal	42, 100, 156	`rgb(42,100,156)`
RGB Percent	16.5, 39.2, 61.2	`rgb(16.5%,39.2%,61.2%)`
CMYK	73, 36, 0, 39
HSL	209.5°, 57.6, 38.8	`hsl(209.5,57.6%,38.8%)`
HSV (or HSB)	209.5°, 73.1, 61.2
Web Safe	336699	`#336699`

CIE-LAB	41.226, 0.719, -35.897
XYZ	11.511, 12.006, 33.161
xyY	0.203, 0.212, 12.006
CIE-LCH	41.226, 35.904, 271.147
CIE-LUV	41.226, -21.252, -52.053
Hunter-Lab	34.65, -1.335, -32.489
Binary	00101010, 01100100, 10011100

#2a649c
```
#2a649c rgb(42,100,156)
```
#9c622a
```
#9c622a rgb(156,98,42)
```

Complementary Color

#2a9c9b
```
#2a9c9b rgb(42,156,155)
```
#2a649c
```
#2a649c rgb(42,100,156)
```
#2a2b9c
```
#2a2b9c rgb(42,43,156)
```

Analogous Color

#9c9b2a
```
#9c9b2a rgb(156,155,42)
```
#2a649c
```
#2a649c rgb(42,100,156)
```
#9c2a2b
```
#9c2a2b rgb(156,42,43)
```

Split Complementary Color

#649c2a
```
#649c2a rgb(100,156,42)
```
#2a649c
```
#2a649c rgb(42,100,156)
```
#9c2a64
```
#9c2a64 rgb(156,42,100)
```

Triadic Color

#2a9c62
```
#2a9c62 rgb(42,156,98)
```
#2a649c
```
#2a649c rgb(42,100,156)
```
#9c2a64
```
#9c2a64 rgb(156,42,100)
```
#9c622a
```
#9c622a rgb(156,98,42)
```

Tetradic Color

#1a3d60
```
#1a3d60 rgb(26,61,96)
```
#1f4a74
```
#1f4a74 rgb(31,74,116)
```
#255788
```
#255788 rgb(37,87,136)
```
#2a649c
```
#2a649c rgb(42,100,156)
```
#2f71b0
```
#2f71b0 rgb(47,113,176)
```
#357ec4
```
#357ec4 rgb(53,126,196)
```
#458acd
```
#458acd rgb(69,138,205)
```

Monochromatic Color

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

#2a819c
```
#2a819c rgb(42,129,156)
```
#2a779c
```
#2a779c rgb(42,119,156)
```
#2a6e9c
```
#2a6e9c rgb(42,110,156)
```
#2a649c
```
#2a649c rgb(42,100,156)
```
#2a5a9c
```
#2a5a9c rgb(42,90,156)
```
#2a519c
```
#2a519c rgb(42,81,156)
```
#2a479c
```
#2a479c rgb(42,71,156)
```

Similar Colors

Text with hexadecimal color #2a649c

This text has a font color of #2a649c.

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

#2a649c background color

This paragraph has a background color of #2a649c.

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

#2a649c border color

This element has a border color of #2a649c.

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

CSS codes

.text {color:#2a649c;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050b11
```
#050b11 rgb(5,11,17)
```
#091520
```
#091520 rgb(9,21,32)
```
#0d1f30
```
#0d1f30 rgb(13,31,48)
```
#11293f
```
#11293f rgb(17,41,63)
```
#15324f
```
#15324f rgb(21,50,79)
```
#193c5e
```
#193c5e rgb(25,60,94)
```
#1e466e
```
#1e466e rgb(30,70,110)
```
#22507d
```
#22507d rgb(34,80,125)
```
#265a8d
```
#265a8d rgb(38,90,141)
```
#2a649c
```
#2a649c rgb(42,100,156)
```
#2e6eab
```
#2e6eab rgb(46,110,171)
```
#3278bb
```
#3278bb rgb(50,120,187)
```

Shade Color Variation

#3882c9
```
#3882c9 rgb(56,130,201)
```
#478bcd
```
#478bcd rgb(71,139,205)
```
#5695d2
```
#5695d2 rgb(86,149,210)
```
#669fd6
```
#669fd6 rgb(102,159,214)
```
#75a9da
```
#75a9da rgb(117,169,218)
```
#85b2de
```
#85b2de rgb(133,178,222)
```
#94bce2
```
#94bce2 rgb(148,188,226)
```
#a4c6e6
```
#a4c6e6 rgb(164,198,230)
```
#b3cfeb
```
#b3cfeb rgb(179,207,235)
```
#c3d9ef
```
#c3d9ef rgb(195,217,239)
```
#d2e3f3
```
#d2e3f3 rgb(210,227,243)
```
#e2ecf7
```
#e2ecf7 rgb(226,236,247)
```
#f1f6fb
```
#f1f6fb rgb(241,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6367 is the less saturated color, while #0465c2 is the most saturated one.

#5f6367
```
#5f6367 rgb(95,99,103)
```
#58636e
```
#58636e rgb(88,99,110)
```
#506376
```
#506376 rgb(80,99,118)
```
#48637e
```
#48637e rgb(72,99,126)
```
#416485
```
#416485 rgb(65,100,133)
```
#39648d
```
#39648d rgb(57,100,141)
```
#326494
```
#326494 rgb(50,100,148)
```
#2a649c
```
#2a649c rgb(42,100,156)
```
#2264a4
```
#2264a4 rgb(34,100,164)
```
#1b64ab
```
#1b64ab rgb(27,100,171)
```
#1364b3
```
#1364b3 rgb(19,100,179)
```
#0c65ba
```
#0c65ba rgb(12,101,186)
```
#0465c2
```
#0465c2 rgb(4,101,194)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#505b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#53679d Protanopia 1% of men
#4469a2 Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#44669d Protanomaly 1% of men, 0.01% of women
#3b679f Deuteranomaly 6% of men, 0.4% of women
#0f6d87 Tritanomaly 0.01% of the population

#2a649c hex color

#2a649c Color Information

#2a649c Color Conversion

Color Schemes with #2a649c

Alternatives to #2a649c

#2a649c Preview

Shades and Tints of #2a649c

Tones of #2a649c

Color Blindness Simulator