#1a45e2 hex color

In a RGB color space, hex #1a45e2 is composed of 10.2% red, 27.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 69.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 227.1 degrees, a saturation of 79.4% and a lightness of 49.4%. #1a45e2 color hex could be obtained by blending #348aff with #0000c5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 10
- G 27
- B 89
RGB color chart
- C 88
- M 69
- Y 0
- K 11
CMYK color chart

● #1a45e2 color description : Vivid blue.

The hexadecimal color #1a45e2 has RGB values of R:26, G:69, B:226 and CMYK values of C:0.88, M:0.69, Y:0, K:0.11. Its decimal value is 1721826.

Hex triplet	1a45e2	`#1a45e2`
RGB Decimal	26, 69, 226	`rgb(26,69,226)`
RGB Percent	10.2, 27.1, 88.6	`rgb(10.2%,27.1%,88.6%)`
CMYK	88, 69, 0, 11
HSL	227.1°, 79.4, 49.4	`hsl(227.1,79.4%,49.4%)`
HSV (or HSB)	227.1°, 88.5, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.781, 45.859, -82.331
XYZ	16.279, 9.966, 73.013
xyY	0.164, 0.1, 9.966
CIE-LCH	37.781, 94.241, 299.118
CIE-LUV	37.781, -14.058, -115.545
Hunter-Lab	31.568, 36.802, -115.032
Binary	00011010, 01000101, 11100010

#1a45e2
```
#1a45e2 rgb(26,69,226)
```
#e2b71a
```
#e2b71a rgb(226,183,26)
```

Complementary Color

#1aa9e2
```
#1aa9e2 rgb(26,169,226)
```
#1a45e2
```
#1a45e2 rgb(26,69,226)
```
#531ae2
```
#531ae2 rgb(83,26,226)
```

Analogous Color

#a9e21a
```
#a9e21a rgb(169,226,26)
```
#1a45e2
```
#1a45e2 rgb(26,69,226)
```
#e2531a
```
#e2531a rgb(226,83,26)
```

Split Complementary Color

#45e21a
```
#45e21a rgb(69,226,26)
```
#1a45e2
```
#1a45e2 rgb(26,69,226)
```
#e21a45
```
#e21a45 rgb(226,26,69)
```

Triadic Color

#1ae2b7
```
#1ae2b7 rgb(26,226,183)
```
#1a45e2
```
#1a45e2 rgb(26,69,226)
```
#e21a45
```
#e21a45 rgb(226,26,69)
```
#e2b71a
```
#e2b71a rgb(226,183,26)
```

Tetradic Color

#12309d
```
#12309d rgb(18,48,157)
```
#1537b4
```
#1537b4 rgb(21,55,180)
```
#173ecb
```
#173ecb rgb(23,62,203)
```
#1a45e2
```
#1a45e2 rgb(26,69,226)
```
#2e56e7
```
#2e56e7 rgb(46,86,231)
```
#4569ea
```
#4569ea rgb(69,105,234)
```
#5c7bec
```
#5c7bec rgb(92,123,236)
```

Monochromatic Color

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

#1a77e2
```
#1a77e2 rgb(26,119,226)
```
#1a66e2
```
#1a66e2 rgb(26,102,226)
```
#1a56e2
```
#1a56e2 rgb(26,86,226)
```
#1a45e2
```
#1a45e2 rgb(26,69,226)
```
#1a34e2
```
#1a34e2 rgb(26,52,226)
```
#1a24e2
```
#1a24e2 rgb(26,36,226)
```
#211ae2
```
#211ae2 rgb(33,26,226)
```

Similar Colors

Text with hexadecimal color #1a45e2

This text has a font color of #1a45e2.

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

#1a45e2 background color

This paragraph has a background color of #1a45e2.

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

#1a45e2 border color

This element has a border color of #1a45e2.

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

CSS codes

.text {color:#1a45e2;}

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

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

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

#02050f
```
#02050f rgb(2,5,15)
```
#040a20
```
#040a20 rgb(4,10,32)
```
#060f32
```
#060f32 rgb(6,15,50)
```
#081544
```
#081544 rgb(8,21,68)
```
#0a1a55
```
#0a1a55 rgb(10,26,85)
```
#0c1f67
```
#0c1f67 rgb(12,31,103)
```
#0e2578
```
#0e2578 rgb(14,37,120)
```
#102a8a
```
#102a8a rgb(16,42,138)
```
#12309c
```
#12309c rgb(18,48,156)
```
#1435ad
```
#1435ad rgb(20,53,173)
```
#163abf
```
#163abf rgb(22,58,191)
```
#1840d0
```
#1840d0 rgb(24,64,208)
```
#1a45e2
```
#1a45e2 rgb(26,69,226)
```

Shade Color Variation

#2952e6
```
#2952e6 rgb(41,82,230)
```
#3b60e8
```
#3b60e8 rgb(59,96,232)
```
#4c6eea
```
#4c6eea rgb(76,110,234)
```
#5e7dec
```
#5e7dec rgb(94,125,236)
```
#708bef
```
#708bef rgb(112,139,239)
```
#8199f1
```
#8199f1 rgb(129,153,241)
```
#93a7f3
```
#93a7f3 rgb(147,167,243)
```
#a4b6f5
```
#a4b6f5 rgb(164,182,245)
```
#b6c4f7
```
#b6c4f7 rgb(182,196,247)
```
#c8d2f9
```
#c8d2f9 rgb(200,210,249)
```
#d9e0fb
```
#d9e0fb rgb(217,224,251)
```
#ebeffd
```
#ebeffd rgb(235,239,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7c81 is the less saturated color, while #073af5 is the most saturated one.

#7b7c81
```
#7b7c81 rgb(123,124,129)
```
#71778b
```
#71778b rgb(113,119,139)
```
#687194
```
#687194 rgb(104,113,148)
```
#5e6c9e
```
#5e6c9e rgb(94,108,158)
```
#5466a8
```
#5466a8 rgb(84,102,168)
```
#4a61b2
```
#4a61b2 rgb(74,97,178)
```
#415bbb
```
#415bbb rgb(65,91,187)
```
#3756c5
```
#3756c5 rgb(55,86,197)
```
#2d50cf
```
#2d50cf rgb(45,80,207)
```
#244bd8
```
#244bd8 rgb(36,75,216)
```
#1a45e2
```
#1a45e2 rgb(26,69,226)
```
#103fec
```
#103fec rgb(16,63,236)
```
#073af5
```
#073af5 rgb(7,58,245)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#404968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#0955c7 Protanomaly 1% of men, 0.01% of women
#0958b7 Deuteranomaly 6% of men, 0.4% of women
#095d99 Tritanomaly 0.01% of the population

#1a45e2 hex color

#1a45e2 Color Information

#1a45e2 Color Conversion

Color Schemes with #1a45e2

Alternatives to #1a45e2

#1a45e2 Preview

Shades and Tints of #1a45e2

Tones of #1a45e2

Color Blindness Simulator