#1a57c4 hex color

In a RGB color space, hex #1a57c4 is composed of 10.2% red, 34.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 55.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 218.5 degrees, a saturation of 76.6% and a lightness of 43.5%. #1a57c4 color hex could be obtained by blending #34aeff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 10
- G 34
- B 77
RGB color chart
- C 87
- M 56
- Y 0
- K 23
CMYK color chart

● #1a57c4 color description : Strong blue.

The hexadecimal color #1a57c4 has RGB values of R:26, G:87, B:196 and CMYK values of C:0.87, M:0.56, Y:0, K:0.23. Its decimal value is 1726404.

Hex triplet	1a57c4	`#1a57c4`
RGB Decimal	26, 87, 196	`rgb(26,87,196)`
RGB Percent	10.2, 34.1, 76.9	`rgb(10.2%,34.1%,76.9%)`
CMYK	87, 56, 0, 23
HSL	218.5°, 76.6, 43.5	`hsl(218.5,76.6%,43.5%)`
HSV (or HSB)	218.5°, 86.7, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.615, 23.05, -62.052
XYZ	13.796, 11.02, 53.622
xyY	0.176, 0.14, 11.02
CIE-LCH	39.615, 66.194, 290.378
CIE-LUV	39.615, -18.292, -90.943
Hunter-Lab	33.197, 16.085, -72.531
Binary	00011010, 01010111, 11000100

#1a57c4
```
#1a57c4 rgb(26,87,196)
```
#c4871a
```
#c4871a rgb(196,135,26)
```

Complementary Color

#1aacc4
```
#1aacc4 rgb(26,172,196)
```
#1a57c4
```
#1a57c4 rgb(26,87,196)
```
#321ac4
```
#321ac4 rgb(50,26,196)
```

Analogous Color

#acc41a
```
#acc41a rgb(172,196,26)
```
#1a57c4
```
#1a57c4 rgb(26,87,196)
```
#c4321a
```
#c4321a rgb(196,50,26)
```

Split Complementary Color

#57c41a
```
#57c41a rgb(87,196,26)
```
#1a57c4
```
#1a57c4 rgb(26,87,196)
```
#c41a57
```
#c41a57 rgb(196,26,87)
```

Triadic Color

#1ac487
```
#1ac487 rgb(26,196,135)
```
#1a57c4
```
#1a57c4 rgb(26,87,196)
```
#c41a57
```
#c41a57 rgb(196,26,87)
```
#c4871a
```
#c4871a rgb(196,135,26)
```

Tetradic Color

#113980
```
#113980 rgb(17,57,128)
```
#144397
```
#144397 rgb(20,67,151)
```
#174dad
```
#174dad rgb(23,77,173)
```
#1a57c4
```
#1a57c4 rgb(26,87,196)
```
#1d61db
```
#1d61db rgb(29,97,219)
```
#2e6fe3
```
#2e6fe3 rgb(46,111,227)
```
#447ee6
```
#447ee6 rgb(68,126,230)
```

Monochromatic Color

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

#1a82c4
```
#1a82c4 rgb(26,130,196)
```
#1a73c4
```
#1a73c4 rgb(26,115,196)
```
#1a65c4
```
#1a65c4 rgb(26,101,196)
```
#1a57c4
```
#1a57c4 rgb(26,87,196)
```
#1a49c4
```
#1a49c4 rgb(26,73,196)
```
#1a3bc4
```
#1a3bc4 rgb(26,59,196)
```
#1a2cc4
```
#1a2cc4 rgb(26,44,196)
```

Similar Colors

Text with hexadecimal color #1a57c4

This text has a font color of #1a57c4.

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

#1a57c4 background color

This paragraph has a background color of #1a57c4.

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

#1a57c4 border color

This element has a border color of #1a57c4.

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

CSS codes

.text {color:#1a57c4;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#030a17
```
#030a17 rgb(3,10,23)
```
#051228
```
#051228 rgb(5,18,40)
```
#081a39
```
#081a39 rgb(8,26,57)
```
#0a214b
```
#0a214b rgb(10,33,75)
```
#0c295c
```
#0c295c rgb(12,41,92)
```
#0f316d
```
#0f316d rgb(15,49,109)
```
#11387f
```
#11387f rgb(17,56,127)
```
#134090
```
#134090 rgb(19,64,144)
```
#1548a1
```
#1548a1 rgb(21,72,161)
```
#184fb3
```
#184fb3 rgb(24,79,179)
```
#1a57c4
```
#1a57c4 rgb(26,87,196)
```
#1c5fd5
```
#1c5fd5 rgb(28,95,213)
```

Shade Color Variation

#2368e2
```
#2368e2 rgb(35,104,226)
```
#3574e4
```
#3574e4 rgb(53,116,228)
```
#4680e6
```
#4680e6 rgb(70,128,230)
```
#578ce9
```
#578ce9 rgb(87,140,233)
```
#6997eb
```
#6997eb rgb(105,151,235)
```
#7aa3ed
```
#7aa3ed rgb(122,163,237)
```
#8baff0
```
#8baff0 rgb(139,175,240)
```
#9dbbf2
```
#9dbbf2 rgb(157,187,242)
```
#aec7f4
```
#aec7f4 rgb(174,199,244)
```
#bfd3f7
```
#bfd3f7 rgb(191,211,247)
```
#d1dff9
```
#d1dff9 rgb(209,223,249)
```
#e2ebfb
```
#e2ebfb rgb(226,235,251)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676d77 is the less saturated color, while #0050de is the most saturated one.

#676d77
```
#676d77 rgb(103,109,119)
```
#5e6a80
```
#5e6a80 rgb(94,106,128)
```
#566888
```
#566888 rgb(86,104,136)
```
#4d6591
```
#4d6591 rgb(77,101,145)
```
#456399
```
#456399 rgb(69,99,153)
```
#3c61a2
```
#3c61a2 rgb(60,97,162)
```
#345eaa
```
#345eaa rgb(52,94,170)
```
#2b5cb3
```
#2b5cb3 rgb(43,92,179)
```
#2359bb
```
#2359bb rgb(35,89,187)
```
#1a57c4
```
#1a57c4 rgb(26,87,196)
```
#1155cd
```
#1155cd rgb(17,85,205)
```
#0952d5
```
#0952d5 rgb(9,82,213)
```
#0050de
```
#0050de rgb(0,80,222)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#465268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c1 Protanopia 1% of men
#0068a9 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#095ec2 Protanomaly 1% of men, 0.01% of women
#0961b2 Deuteranomaly 6% of men, 0.4% of women
#096692 Tritanomaly 0.01% of the population

#1a57c4 hex color

#1a57c4 Color Information

#1a57c4 Color Conversion

Color Schemes with #1a57c4

Alternatives to #1a57c4

#1a57c4 Preview

Shades and Tints of #1a57c4

Tones of #1a57c4

Color Blindness Simulator