#1a7196 hex color

In a RGB color space, hex #1a7196 is composed of 10.2% red, 44.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 24.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 197.9 degrees, a saturation of 70.5% and a lightness of 34.5%. #1a7196 color hex could be obtained by blending #34e2ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 10
- G 44
- B 59
RGB color chart
- C 83
- M 25
- Y 0
- K 41
CMYK color chart

● #1a7196 color description : Dark blue.

The hexadecimal color #1a7196 has RGB values of R:26, G:113, B:150 and CMYK values of C:0.83, M:0.25, Y:0, K:0.41. Its decimal value is 1733014.

Hex triplet	1a7196	`#1a7196`
RGB Decimal	26, 113, 150	`rgb(26,113,150)`
RGB Percent	10.2, 44.3, 58.8	`rgb(10.2%,44.3%,58.8%)`
CMYK	83, 25, 0, 41
HSL	197.9°, 70.5, 34.5	`hsl(197.9,70.5%,34.5%)`
HSV (or HSB)	197.9°, 82.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	44.562, -11.368, -27.12
XYZ	11.835, 14.231, 30.976
xyY	0.207, 0.249, 14.231
CIE-LCH	44.562, 29.406, 247.258
CIE-LUV	44.562, -28.432, -38.154
Hunter-Lab	37.724, -10.017, -22.277
Binary	00011010, 01110001, 10010110

#1a7196
```
#1a7196 rgb(26,113,150)
```
#963f1a
```
#963f1a rgb(150,63,26)
```

Complementary Color

#1a967d
```
#1a967d rgb(26,150,125)
```
#1a7196
```
#1a7196 rgb(26,113,150)
```
#1a3396
```
#1a3396 rgb(26,51,150)
```

Analogous Color

#967d1a
```
#967d1a rgb(150,125,26)
```
#1a7196
```
#1a7196 rgb(26,113,150)
```
#961a33
```
#961a33 rgb(150,26,51)
```

Split Complementary Color

#71961a
```
#71961a rgb(113,150,26)
```
#1a7196
```
#1a7196 rgb(26,113,150)
```
#961a71
```
#961a71 rgb(150,26,113)
```

Triadic Color

#1a963f
```
#1a963f rgb(26,150,63)
```
#1a7196
```
#1a7196 rgb(26,113,150)
```
#961a71
```
#961a71 rgb(150,26,113)
```
#963f1a
```
#963f1a rgb(150,63,26)
```

Tetradic Color

#0f4055
```
#0f4055 rgb(15,64,85)
```
#12506b
```
#12506b rgb(18,80,107)
```
#166180
```
#166180 rgb(22,97,128)
```
#1a7196
```
#1a7196 rgb(26,113,150)
```
#1e81ac
```
#1e81ac rgb(30,129,172)
```
#2292c1
```
#2292c1 rgb(34,146,193)
```
#25a2d7
```
#25a2d7 rgb(37,162,215)
```

Monochromatic Color

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

#1a9096
```
#1a9096 rgb(26,144,150)
```
#1a8696
```
#1a8696 rgb(26,134,150)
```
#1a7b96
```
#1a7b96 rgb(26,123,150)
```
#1a7196
```
#1a7196 rgb(26,113,150)
```
#1a6796
```
#1a6796 rgb(26,103,150)
```
#1a5c96
```
#1a5c96 rgb(26,92,150)
```
#1a5296
```
#1a5296 rgb(26,82,150)
```

Similar Colors

Text with hexadecimal color #1a7196

This text has a font color of #1a7196.

<span style="color:#1a7196;">Text here</span>

#1a7196 background color

This paragraph has a background color of #1a7196.

<p style="background-color:#1a7196;">Content here</p>

#1a7196 border color

This element has a border color of #1a7196.

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

CSS codes

.text {color:#1a7196;}

.background {background-color:#1a7196;}

.border {border:1px solid #1a7196;}

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, #030c10 is the darkest color, while #ffffff is the lightest one.

#030c10
```
#030c10 rgb(3,12,16)
```
#061921
```
#061921 rgb(6,25,33)
```
#092532
```
#092532 rgb(9,37,50)
```
#0c3242
```
#0c3242 rgb(12,50,66)
```
#0e3f53
```
#0e3f53 rgb(14,63,83)
```
#114b64
```
#114b64 rgb(17,75,100)
```
#145875
```
#145875 rgb(20,88,117)
```
#176485
```
#176485 rgb(23,100,133)
```
#1a7196
```
#1a7196 rgb(26,113,150)
```
#1d7ea7
```
#1d7ea7 rgb(29,126,167)
```
#208ab7
```
#208ab7 rgb(32,138,183)
```
#2397c8
```
#2397c8 rgb(35,151,200)
```
#26a3d9
```
#26a3d9 rgb(38,163,217)
```

Shade Color Variation

#36abdc
```
#36abdc rgb(54,171,220)
```
#47b2df
```
#47b2df rgb(71,178,223)
```
#57b9e2
```
#57b9e2 rgb(87,185,226)
```
#68c0e5
```
#68c0e5 rgb(104,192,229)
```
#79c7e8
```
#79c7e8 rgb(121,199,232)
```
#8aceeb
```
#8aceeb rgb(138,206,235)
```
#9ad5ee
```
#9ad5ee rgb(154,213,238)
```
#abdcf0
```
#abdcf0 rgb(171,220,240)
```
#bce3f3
```
#bce3f3 rgb(188,227,243)
```
#cceaf6
```
#cceaf6 rgb(204,234,246)
```
#ddf1f9
```
#ddf1f9 rgb(221,241,249)
```
#eef8fc
```
#eef8fc rgb(238,248,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575859 is the less saturated color, while #0679aa is the most saturated one.

#575859
```
#575859 rgb(87,88,89)
```
#505b60
```
#505b60 rgb(80,91,96)
```
#495e67
```
#495e67 rgb(73,94,103)
```
#43616d
```
#43616d rgb(67,97,109)
```
#3c6374
```
#3c6374 rgb(60,99,116)
```
#35667b
```
#35667b rgb(53,102,123)
```
#2e6982
```
#2e6982 rgb(46,105,130)
```
#286c88
```
#286c88 rgb(40,108,136)
```
#216e8f
```
#216e8f rgb(33,110,143)
```
#1a7196
```
#1a7196 rgb(26,113,150)
```
#13749d
```
#13749d rgb(19,116,157)
```
#0c76a4
```
#0c76a4 rgb(12,118,164)
```
#0679aa
```
#0679aa rgb(6,121,170)
```

Tone Color Variation

Below, you can see how #1a7196 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

#5b5b5b Achromatopsia 0.005% of the population
#4e5f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656f95 Protanopia 1% of men
#5d709e Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#4a7095 Protanomaly 1% of men, 0.01% of women
#44709b Deuteranomaly 6% of men, 0.4% of women
#09788b Tritanomaly 0.01% of the population

#1a7196 hex color

#1a7196 Color Information

#1a7196 Color Conversion

Color Schemes with #1a7196

Alternatives to #1a7196

#1a7196 Preview

Shades and Tints of #1a7196

Tones of #1a7196

Color Blindness Simulator