#2a6294 hex color

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

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

● #2a6294 color description : Dark blue.

The hexadecimal color #2a6294 has RGB values of R:42, G:98, B:148 and CMYK values of C:0.72, M:0.34, Y:0, K:0.42. Its decimal value is 2777748.

Hex triplet	2a6294	`#2a6294`
RGB Decimal	42, 98, 148	`rgb(42,98,148)`
RGB Percent	16.5, 38.4, 58	`rgb(16.5%,38.4%,58%)`
CMYK	72, 34, 0, 42
HSL	208.3°, 55.8, 37.3	`hsl(208.3,55.8%,37.3%)`
HSV (or HSB)	208.3°, 71.6, 58
Web Safe	336699	`#336699`

CIE-LAB	40.188, -1.017, -32.753
XYZ	10.667, 11.365, 29.647
xyY	0.206, 0.22, 11.365
CIE-LCH	40.188, 32.768, 268.222
CIE-LUV	40.188, -20.827, -46.821
Hunter-Lab	33.712, -2.518, -28.542
Binary	00101010, 01100010, 10010100

#2a6294
```
#2a6294 rgb(42,98,148)
```
#945c2a
```
#945c2a rgb(148,92,42)
```

Complementary Color

#2a9491
```
#2a9491 rgb(42,148,145)
```
#2a6294
```
#2a6294 rgb(42,98,148)
```
#2a2d94
```
#2a2d94 rgb(42,45,148)
```

Analogous Color

#94912a
```
#94912a rgb(148,145,42)
```
#2a6294
```
#2a6294 rgb(42,98,148)
```
#942a2d
```
#942a2d rgb(148,42,45)
```

Split Complementary Color

#62942a
```
#62942a rgb(98,148,42)
```
#2a6294
```
#2a6294 rgb(42,98,148)
```
#942a62
```
#942a62 rgb(148,42,98)
```

Triadic Color

#2a945c
```
#2a945c rgb(42,148,92)
```
#2a6294
```
#2a6294 rgb(42,98,148)
```
#942a62
```
#942a62 rgb(148,42,98)
```
#945c2a
```
#945c2a rgb(148,92,42)
```

Tetradic Color

#193b58
```
#193b58 rgb(25,59,88)
```
#1f486c
```
#1f486c rgb(31,72,108)
```
#245580
```
#245580 rgb(36,85,128)
```
#2a6294
```
#2a6294 rgb(42,98,148)
```
#306fa8
```
#306fa8 rgb(48,111,168)
```
#357cbc
```
#357cbc rgb(53,124,188)
```
#4189c9
```
#4189c9 rgb(65,137,201)
```

Monochromatic Color

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

#2a7d94
```
#2a7d94 rgb(42,125,148)
```
#2a7494
```
#2a7494 rgb(42,116,148)
```
#2a6b94
```
#2a6b94 rgb(42,107,148)
```
#2a6294
```
#2a6294 rgb(42,98,148)
```
#2a5994
```
#2a5994 rgb(42,89,148)
```
#2a5094
```
#2a5094 rgb(42,80,148)
```
#2a4894
```
#2a4894 rgb(42,72,148)
```

Similar Colors

Text with hexadecimal color #2a6294

This text has a font color of #2a6294.

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

#2a6294 background color

This paragraph has a background color of #2a6294.

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

#2a6294 border color

This element has a border color of #2a6294.

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

CSS codes

.text {color:#2a6294;}

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

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

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)
```
#07111a
```
#07111a rgb(7,17,26)
```
#0c1b29
```
#0c1b29 rgb(12,27,41)
```
#102538
```
#102538 rgb(16,37,56)
```
#142f48
```
#142f48 rgb(20,47,72)
```
#193a57
```
#193a57 rgb(25,58,87)
```
#1d4466
```
#1d4466 rgb(29,68,102)
```
#214e75
```
#214e75 rgb(33,78,117)
```
#265885
```
#265885 rgb(38,88,133)
```
#2a6294
```
#2a6294 rgb(42,98,148)
```
#2e6ca3
```
#2e6ca3 rgb(46,108,163)
```
#3376b3
```
#3376b3 rgb(51,118,179)
```
#3780c2
```
#3780c2 rgb(55,128,194)
```

Shade Color Variation

#438aca
```
#438aca rgb(67,138,202)
```
#5294ce
```
#5294ce rgb(82,148,206)
```
#619dd2
```
#619dd2 rgb(97,157,210)
```
#71a7d7
```
#71a7d7 rgb(113,167,215)
```
#80b0db
```
#80b0db rgb(128,176,219)
```
#8fbadf
```
#8fbadf rgb(143,186,223)
```
#9fc3e4
```
#9fc3e4 rgb(159,195,228)
```
#aecde8
```
#aecde8 rgb(174,205,232)
```
#bdd6ec
```
#bdd6ec rgb(189,214,236)
```
#cce0f1
```
#cce0f1 rgb(204,224,241)
```
#dce9f5
```
#dce9f5 rgb(220,233,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 #0564b9 is the most saturated one.

#5d5f61
```
#5d5f61 rgb(93,95,97)
```
#566068
```
#566068 rgb(86,96,104)
```
#4f606f
```
#4f606f rgb(79,96,111)
```
#476077
```
#476077 rgb(71,96,119)
```
#40617e
```
#40617e rgb(64,97,126)
```
#396185
```
#396185 rgb(57,97,133)
```
#31628d
```
#31628d rgb(49,98,141)
```
#2a6294
```
#2a6294 rgb(42,98,148)
```
#23629b
```
#23629b rgb(35,98,155)
```
#1b63a3
```
#1b63a3 rgb(27,99,163)
```
#1463aa
```
#1463aa rgb(20,99,170)
```
#0d64b1
```
#0d64b1 rgb(13,100,177)
```
#0564b9
```
#0564b9 rgb(5,100,185)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e5963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546596 Protanopia 1% of men
#48679a Deuteranopia 1% of men
#0b7079 Tritanopia 0.001% of the population

Trichromacy

#456495 Protanomaly 1% of men, 0.01% of women
#3d6598 Deuteranomaly 6% of men, 0.4% of women
#166b82 Tritanomaly 0.01% of the population

#2a6294 hex color

#2a6294 Color Information

#2a6294 Color Conversion

Color Schemes with #2a6294

Alternatives to #2a6294

#2a6294 Preview

Shades and Tints of #2a6294

Tones of #2a6294

Color Blindness Simulator