colorhexa.com

#1a7ba2 hex color

In a RGB color space, hex #1a7ba2 is composed of 10.2% red, 48.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 24.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 197.2 degrees, a saturation of 72.3% and a lightness of 36.9%. #1a7ba2 color hex could be obtained by blending #34f6ff with #000045. Closest websafe color is: #336699.

- R 10
- G 48
- B 64
RGB color chart
- C 84
- M 24
- Y 0
- K 36
CMYK color chart

● #1a7ba2 color description : Dark blue.

The hexadecimal color #1a7ba2 has RGB values of R:26, G:123, B:162 and CMYK values of C:0.84, M:0.24, Y:0, K:0.36. Its decimal value is 1735586.

Hex triplet	1a7ba2	`#1a7ba2`
RGB Decimal	26, 123, 162	`rgb(26,123,162)`
RGB Percent	10.2, 48.2, 63.5	`rgb(10.2%,48.2%,63.5%)`
CMYK	84, 24, 0, 36
HSL	197.2°, 72.3, 36.9	`hsl(197.2,72.3%,36.9%)`
HSV (or HSB)	197.2°, 84, 63.5
Web Safe	336699	`#336699`

CIE-LAB	48.251, -12.705, -28.436
XYZ	14.029, 16.993, 36.721
xyY	0.207, 0.251, 16.993
CIE-LCH	48.251, 31.145, 245.926
CIE-LUV	48.251, -31.245, -40.711
Hunter-Lab	41.222, -11.392, -23.96
Binary	00011010, 01111011, 10100010

#1a7ba2
```
#1a7ba2 rgb(26,123,162)
```
#a2411a
```
#a2411a rgb(162,65,26)
```

Complementary Color

#1aa285
```
#1aa285 rgb(26,162,133)
```
#1a7ba2
```
#1a7ba2 rgb(26,123,162)
```
#1a37a2
```
#1a37a2 rgb(26,55,162)
```

Analogous Color

#a2851a
```
#a2851a rgb(162,133,26)
```
#1a7ba2
```
#1a7ba2 rgb(26,123,162)
```
#a21a37
```
#a21a37 rgb(162,26,55)
```

Split Complementary Color

#7ba21a
```
#7ba21a rgb(123,162,26)
```
#1a7ba2
```
#1a7ba2 rgb(26,123,162)
```
#a21a7b
```
#a21a7b rgb(162,26,123)
```

Triadic Color

#1aa241
```
#1aa241 rgb(26,162,65)
```
#1a7ba2
```
#1a7ba2 rgb(26,123,162)
```
#a21a7b
```
#a21a7b rgb(162,26,123)
```
#a2411a
```
#a2411a rgb(162,65,26)
```

Tetradic Color

#0f4960
```
#0f4960 rgb(15,73,96)
```
#135a76
```
#135a76 rgb(19,90,118)
```
#166a8c
```
#166a8c rgb(22,106,140)
```
#1a7ba2
```
#1a7ba2 rgb(26,123,162)
```
#1e8cb8
```
#1e8cb8 rgb(30,140,184)
```
#219cce
```
#219cce rgb(33,156,206)
```
#2baadd
```
#2baadd rgb(43,170,221)
```

Monochromatic Color

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

#1a9da2
```
#1a9da2 rgb(26,157,162)
```
#1a92a2
```
#1a92a2 rgb(26,146,162)
```
#1a86a2
```
#1a86a2 rgb(26,134,162)
```
#1a7ba2
```
#1a7ba2 rgb(26,123,162)
```
#1a70a2
```
#1a70a2 rgb(26,112,162)
```
#1a64a2
```
#1a64a2 rgb(26,100,162)
```
#1a59a2
```
#1a59a2 rgb(26,89,162)
```

Similar Colors

Text with hexadecimal color #1a7ba2

This text has a font color of #1a7ba2.

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

#1a7ba2 background color

This paragraph has a background color of #1a7ba2.

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

#1a7ba2 border color

This element has a border color of #1a7ba2.

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

CSS codes

.text {color:#1a7ba2;}

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

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

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

#02070a
```
#02070a rgb(2,7,10)
```
#04141b
```
#04141b rgb(4,20,27)
```
#07212c
```
#07212c rgb(7,33,44)
```
#0a2e3d
```
#0a2e3d rgb(10,46,61)
```
#0c3b4d
```
#0c3b4d rgb(12,59,77)
```
#0f485e
```
#0f485e rgb(15,72,94)
```
#12546f
```
#12546f rgb(18,84,111)
```
#156180
```
#156180 rgb(21,97,128)
```
#176e91
```
#176e91 rgb(23,110,145)
```
#1a7ba2
```
#1a7ba2 rgb(26,123,162)
```
#1d88b3
```
#1d88b3 rgb(29,136,179)
```
#1f95c4
```
#1f95c4 rgb(31,149,196)
```
#22a2d5
```
#22a2d5 rgb(34,162,213)
```

Shade Color Variation

#2dabdd
```
#2dabdd rgb(45,171,221)
```
#3eb2e0
```
#3eb2e0 rgb(62,178,224)
```
#4fb8e3
```
#4fb8e3 rgb(79,184,227)
```
#60bfe5
```
#60bfe5 rgb(96,191,229)
```
#71c6e8
```
#71c6e8 rgb(113,198,232)
```
#82cdeb
```
#82cdeb rgb(130,205,235)
```
#93d3ee
```
#93d3ee rgb(147,211,238)
```
#a3daf0
```
#a3daf0 rgb(163,218,240)
```
#b4e1f3
```
#b4e1f3 rgb(180,225,243)
```
#c5e8f6
```
#c5e8f6 rgb(197,232,246)
```
#d6eff8
```
#d6eff8 rgb(214,239,248)
```
#e7f5fb
```
#e7f5fb rgb(231,245,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#5b5f61
```
#5b5f61 rgb(91,95,97)
```
#546268
```
#546268 rgb(84,98,104)
```
#4d656f
```
#4d656f rgb(77,101,111)
```
#456877
```
#456877 rgb(69,104,119)
```
#3e6c7e
```
#3e6c7e rgb(62,108,126)
```
#376f85
```
#376f85 rgb(55,111,133)
```
#30728c
```
#30728c rgb(48,114,140)
```
#287594
```
#287594 rgb(40,117,148)
```
#21789b
```
#21789b rgb(33,120,155)
```
#1a7ba2
```
#1a7ba2 rgb(26,123,162)
```
#137ea9
```
#137ea9 rgb(19,126,169)
```
#0c81b0
```
#0c81b0 rgb(12,129,176)
```
#0484b8
```
#0484b8 rgb(4,132,184)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#54676f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d78a0 Protanopia 1% of men
#6478aa Deuteranopia 1% of men
#00858f Tritanopia 0.001% of the population

Trichromacy

#4f79a0 Protanomaly 1% of men, 0.01% of women
#4979a7 Deuteranomaly 6% of men, 0.4% of women
#098196 Tritanomaly 0.01% of the population