#1a5573 hex color

In a RGB color space, hex #1a5573 is composed of 10.2% red, 33.3% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 26.1% magenta, 0% yellow and 54.9% black. It has a hue angle of 200.2 degrees, a saturation of 63.1% and a lightness of 27.6%. #1a5573 color hex could be obtained by blending #34aae6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 10
- G 33
- B 45
RGB color chart
- C 77
- M 26
- Y 0
- K 55
CMYK color chart

● #1a5573 color description : Dark blue.

The hexadecimal color #1a5573 has RGB values of R:26, G:85, B:115 and CMYK values of C:0.77, M:0.26, Y:0, K:0.55. Its decimal value is 1725811.

Hex triplet	1a5573	`#1a5573`
RGB Decimal	26, 85, 115	`rgb(26,85,115)`
RGB Percent	10.2, 33.3, 45.1	`rgb(10.2%,33.3%,45.1%)`
CMYK	77, 26, 0, 55
HSL	200.2°, 63.1, 27.6	`hsl(200.2,63.1%,27.6%)`
HSV (or HSB)	200.2°, 77.4, 45.1
Web Safe	336666	`#336666`

CIE-LAB	33.887, -7.784, -22.515
XYZ	6.768, 7.954, 17.397
xyY	0.211, 0.248, 7.954
CIE-LCH	33.887, 23.823, 250.928
CIE-LUV	33.887, -20.252, -29.418
Hunter-Lab	28.203, -6.517, -16.832
Binary	00011010, 01010101, 01110011

#1a5573
```
#1a5573 rgb(26,85,115)
```
#73381a
```
#73381a rgb(115,56,26)
```

Complementary Color

#1a7365
```
#1a7365 rgb(26,115,101)
```
#1a5573
```
#1a5573 rgb(26,85,115)
```
#1a2973
```
#1a2973 rgb(26,41,115)
```

Analogous Color

#73651a
```
#73651a rgb(115,101,26)
```
#1a5573
```
#1a5573 rgb(26,85,115)
```
#731a29
```
#731a29 rgb(115,26,41)
```

Split Complementary Color

#55731a
```
#55731a rgb(85,115,26)
```
#1a5573
```
#1a5573 rgb(26,85,115)
```
#731a55
```
#731a55 rgb(115,26,85)
```

Triadic Color

#1a7338
```
#1a7338 rgb(26,115,56)
```
#1a5573
```
#1a5573 rgb(26,85,115)
```
#731a55
```
#731a55 rgb(115,26,85)
```
#73381a
```
#73381a rgb(115,56,26)
```

Tetradic Color

#0c2735
```
#0c2735 rgb(12,39,53)
```
#113649
```
#113649 rgb(17,54,73)
```
#15465e
```
#15465e rgb(21,70,94)
```
#1a5573
```
#1a5573 rgb(26,85,115)
```
#1f6488
```
#1f6488 rgb(31,100,136)
```
#23749d
```
#23749d rgb(35,116,157)
```
#2883b1
```
#2883b1 rgb(40,131,177)
```

Monochromatic Color

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

#1a6b73
```
#1a6b73 rgb(26,107,115)
```
#1a6473
```
#1a6473 rgb(26,100,115)
```
#1a5c73
```
#1a5c73 rgb(26,92,115)
```
#1a5573
```
#1a5573 rgb(26,85,115)
```
#1a4e73
```
#1a4e73 rgb(26,78,115)
```
#1a4673
```
#1a4673 rgb(26,70,115)
```
#1a3f73
```
#1a3f73 rgb(26,63,115)
```

Similar Colors

Text with hexadecimal color #1a5573

This text has a font color of #1a5573.

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

#1a5573 background color

This paragraph has a background color of #1a5573.

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

#1a5573 border color

This element has a border color of #1a5573.

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

CSS codes

.text {color:#1a5573;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040e13
```
#040e13 rgb(4,14,19)
```
#081a23
```
#081a23 rgb(8,26,35)
```
#0c2633
```
#0c2633 rgb(12,38,51)
```
#0f3243
```
#0f3243 rgb(15,50,67)
```
#133d53
```
#133d53 rgb(19,61,83)
```
#164963
```
#164963 rgb(22,73,99)
```
#1a5573
```
#1a5573 rgb(26,85,115)
```
#1e6183
```
#1e6183 rgb(30,97,131)
```
#216d93
```
#216d93 rgb(33,109,147)
```
#2578a3
```
#2578a3 rgb(37,120,163)
```
#2884b3
```
#2884b3 rgb(40,132,179)
```
#2c90c3
```
#2c90c3 rgb(44,144,195)
```

Shade Color Variation

#329bd1
```
#329bd1 rgb(50,155,209)
```
#42a3d4
```
#42a3d4 rgb(66,163,212)
```
#52abd8
```
#52abd8 rgb(82,171,216)
```
#62b3dc
```
#62b3dc rgb(98,179,220)
```
#72badf
```
#72badf rgb(114,186,223)
```
#82c2e3
```
#82c2e3 rgb(130,194,227)
```
#92cae6
```
#92cae6 rgb(146,202,230)
```
#a2d2ea
```
#a2d2ea rgb(162,210,234)
```
#b2daee
```
#b2daee rgb(178,218,238)
```
#c2e1f1
```
#c2e1f1 rgb(194,225,241)
```
#d2e9f5
```
#d2e9f5 rgb(210,233,245)
```
#e2f1f8
```
#e2f1f8 rgb(226,241,248)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#454748
```
#454748 rgb(69,71,72)
```
#40494d
```
#40494d rgb(64,73,77)
```
#3b4a52
```
#3b4a52 rgb(59,74,82)
```
#354c58
```
#354c58 rgb(53,76,88)
```
#304e5d
```
#304e5d rgb(48,78,93)
```
#2a5063
```
#2a5063 rgb(42,80,99)
```
#255168
```
#255168 rgb(37,81,104)
```
#1f536e
```
#1f536e rgb(31,83,110)
```
#1a5573
```
#1a5573 rgb(26,85,115)
```
#155778
```
#155778 rgb(21,87,120)
```
#0f597e
```
#0f597e rgb(15,89,126)
```
#0a5a83
```
#0a5a83 rgb(10,90,131)
```
#045c89
```
#045c89 rgb(4,92,137)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3e4a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5776 Protanopia 1% of men
#49587c Deuteranopia 1% of men
#0d6168 Tritanopia 0.001% of the population

Trichromacy

#3b5674 Protanomaly 1% of men, 0.01% of women
#385779 Deuteranomaly 6% of men, 0.4% of women
#115c6c Tritanomaly 0.01% of the population

#1a5573 hex color

#1a5573 Color Information

#1a5573 Color Conversion

Color Schemes with #1a5573

Alternatives to #1a5573

#1a5573 Preview

Shades and Tints of #1a5573

Tones of #1a5573

Color Blindness Simulator