colorhexa.com

#1a5478 hex color

In a RGB color space, hex #1a5478 is composed of 10.2% red, 32.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 30% magenta, 0% yellow and 52.9% black. It has a hue angle of 203 degrees, a saturation of 64.4% and a lightness of 28.6%. #1a5478 color hex could be obtained by blending #34a8f0 with #000000. Closest websafe color is: #336666.

- R 10
- G 33
- B 47
RGB color chart
- C 78
- M 30
- Y 0
- K 53
CMYK color chart

● #1a5478 color description : Dark blue.

The hexadecimal color #1a5478 has RGB values of R:26, G:84, B:120 and CMYK values of C:0.78, M:0.3, Y:0, K:0.53. Its decimal value is 1725560.

Hex triplet	1a5478	`#1a5478`
RGB Decimal	26, 84, 120	`rgb(26,84,120)`
RGB Percent	10.2, 32.9, 47.1	`rgb(10.2%,32.9%,47.1%)`
CMYK	78, 30, 0, 53
HSL	203°, 64.4, 28.6	`hsl(203,64.4%,28.6%)`
HSV (or HSB)	203°, 78.3, 47.1
Web Safe	336666	`#336666`

CIE-LAB	33.807, -5.244, -25.747
XYZ	6.986, 7.916, 18.928
xyY	0.206, 0.234, 7.916
CIE-LCH	33.807, 26.276, 258.487
CIE-LUV	33.807, -19.66, -34.273
Hunter-Lab	28.135, -4.916, -20.193
Binary	00011010, 01010100, 01111000

#1a5478
```
#1a5478 rgb(26,84,120)
```
#783e1a
```
#783e1a rgb(120,62,26)
```

Complementary Color

#1a786d
```
#1a786d rgb(26,120,109)
```
#1a5478
```
#1a5478 rgb(26,84,120)
```
#1a2578
```
#1a2578 rgb(26,37,120)
```

Analogous Color

#786d1a
```
#786d1a rgb(120,109,26)
```
#1a5478
```
#1a5478 rgb(26,84,120)
```
#781a25
```
#781a25 rgb(120,26,37)
```

Split Complementary Color

#54781a
```
#54781a rgb(84,120,26)
```
#1a5478
```
#1a5478 rgb(26,84,120)
```
#781a54
```
#781a54 rgb(120,26,84)
```

Triadic Color

#0c2839
```
#0c2839 rgb(12,40,57)
```
#11374e
```
#11374e rgb(17,55,78)
```
#154563
```
#154563 rgb(21,69,99)
```
#1a5478
```
#1a5478 rgb(26,84,120)
```
#1f638d
```
#1f638d rgb(31,99,141)
```
#2371a2
```
#2371a2 rgb(35,113,162)
```
#2880b7
```
#2880b7 rgb(40,128,183)
```

Monochromatic Color

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

#1a6c78
```
#1a6c78 rgb(26,108,120)
```
#1a6478
```
#1a6478 rgb(26,100,120)
```
#1a5c78
```
#1a5c78 rgb(26,92,120)
```
#1a5478
```
#1a5478 rgb(26,84,120)
```
#1a4c78
```
#1a4c78 rgb(26,76,120)
```
#1a4478
```
#1a4478 rgb(26,68,120)
```
#1a3d78
```
#1a3d78 rgb(26,61,120)
```

Similar Colors

Text with hexadecimal color #1a5478

This text has a font color of #1a5478.

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

#1a5478 background color

This paragraph has a background color of #1a5478.

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

#1a5478 border color

This element has a border color of #1a5478.

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

CSS codes

.text {color:#1a5478;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#051017
```
#051017 rgb(5,16,23)
```
#091c27
```
#091c27 rgb(9,28,39)
```
#0c2738
```
#0c2738 rgb(12,39,56)
```
#103248
```
#103248 rgb(16,50,72)
```
#133d58
```
#133d58 rgb(19,61,88)
```
#174968
```
#174968 rgb(23,73,104)
```
#1a5478
```
#1a5478 rgb(26,84,120)
```
#1d5f88
```
#1d5f88 rgb(29,95,136)
```
#216b98
```
#216b98 rgb(33,107,152)
```
#2476a8
```
#2476a8 rgb(36,118,168)
```
#2881b8
```
#2881b8 rgb(40,129,184)
```
#2b8cc9
```
#2b8cc9 rgb(43,140,201)
```

Shade Color Variation

#3596d3
```
#3596d3 rgb(53,150,211)
```
#459fd7
```
#459fd7 rgb(69,159,215)
```
#55a7da
```
#55a7da rgb(85,167,218)
```
#65afde
```
#65afde rgb(101,175,222)
```
#75b8e1
```
#75b8e1 rgb(117,184,225)
```
#85c0e5
```
#85c0e5 rgb(133,192,229)
```
#95c8e8
```
#95c8e8 rgb(149,200,232)
```
#a5d1ec
```
#a5d1ec rgb(165,209,236)
```
#b6d9ef
```
#b6d9ef rgb(182,217,239)
```
#c6e1f3
```
#c6e1f3 rgb(198,225,243)
```
#d6eaf6
```
#d6eaf6 rgb(214,234,246)
```
#e6f2fa
```
#e6f2fa rgb(230,242,250)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #47494b is the less saturated color, while #04598e is the most saturated one.

#47494b
```
#47494b rgb(71,73,75)
```
#414b51
```
#414b51 rgb(65,75,81)
```
#3c4c56
```
#3c4c56 rgb(60,76,86)
```
#364d5c
```
#364d5c rgb(54,77,92)
```
#304f62
```
#304f62 rgb(48,79,98)
```
#2b5067
```
#2b5067 rgb(43,80,103)
```
#25516d
```
#25516d rgb(37,81,109)
```
#205372
```
#205372 rgb(32,83,114)
```
#1a5478
```
#1a5478 rgb(26,84,120)
```
#14557e
```
#14557e rgb(20,85,126)
```
#0f5783
```
#0f5783 rgb(15,87,131)
```
#095889
```
#095889 rgb(9,88,137)
```
#04598e
```
#04598e rgb(4,89,142)
```

Tone Color Variation

Below, you can see how #1a5478 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
#3e4a51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c577b Protanopia 1% of men
#445880 Deuteranopia 1% of men
#006168 Tritanopia 0.001% of the population

Trichromacy

#3a5679 Protanomaly 1% of men, 0.01% of women
#34567d Deuteranomaly 6% of men, 0.4% of women
#095c6d Tritanomaly 0.01% of the population