colorhexa.com

#1a57d0 hex color

In a RGB color space, hex #1a57d0 is composed of 10.2% red, 34.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 58.2% magenta, 0% yellow and 18.4% black. It has a hue angle of 219.9 degrees, a saturation of 77.8% and a lightness of 45.9%. #1a57d0 color hex could be obtained by blending #34aeff with #0000a1. Closest websafe color is: #3366cc.

- R 10
- G 34
- B 82
RGB color chart
- C 88
- M 58
- Y 0
- K 18
CMYK color chart

● #1a57d0 color description : Strong blue.

The hexadecimal color #1a57d0 has RGB values of R:26, G:87, B:208 and CMYK values of C:0.88, M:0.58, Y:0, K:0.18. Its decimal value is 1726416.

Hex triplet	1a57d0	`#1a57d0`
RGB Decimal	26, 87, 208	`rgb(26,87,208)`
RGB Percent	10.2, 34.1, 81.6	`rgb(10.2%,34.1%,81.6%)`
CMYK	88, 58, 0, 18
HSL	219.9°, 77.8, 45.9	`hsl(219.9,77.8%,45.9%)`
HSV (or HSB)	219.9°, 87.5, 81.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.555, 27.726, -67.461
XYZ	15.217, 11.589, 61.106
xyY	0.173, 0.132, 11.589
CIE-LCH	40.555, 72.937, 292.342
CIE-LUV	40.555, -18.125, -99.242
Hunter-Lab	34.042, 20.215, -82.596
Binary	00011010, 01010111, 11010000

#1a57d0
```
#1a57d0 rgb(26,87,208)
```
#d0931a
```
#d0931a rgb(208,147,26)
```

Complementary Color

#1ab2d0
```
#1ab2d0 rgb(26,178,208)
```
#1a57d0
```
#1a57d0 rgb(26,87,208)
```
#381ad0
```
#381ad0 rgb(56,26,208)
```

Analogous Color

#b2d01a
```
#b2d01a rgb(178,208,26)
```
#1a57d0
```
#1a57d0 rgb(26,87,208)
```
#d0381a
```
#d0381a rgb(208,56,26)
```

Split Complementary Color

#57d01a
```
#57d01a rgb(87,208,26)
```
#1a57d0
```
#1a57d0 rgb(26,87,208)
```
#d01a57
```
#d01a57 rgb(208,26,87)
```

Triadic Color

#1ad093
```
#1ad093 rgb(26,208,147)
```
#1a57d0
```
#1a57d0 rgb(26,87,208)
```
#d01a57
```
#d01a57 rgb(208,26,87)
```
#d0931a
```
#d0931a rgb(208,147,26)
```

Tetradic Color

#123b8c
```
#123b8c rgb(18,59,140)
```
#1444a3
```
#1444a3 rgb(20,68,163)
```
#174eb9
```
#174eb9 rgb(23,78,185)
```
#1a57d0
```
#1a57d0 rgb(26,87,208)
```
#2062e3
```
#2062e3 rgb(32,98,227)
```
#3772e6
```
#3772e6 rgb(55,114,230)
```
#4e82e9
```
#4e82e9 rgb(78,130,233)
```

Monochromatic Color

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

#1a85d0
```
#1a85d0 rgb(26,133,208)
```
#1a75d0
```
#1a75d0 rgb(26,117,208)
```
#1a66d0
```
#1a66d0 rgb(26,102,208)
```
#1a57d0
```
#1a57d0 rgb(26,87,208)
```
#1a48d0
```
#1a48d0 rgb(26,72,208)
```
#1a39d0
```
#1a39d0 rgb(26,57,208)
```
#1a2ad0
```
#1a2ad0 rgb(26,42,208)
```

Similar Colors

Text with hexadecimal color #1a57d0

This text has a font color of #1a57d0.

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

#1a57d0 background color

This paragraph has a background color of #1a57d0.

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

#1a57d0 border color

This element has a border color of #1a57d0.

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

CSS codes

.text {color:#1a57d0;}

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

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

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

#020710
```
#020710 rgb(2,7,16)
```
#040e22
```
#040e22 rgb(4,14,34)
```
#061533
```
#061533 rgb(6,21,51)
```
#091d45
```
#091d45 rgb(9,29,69)
```
#0b2456
```
#0b2456 rgb(11,36,86)
```
#0d2b67
```
#0d2b67 rgb(13,43,103)
```
#0f3379
```
#0f3379 rgb(15,51,121)
```
#113a8a
```
#113a8a rgb(17,58,138)
```
#13419c
```
#13419c rgb(19,65,156)
```
#1648ad
```
#1648ad rgb(22,72,173)
```
#1850bf
```
#1850bf rgb(24,80,191)
```
#1a57d0
```
#1a57d0 rgb(26,87,208)
```
#1c5ee1
```
#1c5ee1 rgb(28,94,225)
```

Shade Color Variation

#2d6ae5
```
#2d6ae5 rgb(45,106,229)
```
#3e77e7
```
#3e77e7 rgb(62,119,231)
```
#4f83e9
```
#4f83e9 rgb(79,131,233)
```
#618feb
```
#618feb rgb(97,143,235)
```
#729ced
```
#729ced rgb(114,156,237)
```
#84a8f0
```
#84a8f0 rgb(132,168,240)
```
#95b4f2
```
#95b4f2 rgb(149,180,242)
```
#a7c1f4
```
#a7c1f4 rgb(167,193,244)
```
#b8cdf6
```
#b8cdf6 rgb(184,205,246)
```
#c9d9f8
```
#c9d9f8 rgb(201,217,248)
```
#dbe5fa
```
#dbe5fa rgb(219,229,250)
```
#ecf2fd
```
#ecf2fd rgb(236,242,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#747576
```
#747576 rgb(116,117,118)
```
#6b727f
```
#6b727f rgb(107,114,127)
```
#626f88
```
#626f88 rgb(98,111,136)
```
#596c91
```
#596c91 rgb(89,108,145)
```
#50699a
```
#50699a rgb(80,105,154)
```
#4766a3
```
#4766a3 rgb(71,102,163)
```
#3e63ac
```
#3e63ac rgb(62,99,172)
```
#3560b5
```
#3560b5 rgb(53,96,181)
```
#2c5dbe
```
#2c5dbe rgb(44,93,190)
```
#235ac7
```
#235ac7 rgb(35,90,199)
```
#1a57d0
```
#1a57d0 rgb(26,87,208)
```
#1154d9
```
#1154d9 rgb(17,84,217)
```
#0851e2
```
#0851e2 rgb(8,81,226)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#48546c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c5 Protanopia 1% of men
#006aab Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#095fc9 Protanomaly 1% of men, 0.01% of women
#0963b9 Deuteranomaly 6% of men, 0.4% of women
#096898 Tritanomaly 0.01% of the population