#2a6594 hex color

In a RGB color space, hex #2a6594 is composed of 16.5% red, 39.6% green and 58% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 31.8% magenta, 0% yellow and 42% black. It has a hue angle of 206.6 degrees, a saturation of 55.8% and a lightness of 37.3%. #2a6594 color hex could be obtained by blending #54caff with #000029. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 40
- B 58
RGB color chart
- C 72
- M 32
- Y 0
- K 42
CMYK color chart

● #2a6594 color description : Dark blue.

The hexadecimal color #2a6594 has RGB values of R:42, G:101, B:148 and CMYK values of C:0.72, M:0.32, Y:0, K:0.42. Its decimal value is 2778516.

Hex triplet	2a6594	`#2a6594`
RGB Decimal	42, 101, 148	`rgb(42,101,148)`
RGB Percent	16.5, 39.6, 58	`rgb(16.5%,39.6%,58%)`
CMYK	72, 32, 0, 42
HSL	206.6°, 55.8, 37.3	`hsl(206.6,55.8%,37.3%)`
HSV (or HSB)	206.6°, 71.6, 58
Web Safe	336699	`#336699`

CIE-LAB	41.116, -2.877, -31.293
XYZ	10.953, 11.937, 29.742
xyY	0.208, 0.227, 11.937
CIE-LCH	41.116, 31.425, 264.747
CIE-LUV	41.116, -21.885, -44.682
Hunter-Lab	34.55, -3.876, -26.855
Binary	00101010, 01100101, 10010100

#2a6594
```
#2a6594 rgb(42,101,148)
```
#94592a
```
#94592a rgb(148,89,42)
```

Complementary Color

#2a948e
```
#2a948e rgb(42,148,142)
```
#2a6594
```
#2a6594 rgb(42,101,148)
```
#2a3094
```
#2a3094 rgb(42,48,148)
```

Analogous Color

#948e2a
```
#948e2a rgb(148,142,42)
```
#2a6594
```
#2a6594 rgb(42,101,148)
```
#942a30
```
#942a30 rgb(148,42,48)
```

Split Complementary Color

#65942a
```
#65942a rgb(101,148,42)
```
#2a6594
```
#2a6594 rgb(42,101,148)
```
#942a65
```
#942a65 rgb(148,42,101)
```

Triadic Color

#2a9459
```
#2a9459 rgb(42,148,89)
```
#2a6594
```
#2a6594 rgb(42,101,148)
```
#942a65
```
#942a65 rgb(148,42,101)
```
#94592a
```
#94592a rgb(148,89,42)
```

Tetradic Color

#193c58
```
#193c58 rgb(25,60,88)
```
#1f4a6c
```
#1f4a6c rgb(31,74,108)
```
#245780
```
#245780 rgb(36,87,128)
```
#2a6594
```
#2a6594 rgb(42,101,148)
```
#3073a8
```
#3073a8 rgb(48,115,168)
```
#3580bc
```
#3580bc rgb(53,128,188)
```
#418dc9
```
#418dc9 rgb(65,141,201)
```

Monochromatic Color

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

#2a8094
```
#2a8094 rgb(42,128,148)
```
#2a7794
```
#2a7794 rgb(42,119,148)
```
#2a6e94
```
#2a6e94 rgb(42,110,148)
```
#2a6594
```
#2a6594 rgb(42,101,148)
```
#2a5c94
```
#2a5c94 rgb(42,92,148)
```
#2a5394
```
#2a5394 rgb(42,83,148)
```
#2a4b94
```
#2a4b94 rgb(42,75,148)
```

Similar Colors

Text with hexadecimal color #2a6594

This text has a font color of #2a6594.

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

#2a6594 background color

This paragraph has a background color of #2a6594.

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

#2a6594 border color

This element has a border color of #2a6594.

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

CSS codes

.text {color:#2a6594;}

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

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

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, #03070a is the darkest color, while #fafcfe is the lightest one.

#03070a
```
#03070a rgb(3,7,10)
```
#07121a
```
#07121a rgb(7,18,26)
```
#0c1c29
```
#0c1c29 rgb(12,28,41)
```
#102638
```
#102638 rgb(16,38,56)
```
#143148
```
#143148 rgb(20,49,72)
```
#193b57
```
#193b57 rgb(25,59,87)
```
#1d4666
```
#1d4666 rgb(29,70,102)
```
#215075
```
#215075 rgb(33,80,117)
```
#265b85
```
#265b85 rgb(38,91,133)
```
#2a6594
```
#2a6594 rgb(42,101,148)
```
#2e6fa3
```
#2e6fa3 rgb(46,111,163)
```
#337ab3
```
#337ab3 rgb(51,122,179)
```
#3784c2
```
#3784c2 rgb(55,132,194)
```

Shade Color Variation

#438eca
```
#438eca rgb(67,142,202)
```
#5297ce
```
#5297ce rgb(82,151,206)
```
#61a0d2
```
#61a0d2 rgb(97,160,210)
```
#71a9d7
```
#71a9d7 rgb(113,169,215)
```
#80b3db
```
#80b3db rgb(128,179,219)
```
#8fbcdf
```
#8fbcdf rgb(143,188,223)
```
#9fc5e4
```
#9fc5e4 rgb(159,197,228)
```
#aecee8
```
#aecee8 rgb(174,206,232)
```
#bdd7ec
```
#bdd7ec rgb(189,215,236)
```
#cce1f1
```
#cce1f1 rgb(204,225,241)
```
#dceaf5
```
#dceaf5 rgb(220,234,245)
```
#ebf3f9
```
#ebf3f9 rgb(235,243,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#5d5f61
```
#5d5f61 rgb(93,95,97)
```
#566068
```
#566068 rgb(86,96,104)
```
#4f616f
```
#4f616f rgb(79,97,111)
```
#476277
```
#476277 rgb(71,98,119)
```
#40637e
```
#40637e rgb(64,99,126)
```
#396385
```
#396385 rgb(57,99,133)
```
#31648d
```
#31648d rgb(49,100,141)
```
#2a6594
```
#2a6594 rgb(42,101,148)
```
#23669b
```
#23669b rgb(35,102,155)
```
#1b67a3
```
#1b67a3 rgb(27,103,163)
```
#1467aa
```
#1467aa rgb(20,103,170)
```
#0d68b1
```
#0d68b1 rgb(13,104,177)
```
#0569b9
```
#0569b9 rgb(5,105,185)
```

Tone Color Variation

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

Dichromacy

#586795 Protanopia 1% of men
#4d699b Deuteranopia 1% of men
#13737b Tritanopia 0.001% of the population

Trichromacy

#476695 Protanomaly 1% of men, 0.01% of women
#406798 Deuteranomaly 6% of men, 0.4% of women
#1b6e84 Tritanomaly 0.01% of the population

#2a6594 hex color

#2a6594 Color Information

#2a6594 Color Conversion

Color Schemes with #2a6594

Alternatives to #2a6594

#2a6594 Preview

Shades and Tints of #2a6594

Tones of #2a6594

Color Blindness Simulator