#2a6da1 hex color

In a RGB color space, hex #2a6da1 is composed of 16.5% red, 42.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 32.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 206.2 degrees, a saturation of 58.6% and a lightness of 39.8%. #2a6da1 color hex could be obtained by blending #54daff with #000043. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 43
- B 63
RGB color chart
- C 74
- M 32
- Y 0
- K 37
CMYK color chart

● #2a6da1 color description : Dark blue.

The hexadecimal color #2a6da1 has RGB values of R:42, G:109, B:161 and CMYK values of C:0.74, M:0.32, Y:0, K:0.37. Its decimal value is 2780577.

Hex triplet	2a6da1	`#2a6da1`
RGB Decimal	42, 109, 161	`rgb(42,109,161)`
RGB Percent	16.5, 42.7, 63.1	`rgb(16.5%,42.7%,63.1%)`
CMYK	74, 32, 0, 37
HSL	206.2°, 58.6, 39.8	`hsl(206.2,58.6%,39.8%)`
HSV (or HSB)	206.2°, 73.9, 63.1
Web Safe	336699	`#336699`

CIE-LAB	44.235, -2.982, -34.11
XYZ	12.855, 14.002, 35.741
xyY	0.205, 0.224, 14.002
CIE-LCH	44.235, 34.24, 265.004
CIE-LUV	44.235, -24.194, -49.796
Hunter-Lab	37.419, -4.161, -30.439
Binary	00101010, 01101101, 10100001

#2a6da1
```
#2a6da1 rgb(42,109,161)
```
#a15e2a
```
#a15e2a rgb(161,94,42)
```

Complementary Color

#2aa19a
```
#2aa19a rgb(42,161,154)
```
#2a6da1
```
#2a6da1 rgb(42,109,161)
```
#2a32a1
```
#2a32a1 rgb(42,50,161)
```

Analogous Color

#a19a2a
```
#a19a2a rgb(161,154,42)
```
#2a6da1
```
#2a6da1 rgb(42,109,161)
```
#a12a32
```
#a12a32 rgb(161,42,50)
```

Split Complementary Color

#6da12a
```
#6da12a rgb(109,161,42)
```
#2a6da1
```
#2a6da1 rgb(42,109,161)
```
#a12a6d
```
#a12a6d rgb(161,42,109)
```

Triadic Color

#2aa15e
```
#2aa15e rgb(42,161,94)
```
#2a6da1
```
#2a6da1 rgb(42,109,161)
```
#a12a6d
```
#a12a6d rgb(161,42,109)
```
#a15e2a
```
#a15e2a rgb(161,94,42)
```

Tetradic Color

#1a4464
```
#1a4464 rgb(26,68,100)
```
#1f5279
```
#1f5279 rgb(31,82,121)
```
#255f8d
```
#255f8d rgb(37,95,141)
```
#2a6da1
```
#2a6da1 rgb(42,109,161)
```
#2f7bb5
```
#2f7bb5 rgb(47,123,181)
```
#3588c9
```
#3588c9 rgb(53,136,201)
```
#4894cf
```
#4894cf rgb(72,148,207)
```

Monochromatic Color

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

#2a8ba1
```
#2a8ba1 rgb(42,139,161)
```
#2a81a1
```
#2a81a1 rgb(42,129,161)
```
#2a77a1
```
#2a77a1 rgb(42,119,161)
```
#2a6da1
```
#2a6da1 rgb(42,109,161)
```
#2a63a1
```
#2a63a1 rgb(42,99,161)
```
#2a59a1
```
#2a59a1 rgb(42,89,161)
```
#2a4fa1
```
#2a4fa1 rgb(42,79,161)
```

Similar Colors

Text with hexadecimal color #2a6da1

This text has a font color of #2a6da1.

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

#2a6da1 background color

This paragraph has a background color of #2a6da1.

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

#2a6da1 border color

This element has a border color of #2a6da1.

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

CSS codes

.text {color:#2a6da1;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#050e15
```
#050e15 rgb(5,14,21)
```
#0a1925
```
#0a1925 rgb(10,25,37)
```
#0e2334
```
#0e2334 rgb(14,35,52)
```
#122e44
```
#122e44 rgb(18,46,68)
```
#163853
```
#163853 rgb(22,56,83)
```
#1a4363
```
#1a4363 rgb(26,67,99)
```
#1e4d72
```
#1e4d72 rgb(30,77,114)
```
#225882
```
#225882 rgb(34,88,130)
```
#266291
```
#266291 rgb(38,98,145)
```
#2a6da1
```
#2a6da1 rgb(42,109,161)
```
#2e78b1
```
#2e78b1 rgb(46,120,177)
```
#3282c0
```
#3282c0 rgb(50,130,192)
```

Shade Color Variation

#3a8ccc
```
#3a8ccc rgb(58,140,204)
```
#4a95d0
```
#4a95d0 rgb(74,149,208)
```
#599ed4
```
#599ed4 rgb(89,158,212)
```
#69a7d8
```
#69a7d8 rgb(105,167,216)
```
#78b0dc
```
#78b0dc rgb(120,176,220)
```
#88bae0
```
#88bae0 rgb(136,186,224)
```
#98c3e4
```
#98c3e4 rgb(152,195,228)
```
#a7cce8
```
#a7cce8 rgb(167,204,232)
```
#b7d5ec
```
#b7d5ec rgb(183,213,236)
```
#c6def0
```
#c6def0 rgb(198,222,240)
```
#d6e7f4
```
#d6e7f4 rgb(214,231,244)
```
#e5f0f8
```
#e5f0f8 rgb(229,240,248)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61666a is the less saturated color, while #0372c8 is the most saturated one.

#61666a
```
#61666a rgb(97,102,106)
```
#596772
```
#596772 rgb(89,103,114)
```
#51687a
```
#51687a rgb(81,104,122)
```
#496982
```
#496982 rgb(73,105,130)
```
#416a8a
```
#416a8a rgb(65,106,138)
```
#3a6b91
```
#3a6b91 rgb(58,107,145)
```
#326c99
```
#326c99 rgb(50,108,153)
```
#2a6da1
```
#2a6da1 rgb(42,109,161)
```
#226ea9
```
#226ea9 rgb(34,110,169)
```
#1a6fb1
```
#1a6fb1 rgb(26,111,177)
```
#1370b8
```
#1370b8 rgb(19,112,184)
```
#0b71c0
```
#0b71c0 rgb(11,113,192)
```
#0372c8
```
#0372c8 rgb(3,114,200)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#54626c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6ea1 Protanopia 1% of men
#5170a7 Deuteranopia 1% of men
#007b84 Tritanopia 0.001% of the population

Trichromacy

#4a6ea1 Protanomaly 1% of men, 0.01% of women
#426fa5 Deuteranomaly 6% of men, 0.4% of women
#0f768e Tritanomaly 0.01% of the population

#2a6da1 hex color

#2a6da1 Color Information

#2a6da1 Color Conversion

Color Schemes with #2a6da1

Alternatives to #2a6da1

#2a6da1 Preview

Shades and Tints of #2a6da1

Tones of #2a6da1

Color Blindness Simulator