#1a7486 hex color

In a RGB color space, hex #1a7486 is composed of 10.2% red, 45.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 13.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 190 degrees, a saturation of 67.5% and a lightness of 31.4%. #1a7486 color hex could be obtained by blending #34e8ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 10
- G 45
- B 53
RGB color chart
- C 81
- M 13
- Y 0
- K 47
CMYK color chart

● #1a7486 color description : Dark cyan.

The hexadecimal color #1a7486 has RGB values of R:26, G:116, B:134 and CMYK values of C:0.81, M:0.13, Y:0, K:0.47. Its decimal value is 1733766.

Hex triplet	1a7486	`#1a7486`
RGB Decimal	26, 116, 134	`rgb(26,116,134)`
RGB Percent	10.2, 45.5, 52.5	`rgb(10.2%,45.5%,52.5%)`
CMYK	81, 13, 0, 47
HSL	190°, 67.5, 31.4	`hsl(190,67.5%,31.4%)`
HSV (or HSB)	190°, 80.6, 52.5
Web Safe	336699	`#336699`

CIE-LAB	44.844, -18.795, -17.171
XYZ	10.973, 14.431, 24.76
xyY	0.219, 0.288, 14.431
CIE-LCH	44.844, 25.458, 222.415
CIE-LUV	44.844, -30.525, -22.08
Hunter-Lab	37.988, -14.916, -12.053
Binary	00011010, 01110100, 10000110

#1a7486
```
#1a7486 rgb(26,116,134)
```
#862c1a
```
#862c1a rgb(134,44,26)
```

Complementary Color

#1a8662
```
#1a8662 rgb(26,134,98)
```
#1a7486
```
#1a7486 rgb(26,116,134)
```
#1a3e86
```
#1a3e86 rgb(26,62,134)
```

Analogous Color

#86621a
```
#86621a rgb(134,98,26)
```
#1a7486
```
#1a7486 rgb(26,116,134)
```
#861a3e
```
#861a3e rgb(134,26,62)
```

Split Complementary Color

#74861a
```
#74861a rgb(116,134,26)
```
#1a7486
```
#1a7486 rgb(26,116,134)
```
#861a74
```
#861a74 rgb(134,26,116)
```

Triadic Color

#1a862c
```
#1a862c rgb(26,134,44)
```
#1a7486
```
#1a7486 rgb(26,116,134)
```
#861a74
```
#861a74 rgb(134,26,116)
```
#862c1a
```
#862c1a rgb(134,44,26)
```

Tetradic Color

#0e3d46
```
#0e3d46 rgb(14,61,70)
```
#124f5b
```
#124f5b rgb(18,79,91)
```
#166271
```
#166271 rgb(22,98,113)
```
#1a7486
```
#1a7486 rgb(26,116,134)
```
#1e869b
```
#1e869b rgb(30,134,155)
```
#2299b1
```
#2299b1 rgb(34,153,177)
```
#26abc6
```
#26abc6 rgb(38,171,198)
```

Monochromatic Color

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

#1a867d
```
#1a867d rgb(26,134,125)
```
#1a8686
```
#1a8686 rgb(26,134,134)
```
#1a7d86
```
#1a7d86 rgb(26,125,134)
```
#1a7486
```
#1a7486 rgb(26,116,134)
```
#1a6b86
```
#1a6b86 rgb(26,107,134)
```
#1a6286
```
#1a6286 rgb(26,98,134)
```
#1a5986
```
#1a5986 rgb(26,89,134)
```

Similar Colors

Text with hexadecimal color #1a7486

This text has a font color of #1a7486.

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

#1a7486 background color

This paragraph has a background color of #1a7486.

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

#1a7486 border color

This element has a border color of #1a7486.

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

CSS codes

.text {color:#1a7486;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#041013
```
#041013 rgb(4,16,19)
```
#071f23
```
#071f23 rgb(7,31,35)
```
#0a2d34
```
#0a2d34 rgb(10,45,52)
```
#0d3b44
```
#0d3b44 rgb(13,59,68)
```
#104955
```
#104955 rgb(16,73,85)
```
#145865
```
#145865 rgb(20,88,101)
```
#176676
```
#176676 rgb(23,102,118)
```
#1a7486
```
#1a7486 rgb(26,116,134)
```
#1d8296
```
#1d8296 rgb(29,130,150)
```
#2090a7
```
#2090a7 rgb(32,144,167)
```
#249fb7
```
#249fb7 rgb(36,159,183)
```
#27adc8
```
#27adc8 rgb(39,173,200)
```

Shade Color Variation

#2cbad6
```
#2cbad6 rgb(44,186,214)
```
#3cbfd9
```
#3cbfd9 rgb(60,191,217)
```
#4dc5dc
```
#4dc5dc rgb(77,197,220)
```
#5dcae0
```
#5dcae0 rgb(93,202,224)
```
#6ecfe3
```
#6ecfe3 rgb(110,207,227)
```
#7ed5e6
```
#7ed5e6 rgb(126,213,230)
```
#8fdae9
```
#8fdae9 rgb(143,218,233)
```
#9fdfec
```
#9fdfec rgb(159,223,236)
```
#afe5f0
```
#afe5f0 rgb(175,229,240)
```
#c0eaf3
```
#c0eaf3 rgb(192,234,243)
```
#d0f0f6
```
#d0f0f6 rgb(208,240,246)
```
#e1f5f9
```
#e1f5f9 rgb(225,245,249)
```
#f1fafc
```
#f1fafc rgb(241,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b5355 is the less saturated color, while #01849f is the most saturated one.

#4b5355
```
#4b5355 rgb(75,83,85)
```
#45575b
```
#45575b rgb(69,87,91)
```
#3f5b61
```
#3f5b61 rgb(63,91,97)
```
#395f67
```
#395f67 rgb(57,95,103)
```
#33646d
```
#33646d rgb(51,100,109)
```
#2c6874
```
#2c6874 rgb(44,104,116)
```
#266c7a
```
#266c7a rgb(38,108,122)
```
#207080
```
#207080 rgb(32,112,128)
```
#1a7486
```
#1a7486 rgb(26,116,134)
```
#14788c
```
#14788c rgb(20,120,140)
```
#0e7c92
```
#0e7c92 rgb(14,124,146)
```
#088098
```
#088098 rgb(8,128,152)
```
#01849f
```
#01849f rgb(1,132,159)
```

Tone Color Variation

Below, you can see how #1a7486 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
#4e6064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7085 Protanopia 1% of men
#6a7090 Deuteranopia 1% of men
#1d7c85 Tritanopia 0.001% of the population

Trichromacy

#4e7285 Protanomaly 1% of men, 0.01% of women
#4d718c Deuteranomaly 6% of men, 0.4% of women
#1c7985 Tritanomaly 0.01% of the population

#1a7486 hex color

#1a7486 Color Information

#1a7486 Color Conversion

Color Schemes with #1a7486

Alternatives to #1a7486

#1a7486 Preview

Shades and Tints of #1a7486

Tones of #1a7486

Color Blindness Simulator