#2a6292 hex color

In a RGB color space, hex #2a6292 is composed of 16.5% red, 38.4% green and 57.3% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 32.9% magenta, 0% yellow and 42.7% black. It has a hue angle of 207.7 degrees, a saturation of 55.3% and a lightness of 36.9%. #2a6292 color hex could be obtained by blending #54c4ff with #000025. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 38
- B 57
RGB color chart
- C 71
- M 33
- Y 0
- K 43
CMYK color chart

● #2a6292 color description : Dark blue.

The hexadecimal color #2a6292 has RGB values of R:42, G:98, B:146 and CMYK values of C:0.71, M:0.33, Y:0, K:0.43. Its decimal value is 2777746.

Hex triplet	2a6292	`#2a6292`
RGB Decimal	42, 98, 146	`rgb(42,98,146)`
RGB Percent	16.5, 38.4, 57.3	`rgb(16.5%,38.4%,57.3%)`
CMYK	71, 33, 0, 43
HSL	207.7°, 55.3, 36.9	`hsl(207.7,55.3%,36.9%)`
HSV (or HSB)	207.7°, 71.2, 57.3
Web Safe	336699	`#336699`

CIE-LAB	40.085, -1.759, -31.715
XYZ	10.51, 11.302, 28.82
xyY	0.208, 0.223, 11.302
CIE-LCH	40.085, 31.764, 266.826
CIE-LUV	40.085, -20.895, -45.156
Hunter-Lab	33.619, -3.031, -27.294
Binary	00101010, 01100010, 10010010

#2a6292
```
#2a6292 rgb(42,98,146)
```
#925a2a
```
#925a2a rgb(146,90,42)
```

Complementary Color

#2a928e
```
#2a928e rgb(42,146,142)
```
#2a6292
```
#2a6292 rgb(42,98,146)
```
#2a2e92
```
#2a2e92 rgb(42,46,146)
```

Analogous Color

#928e2a
```
#928e2a rgb(146,142,42)
```
#2a6292
```
#2a6292 rgb(42,98,146)
```
#922a2e
```
#922a2e rgb(146,42,46)
```

Split Complementary Color

#62922a
```
#62922a rgb(98,146,42)
```
#2a6292
```
#2a6292 rgb(42,98,146)
```
#922a62
```
#922a62 rgb(146,42,98)
```

Triadic Color

#2a925a
```
#2a925a rgb(42,146,90)
```
#2a6292
```
#2a6292 rgb(42,98,146)
```
#922a62
```
#922a62 rgb(146,42,98)
```
#925a2a
```
#925a2a rgb(146,90,42)
```

Tetradic Color

#193a57
```
#193a57 rgb(25,58,87)
```
#1f476a
```
#1f476a rgb(31,71,106)
```
#24557e
```
#24557e rgb(36,85,126)
```
#2a6292
```
#2a6292 rgb(42,98,146)
```
#306fa6
```
#306fa6 rgb(48,111,166)
```
#357dba
```
#357dba rgb(53,125,186)
```
#4089c8
```
#4089c8 rgb(64,137,200)
```

Monochromatic Color

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

#2a7c92
```
#2a7c92 rgb(42,124,146)
```
#2a7392
```
#2a7392 rgb(42,115,146)
```
#2a6b92
```
#2a6b92 rgb(42,107,146)
```
#2a6292
```
#2a6292 rgb(42,98,146)
```
#2a5992
```
#2a5992 rgb(42,89,146)
```
#2a5192
```
#2a5192 rgb(42,81,146)
```
#2a4892
```
#2a4892 rgb(42,72,146)
```

Similar Colors

Text with hexadecimal color #2a6292

This text has a font color of #2a6292.

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

#2a6292 background color

This paragraph has a background color of #2a6292.

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

#2a6292 border color

This element has a border color of #2a6292.

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

CSS codes

.text {color:#2a6292;}

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

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

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

#030609
```
#030609 rgb(3,6,9)
```
#071018
```
#071018 rgb(7,16,24)
```
#0b1a27
```
#0b1a27 rgb(11,26,39)
```
#102537
```
#102537 rgb(16,37,55)
```
#142f46
```
#142f46 rgb(20,47,70)
```
#183955
```
#183955 rgb(24,57,85)
```
#1d4364
```
#1d4364 rgb(29,67,100)
```
#214e74
```
#214e74 rgb(33,78,116)
```
#265883
```
#265883 rgb(38,88,131)
```
#2a6292
```
#2a6292 rgb(42,98,146)
```
#2e6ca1
```
#2e6ca1 rgb(46,108,161)
```
#3376b0
```
#3376b0 rgb(51,118,176)
```
#3781c0
```
#3781c0 rgb(55,129,192)
```

Shade Color Variation

#428ac9
```
#428ac9 rgb(66,138,201)
```
#5194cd
```
#5194cd rgb(81,148,205)
```
#609dd1
```
#609dd1 rgb(96,157,209)
```
#70a7d6
```
#70a7d6 rgb(112,167,214)
```
#7fb0da
```
#7fb0da rgb(127,176,218)
```
#8eb9df
```
#8eb9df rgb(142,185,223)
```
#9dc3e3
```
#9dc3e3 rgb(157,195,227)
```
#adcce7
```
#adcce7 rgb(173,204,231)
```
#bcd6ec
```
#bcd6ec rgb(188,214,236)
```
#cbdff0
```
#cbdff0 rgb(203,223,240)
```
#dae8f4
```
#dae8f4 rgb(218,232,244)
```
#e9f2f9
```
#e9f2f9 rgb(233,242,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#5d5e5f
```
#5d5e5f rgb(93,94,95)
```
#555f67
```
#555f67 rgb(85,95,103)
```
#4e5f6e
```
#4e5f6e rgb(78,95,110)
```
#476075
```
#476075 rgb(71,96,117)
```
#40607c
```
#40607c rgb(64,96,124)
```
#386184
```
#386184 rgb(56,97,132)
```
#31618b
```
#31618b rgb(49,97,139)
```
#2a6292
```
#2a6292 rgb(42,98,146)
```
#236399
```
#236399 rgb(35,99,153)
```
#1c63a0
```
#1c63a0 rgb(28,99,160)
```
#1464a8
```
#1464a8 rgb(20,100,168)
```
#0d64af
```
#0d64af rgb(13,100,175)
```
#0665b6
```
#0665b6 rgb(6,101,182)
```

Tone Color Variation

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

#556594 Protanopia 1% of men
#4a6699 Deuteranopia 1% of men
#127078 Tritanopia 0.001% of the population

Trichromacy

#456493 Protanomaly 1% of men, 0.01% of women
#3e6596 Deuteranomaly 6% of men, 0.4% of women
#1b6b82 Tritanomaly 0.01% of the population

#2a6292 hex color

#2a6292 Color Information

#2a6292 Color Conversion

Color Schemes with #2a6292

Alternatives to #2a6292

#2a6292 Preview

Shades and Tints of #2a6292

Tones of #2a6292

Color Blindness Simulator