#1a50f4 hex color

In a RGB color space, hex #1a50f4 is composed of 10.2% red, 31.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 67.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 225.1 degrees, a saturation of 90.8% and a lightness of 52.9%. #1a50f4 color hex could be obtained by blending #34a0ff with #0000e9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 10
- G 31
- B 96
RGB color chart
- C 89
- M 67
- Y 0
- K 4
CMYK color chart

● #1a50f4 color description : Vivid blue.

The hexadecimal color #1a50f4 has RGB values of R:26, G:80, B:244 and CMYK values of C:0.89, M:0.67, Y:0, K:0.04. Its decimal value is 1724660.

Hex triplet	1a50f4	`#1a50f4`
RGB Decimal	26, 80, 244	`rgb(26,80,244)`
RGB Percent	10.2, 31.4, 95.7	`rgb(10.2%,31.4%,95.7%)`
CMYK	89, 67, 0, 4
HSL	225.1°, 90.8, 52.9	`hsl(225.1,90.8%,52.9%)`
HSV (or HSB)	225.1°, 89.3, 95.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.98, 45.588, -85.594
XYZ	19.62, 12.487, 86.959
xyY	0.165, 0.105, 12.487
CIE-LCH	41.98, 96.977, 298.04
CIE-LUV	41.98, -16.412, -124.483
Hunter-Lab	35.337, 37.27, -121.168
Binary	00011010, 01010000, 11110100

#1a50f4
```
#1a50f4 rgb(26,80,244)
```
#f4be1a
```
#f4be1a rgb(244,190,26)
```

Complementary Color

#1abdf4
```
#1abdf4 rgb(26,189,244)
```
#1a50f4
```
#1a50f4 rgb(26,80,244)
```
#511af4
```
#511af4 rgb(81,26,244)
```

Analogous Color

#bdf41a
```
#bdf41a rgb(189,244,26)
```
#1a50f4
```
#1a50f4 rgb(26,80,244)
```
#f4511a
```
#f4511a rgb(244,81,26)
```

Split Complementary Color

#50f41a
```
#50f41a rgb(80,244,26)
```
#1a50f4
```
#1a50f4 rgb(26,80,244)
```
#f41a50
```
#f41a50 rgb(244,26,80)
```

Triadic Color

#1af4be
```
#1af4be rgb(26,244,190)
```
#1a50f4
```
#1a50f4 rgb(26,80,244)
```
#f41a50
```
#f41a50 rgb(244,26,80)
```
#f4be1a
```
#f4be1a rgb(244,190,26)
```

Tetradic Color

#0934b9
```
#0934b9 rgb(9,52,185)
```
#0a3bd1
```
#0a3bd1 rgb(10,59,209)
```
#0b42e9
```
#0b42e9 rgb(11,66,233)
```
#1a50f4
```
#1a50f4 rgb(26,80,244)
```
#3263f5
```
#3263f5 rgb(50,99,245)
```
#4b75f6
```
#4b75f6 rgb(75,117,246)
```
#6388f8
```
#6388f8 rgb(99,136,248)
```

Monochromatic Color

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

#1a87f4
```
#1a87f4 rgb(26,135,244)
```
#1a74f4
```
#1a74f4 rgb(26,116,244)
```
#1a62f4
```
#1a62f4 rgb(26,98,244)
```
#1a50f4
```
#1a50f4 rgb(26,80,244)
```
#1a3ef4
```
#1a3ef4 rgb(26,62,244)
```
#1a2cf4
```
#1a2cf4 rgb(26,44,244)
```
#1a1af4
```
#1a1af4 rgb(26,26,244)
```

Similar Colors

Text with hexadecimal color #1a50f4

This text has a font color of #1a50f4.

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

#1a50f4 background color

This paragraph has a background color of #1a50f4.

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

#1a50f4 border color

This element has a border color of #1a50f4.

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

CSS codes

.text {color:#1a50f4;}

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

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

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, #01040e is the darkest color, while #fbfcff is the lightest one.

#01040e
```
#01040e rgb(1,4,14)
```
#020921
```
#020921 rgb(2,9,33)
```
#020f34
```
#020f34 rgb(2,15,52)
```
#031446
```
#031446 rgb(3,20,70)
```
#041959
```
#041959 rgb(4,25,89)
```
#051f6c
```
#051f6c rgb(5,31,108)
```
#06247f
```
#06247f rgb(6,36,127)
```
#072991
```
#072991 rgb(7,41,145)
```
#082fa4
```
#082fa4 rgb(8,47,164)
```
#0934b7
```
#0934b7 rgb(9,52,183)
```
#0a39c9
```
#0a39c9 rgb(10,57,201)
```
#0b3fdc
```
#0b3fdc rgb(11,63,220)
```
#0b44ef
```
#0b44ef rgb(11,68,239)
```

Shade Color Variation

#1a50f4
```
#1a50f4 rgb(26,80,244)
```
#2d5ef5
```
#2d5ef5 rgb(45,94,245)
```
#3f6df6
```
#3f6df6 rgb(63,109,246)
```
#527bf7
```
#527bf7 rgb(82,123,247)
```
#6589f8
```
#6589f8 rgb(101,137,248)
```
#7898f8
```
#7898f8 rgb(120,152,248)
```
#8aa6f9
```
#8aa6f9 rgb(138,166,249)
```
#9db4fa
```
#9db4fa rgb(157,180,250)
```
#b0c2fb
```
#b0c2fb rgb(176,194,251)
```
#c2d1fc
```
#c2d1fc rgb(194,209,252)
```
#d5dffd
```
#d5dffd rgb(213,223,253)
```
#e8edfe
```
#e8edfe rgb(232,237,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#80838e
```
#80838e rgb(128,131,142)
```
#767f98
```
#767f98 rgb(118,127,152)
```
#6d7aa1
```
#6d7aa1 rgb(109,122,161)
```
#6475aa
```
#6475aa rgb(100,117,170)
```
#5b71b3
```
#5b71b3 rgb(91,113,179)
```
#516cbd
```
#516cbd rgb(81,108,189)
```
#4867c6
```
#4867c6 rgb(72,103,198)
```
#3f63cf
```
#3f63cf rgb(63,99,207)
```
#365ed8
```
#365ed8 rgb(54,94,216)
```
#2c59e2
```
#2c59e2 rgb(44,89,226)
```
#2355eb
```
#2355eb rgb(35,85,235)
```
#1a50f4
```
#1a50f4 rgb(26,80,244)
```
#114bfd
```
#114bfd rgb(17,75,253)
```

Tone Color Variation

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

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#095fd9 Protanomaly 1% of men, 0.01% of women
#0963c8 Deuteranomaly 6% of men, 0.4% of women
#0968a7 Tritanomaly 0.01% of the population

#1a50f4 hex color

#1a50f4 Color Information

#1a50f4 Color Conversion

Color Schemes with #1a50f4

Alternatives to #1a50f4

#1a50f4 Preview

Shades and Tints of #1a50f4

Tones of #1a50f4

Color Blindness Simulator