#1a54a2 hex color

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

♥
- f
- t
- g
- R 10
- G 33
- B 64
RGB color chart
- C 84
- M 48
- Y 0
- K 36
CMYK color chart

● #1a54a2 color description : Dark blue.

The hexadecimal color #1a54a2 has RGB values of R:26, G:84, B:162 and CMYK values of C:0.84, M:0.48, Y:0, K:0.36. Its decimal value is 1725602.

Hex triplet	1a54a2	`#1a54a2`
RGB Decimal	26, 84, 162	`rgb(26,84,162)`
RGB Percent	10.2, 32.9, 63.5	`rgb(10.2%,32.9%,63.5%)`
CMYK	84, 48, 0, 36
HSL	214.4°, 72.3, 36.9	`hsl(214.4,72.3%,36.9%)`
HSV (or HSB)	214.4°, 84, 63.5
Web Safe	336699	`#336699`

CIE-LAB	36.306, 11.499, -47.363
XYZ	10.116, 9.168, 35.417
xyY	0.185, 0.168, 9.168
CIE-LCH	36.306, 48.739, 283.647
CIE-LUV	36.306, -18.15, -67.653
Hunter-Lab	30.279, 6.651, -48.156
Binary	00011010, 01010100, 10100010

#1a54a2
```
#1a54a2 rgb(26,84,162)
```
#a2681a
```
#a2681a rgb(162,104,26)
```

Complementary Color

#1a98a2
```
#1a98a2 rgb(26,152,162)
```
#1a54a2
```
#1a54a2 rgb(26,84,162)
```
#241aa2
```
#241aa2 rgb(36,26,162)
```

Analogous Color

#98a21a
```
#98a21a rgb(152,162,26)
```
#1a54a2
```
#1a54a2 rgb(26,84,162)
```
#a2241a
```
#a2241a rgb(162,36,26)
```

Split Complementary Color

#54a21a
```
#54a21a rgb(84,162,26)
```
#1a54a2
```
#1a54a2 rgb(26,84,162)
```
#a21a54
```
#a21a54 rgb(162,26,84)
```

Triadic Color

#1aa268
```
#1aa268 rgb(26,162,104)
```
#1a54a2
```
#1a54a2 rgb(26,84,162)
```
#a21a54
```
#a21a54 rgb(162,26,84)
```
#a2681a
```
#a2681a rgb(162,104,26)
```

Tetradic Color

#0f3260
```
#0f3260 rgb(15,50,96)
```
#133d76
```
#133d76 rgb(19,61,118)
```
#16498c
```
#16498c rgb(22,73,140)
```
#1a54a2
```
#1a54a2 rgb(26,84,162)
```
#1e5fb8
```
#1e5fb8 rgb(30,95,184)
```
#216bce
```
#216bce rgb(33,107,206)
```
#2b77dd
```
#2b77dd rgb(43,119,221)
```

Monochromatic Color

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

#1a76a2
```
#1a76a2 rgb(26,118,162)
```
#1a6ba2
```
#1a6ba2 rgb(26,107,162)
```
#1a5fa2
```
#1a5fa2 rgb(26,95,162)
```
#1a54a2
```
#1a54a2 rgb(26,84,162)
```
#1a49a2
```
#1a49a2 rgb(26,73,162)
```
#1a3da2
```
#1a3da2 rgb(26,61,162)
```
#1a32a2
```
#1a32a2 rgb(26,50,162)
```

Similar Colors

Text with hexadecimal color #1a54a2

This text has a font color of #1a54a2.

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

#1a54a2 background color

This paragraph has a background color of #1a54a2.

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

#1a54a2 border color

This element has a border color of #1a54a2.

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

CSS codes

.text {color:#1a54a2;}

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

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

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

#02050a
```
#02050a rgb(2,5,10)
```
#040e1b
```
#040e1b rgb(4,14,27)
```
#07172c
```
#07172c rgb(7,23,44)
```
#0a1f3d
```
#0a1f3d rgb(10,31,61)
```
#0c284d
```
#0c284d rgb(12,40,77)
```
#0f315e
```
#0f315e rgb(15,49,94)
```
#123a6f
```
#123a6f rgb(18,58,111)
```
#154280
```
#154280 rgb(21,66,128)
```
#174b91
```
#174b91 rgb(23,75,145)
```
#1a54a2
```
#1a54a2 rgb(26,84,162)
```
#1d5db3
```
#1d5db3 rgb(29,93,179)
```
#1f66c4
```
#1f66c4 rgb(31,102,196)
```
#226ed5
```
#226ed5 rgb(34,110,213)
```

Shade Color Variation

#2d78dd
```
#2d78dd rgb(45,120,221)
```
#3e83e0
```
#3e83e0 rgb(62,131,224)
```
#4f8ee3
```
#4f8ee3 rgb(79,142,227)
```
#6099e5
```
#6099e5 rgb(96,153,229)
```
#71a4e8
```
#71a4e8 rgb(113,164,232)
```
#82afeb
```
#82afeb rgb(130,175,235)
```
#93b9ee
```
#93b9ee rgb(147,185,238)
```
#a3c4f0
```
#a3c4f0 rgb(163,196,240)
```
#b4cff3
```
#b4cff3 rgb(180,207,243)
```
#c5daf6
```
#c5daf6 rgb(197,218,246)
```
#d6e5f8
```
#d6e5f8 rgb(214,229,248)
```
#e7f0fb
```
#e7f0fb rgb(231,240,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#5b5e61
```
#5b5e61 rgb(91,94,97)
```
#545d68
```
#545d68 rgb(84,93,104)
```
#4d5b6f
```
#4d5b6f rgb(77,91,111)
```
#455a77
```
#455a77 rgb(69,90,119)
```
#3e597e
```
#3e597e rgb(62,89,126)
```
#375885
```
#375885 rgb(55,88,133)
```
#30578c
```
#30578c rgb(48,87,140)
```
#285694
```
#285694 rgb(40,86,148)
```
#21559b
```
#21559b rgb(33,85,155)
```
#1a54a2
```
#1a54a2 rgb(26,84,162)
```
#1353a9
```
#1353a9 rgb(19,83,169)
```
#0c52b0
```
#0c52b0 rgb(12,82,176)
```
#0451b8
```
#0451b8 rgb(4,81,184)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#424e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#325ba5 Protanopia 1% of men
#005f9e Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#2958a4 Protanomaly 1% of men, 0.01% of women
#095b9f Deuteranomaly 6% of men, 0.4% of women
#096080 Tritanomaly 0.01% of the population

#1a54a2 hex color

#1a54a2 Color Information

#1a54a2 Color Conversion

Color Schemes with #1a54a2

Alternatives to #1a54a2

#1a54a2 Preview

Shades and Tints of #1a54a2

Tones of #1a54a2

Color Blindness Simulator