#2a7192 hex color

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

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

● #2a7192 color description : Dark blue.

The hexadecimal color #2a7192 has RGB values of R:42, G:113, B:146 and CMYK values of C:0.71, M:0.23, Y:0, K:0.43. Its decimal value is 2781586.

Hex triplet	2a7192	`#2a7192`
RGB Decimal	42, 113, 146	`rgb(42,113,146)`
RGB Percent	16.5, 44.3, 57.3	`rgb(16.5%,44.3%,57.3%)`
CMYK	71, 23, 0, 43
HSL	199°, 55.3, 36.9	`hsl(199,55.3%,36.9%)`
HSV (or HSB)	199°, 71.2, 57.3
Web Safe	336699	`#336699`

CIE-LAB	44.769, -10.774, -24.396
XYZ	12.047, 14.377, 29.333
xyY	0.216, 0.258, 14.377
CIE-LCH	44.769, 26.669, 246.172
CIE-LUV	44.769, -26.306, -34.033
Hunter-Lab	37.917, -9.641, -19.325
Binary	00101010, 01110001, 10010010

#2a7192
```
#2a7192 rgb(42,113,146)
```
#924b2a
```
#924b2a rgb(146,75,42)
```

Complementary Color

#2a927f
```
#2a927f rgb(42,146,127)
```
#2a7192
```
#2a7192 rgb(42,113,146)
```
#2a3d92
```
#2a3d92 rgb(42,61,146)
```

Analogous Color

#927f2a
```
#927f2a rgb(146,127,42)
```
#2a7192
```
#2a7192 rgb(42,113,146)
```
#922a3d
```
#922a3d rgb(146,42,61)
```

Split Complementary Color

#71922a
```
#71922a rgb(113,146,42)
```
#2a7192
```
#2a7192 rgb(42,113,146)
```
#922a71
```
#922a71 rgb(146,42,113)
```

Triadic Color

#2a924b
```
#2a924b rgb(42,146,75)
```
#2a7192
```
#2a7192 rgb(42,113,146)
```
#922a71
```
#922a71 rgb(146,42,113)
```
#924b2a
```
#924b2a rgb(146,75,42)
```

Tetradic Color

#194357
```
#194357 rgb(25,67,87)
```
#1f526a
```
#1f526a rgb(31,82,106)
```
#24627e
```
#24627e rgb(36,98,126)
```
#2a7192
```
#2a7192 rgb(42,113,146)
```
#3080a6
```
#3080a6 rgb(48,128,166)
```
#3590ba
```
#3590ba rgb(53,144,186)
```
#409dc8
```
#409dc8 rgb(64,157,200)
```

Monochromatic Color

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

#2a8b92
```
#2a8b92 rgb(42,139,146)
```
#2a8292
```
#2a8292 rgb(42,130,146)
```
#2a7a92
```
#2a7a92 rgb(42,122,146)
```
#2a7192
```
#2a7192 rgb(42,113,146)
```
#2a6892
```
#2a6892 rgb(42,104,146)
```
#2a6092
```
#2a6092 rgb(42,96,146)
```
#2a5792
```
#2a5792 rgb(42,87,146)
```

Similar Colors

Text with hexadecimal color #2a7192

This text has a font color of #2a7192.

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

#2a7192 background color

This paragraph has a background color of #2a7192.

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

#2a7192 border color

This element has a border color of #2a7192.

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

CSS codes

.text {color:#2a7192;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#071318
```
#071318 rgb(7,19,24)
```
#0b1e27
```
#0b1e27 rgb(11,30,39)
```
#102a37
```
#102a37 rgb(16,42,55)
```
#143646
```
#143646 rgb(20,54,70)
```
#184255
```
#184255 rgb(24,66,85)
```
#1d4e64
```
#1d4e64 rgb(29,78,100)
```
#215974
```
#215974 rgb(33,89,116)
```
#266583
```
#266583 rgb(38,101,131)
```
#2a7192
```
#2a7192 rgb(42,113,146)
```
#2e7da1
```
#2e7da1 rgb(46,125,161)
```
#3389b0
```
#3389b0 rgb(51,137,176)
```
#3794c0
```
#3794c0 rgb(55,148,192)
```

Shade Color Variation

#429ec9
```
#429ec9 rgb(66,158,201)
```
#51a6cd
```
#51a6cd rgb(81,166,205)
```
#60add1
```
#60add1 rgb(96,173,209)
```
#70b5d6
```
#70b5d6 rgb(112,181,214)
```
#7fbdda
```
#7fbdda rgb(127,189,218)
```
#8ec5df
```
#8ec5df rgb(142,197,223)
```
#9dcde3
```
#9dcde3 rgb(157,205,227)
```
#add5e7
```
#add5e7 rgb(173,213,231)
```
#bcdcec
```
#bcdcec rgb(188,220,236)
```
#cbe4f0
```
#cbe4f0 rgb(203,228,240)
```
#daecf4
```
#daecf4 rgb(218,236,244)
```
#e9f4f9
```
#e9f4f9 rgb(233,244,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#5d5f5f
```
#5d5f5f rgb(93,95,95)
```
#556167
```
#556167 rgb(85,97,103)
```
#4e646e
```
#4e646e rgb(78,100,110)
```
#476675
```
#476675 rgb(71,102,117)
```
#40697c
```
#40697c rgb(64,105,124)
```
#386c84
```
#386c84 rgb(56,108,132)
```
#316e8b
```
#316e8b rgb(49,110,139)
```
#2a7192
```
#2a7192 rgb(42,113,146)
```
#237499
```
#237499 rgb(35,116,153)
```
#1c76a0
```
#1c76a0 rgb(28,118,160)
```
#1479a8
```
#1479a8 rgb(20,121,168)
```
#0d7caf
```
#0d7caf rgb(13,124,175)
```
#067eb6
```
#067eb6 rgb(6,126,182)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#55636a Atypical Achromatopsia 0.001% of the population

Dichromacy

#677092 Protanopia 1% of men
#62709a Deuteranopia 1% of men
#247b85 Tritanopia 0.001% of the population

Trichromacy

#517092 Protanomaly 1% of men, 0.01% of women
#4d7097 Deuteranomaly 6% of men, 0.4% of women
#267789 Tritanomaly 0.01% of the population

#2a7192 hex color

#2a7192 Color Information

#2a7192 Color Conversion

Color Schemes with #2a7192

Alternatives to #2a7192

#2a7192 Preview

Shades and Tints of #2a7192

Tones of #2a7192

Color Blindness Simulator