#1a72f4 hex color

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

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

● #1a72f4 color description : Vivid blue.

The hexadecimal color #1a72f4 has RGB values of R:26, G:114, B:244 and CMYK values of C:0.89, M:0.53, Y:0, K:0.04. Its decimal value is 1733364.

Hex triplet	1a72f4	`#1a72f4`
RGB Decimal	26, 114, 244	`rgb(26,114,244)`
RGB Percent	10.2, 44.7, 95.7	`rgb(10.2%,44.7%,95.7%)`
CMYK	89, 53, 0, 4
HSL	215.8°, 90.8, 52.9	`hsl(215.8,90.8%,52.9%)`
HSV (or HSB)	215.8°, 89.3, 95.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.433, 24.179, -71.762
XYZ	22.769, 18.784, 88.009
xyY	0.176, 0.145, 18.784
CIE-LCH	50.433, 75.726, 288.621
CIE-LUV	50.433, -24.686, -112.109
Hunter-Lab	43.34, 17.929, -90.058
Binary	00011010, 01110010, 11110100

#1a72f4
```
#1a72f4 rgb(26,114,244)
```
#f49c1a
```
#f49c1a rgb(244,156,26)
```

Complementary Color

#1adff4
```
#1adff4 rgb(26,223,244)
```
#1a72f4
```
#1a72f4 rgb(26,114,244)
```
#2f1af4
```
#2f1af4 rgb(47,26,244)
```

Analogous Color

#dff41a
```
#dff41a rgb(223,244,26)
```
#1a72f4
```
#1a72f4 rgb(26,114,244)
```
#f42f1a
```
#f42f1a rgb(244,47,26)
```

Split Complementary Color

#72f41a
```
#72f41a rgb(114,244,26)
```
#1a72f4
```
#1a72f4 rgb(26,114,244)
```
#f41a72
```
#f41a72 rgb(244,26,114)
```

Triadic Color

#1af49c
```
#1af49c rgb(26,244,156)
```
#1a72f4
```
#1a72f4 rgb(26,114,244)
```
#f41a72
```
#f41a72 rgb(244,26,114)
```
#f49c1a
```
#f49c1a rgb(244,156,26)
```

Tetradic Color

#0950b9
```
#0950b9 rgb(9,80,185)
```
#0a5ad1
```
#0a5ad1 rgb(10,90,209)
```
#0b65e9
```
#0b65e9 rgb(11,101,233)
```
#1a72f4
```
#1a72f4 rgb(26,114,244)
```
#3281f5
```
#3281f5 rgb(50,129,245)
```
#4b90f6
```
#4b90f6 rgb(75,144,246)
```
#639ff8
```
#639ff8 rgb(99,159,248)
```

Monochromatic Color

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

#1aa9f4
```
#1aa9f4 rgb(26,169,244)
```
#1a96f4
```
#1a96f4 rgb(26,150,244)
```
#1a84f4
```
#1a84f4 rgb(26,132,244)
```
#1a72f4
```
#1a72f4 rgb(26,114,244)
```
#1a60f4
```
#1a60f4 rgb(26,96,244)
```
#1a4ef4
```
#1a4ef4 rgb(26,78,244)
```
#1a3cf4
```
#1a3cf4 rgb(26,60,244)
```

Similar Colors

Text with hexadecimal color #1a72f4

This text has a font color of #1a72f4.

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

#1a72f4 background color

This paragraph has a background color of #1a72f4.

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

#1a72f4 border color

This element has a border color of #1a72f4.

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

CSS codes

.text {color:#1a72f4;}

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

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

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

#01060e
```
#01060e rgb(1,6,14)
```
#020e21
```
#020e21 rgb(2,14,33)
```
#021634
```
#021634 rgb(2,22,52)
```
#031e46
```
#031e46 rgb(3,30,70)
```
#042759
```
#042759 rgb(4,39,89)
```
#052f6c
```
#052f6c rgb(5,47,108)
```
#06377f
```
#06377f rgb(6,55,127)
```
#073f91
```
#073f91 rgb(7,63,145)
```
#0847a4
```
#0847a4 rgb(8,71,164)
```
#094fb7
```
#094fb7 rgb(9,79,183)
```
#0a57c9
```
#0a57c9 rgb(10,87,201)
```
#0b5fdc
```
#0b5fdc rgb(11,95,220)
```
#0b67ef
```
#0b67ef rgb(11,103,239)
```

Shade Color Variation

#1a72f4
```
#1a72f4 rgb(26,114,244)
```
#2d7ef5
```
#2d7ef5 rgb(45,126,245)
```
#3f89f6
```
#3f89f6 rgb(63,137,246)
```
#5295f7
```
#5295f7 rgb(82,149,247)
```
#65a0f8
```
#65a0f8 rgb(101,160,248)
```
#78acf8
```
#78acf8 rgb(120,172,248)
```
#8ab7f9
```
#8ab7f9 rgb(138,183,249)
```
#9dc3fa
```
#9dc3fa rgb(157,195,250)
```
#b0cefb
```
#b0cefb rgb(176,206,251)
```
#c2dafc
```
#c2dafc rgb(194,218,252)
```
#d5e5fd
```
#d5e5fd rgb(213,229,253)
```
#e8f1fe
```
#e8f1fe rgb(232,241,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#80868e
```
#80868e rgb(128,134,142)
```
#768498
```
#768498 rgb(118,132,152)
```
#6d82a1
```
#6d82a1 rgb(109,130,161)
```
#6480aa
```
#6480aa rgb(100,128,170)
```
#5b7eb3
```
#5b7eb3 rgb(91,126,179)
```
#517dbd
```
#517dbd rgb(81,125,189)
```
#487bc6
```
#487bc6 rgb(72,123,198)
```
#3f79cf
```
#3f79cf rgb(63,121,207)
```
#3677d8
```
#3677d8 rgb(54,119,216)
```
#2c76e2
```
#2c76e2 rgb(44,118,226)
```
#2374eb
```
#2374eb rgb(35,116,235)
```
#1a72f4
```
#1a72f4 rgb(26,114,244)
```
#1170fd
```
#1170fd rgb(17,112,253)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#586983 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf1 Protanopia 1% of men
#0081d3 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#0977f2 Protanomaly 1% of men, 0.01% of women
#097cdf Deuteranomaly 6% of men, 0.4% of women
#0982b6 Tritanomaly 0.01% of the population

#1a72f4 hex color

#1a72f4 Color Information

#1a72f4 Color Conversion

Color Schemes with #1a72f4

Alternatives to #1a72f4

#1a72f4 Preview

Shades and Tints of #1a72f4

Tones of #1a72f4

Color Blindness Simulator