#1a55f5 hex color

In a RGB color space, hex #1a55f5 is composed of 10.2% red, 33.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 65.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 223.8 degrees, a saturation of 91.6% and a lightness of 53.1%. #1a55f5 color hex could be obtained by blending #34aaff with #0000eb. Closest websafe color is: #3366ff.

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

● #1a55f5 color description : Vivid blue.

The hexadecimal color #1a55f5 has RGB values of R:26, G:85, B:245 and CMYK values of C:0.89, M:0.65, Y:0, K:0.04. Its decimal value is 1725941.

Hex triplet	1a55f5	`#1a55f5`
RGB Decimal	26, 85, 245	`rgb(26,85,245)`
RGB Percent	10.2, 33.3, 96.1	`rgb(10.2%,33.3%,96.1%)`
CMYK	89, 65, 0, 4
HSL	223.8°, 91.6, 53.1	`hsl(223.8,91.6%,53.1%)`
HSV (or HSB)	223.8°, 89.4, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.223, 42.877, -84.108
XYZ	20.152, 13.308, 87.888
xyY	0.166, 0.11, 13.308
CIE-LCH	43.223, 94.407, 297.012
CIE-LUV	43.223, -17.471, -123.949
Hunter-Lab	36.48, 34.77, -117.308
Binary	00011010, 01010101, 11110101

#1a55f5
```
#1a55f5 rgb(26,85,245)
```
#f5ba1a
```
#f5ba1a rgb(245,186,26)
```

Complementary Color

#1ac3f5
```
#1ac3f5 rgb(26,195,245)
```
#1a55f5
```
#1a55f5 rgb(26,85,245)
```
#4c1af5
```
#4c1af5 rgb(76,26,245)
```

Analogous Color

#c3f51a
```
#c3f51a rgb(195,245,26)
```
#1a55f5
```
#1a55f5 rgb(26,85,245)
```
#f54c1a
```
#f54c1a rgb(245,76,26)
```

Split Complementary Color

#55f51a
```
#55f51a rgb(85,245,26)
```
#1a55f5
```
#1a55f5 rgb(26,85,245)
```
#f51a55
```
#f51a55 rgb(245,26,85)
```

Triadic Color

#1af5ba
```
#1af5ba rgb(26,245,186)
```
#1a55f5
```
#1a55f5 rgb(26,85,245)
```
#f51a55
```
#f51a55 rgb(245,26,85)
```
#f5ba1a
```
#f5ba1a rgb(245,186,26)
```

Tetradic Color

#0838ba
```
#0838ba rgb(8,56,186)
```
#0940d3
```
#0940d3 rgb(9,64,211)
```
#0a47eb
```
#0a47eb rgb(10,71,235)
```
#1a55f5
```
#1a55f5 rgb(26,85,245)
```
#3267f6
```
#3267f6 rgb(50,103,246)
```
#4b79f7
```
#4b79f7 rgb(75,121,247)
```
#638bf8
```
#638bf8 rgb(99,139,248)
```

Monochromatic Color

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

#1a8cf5
```
#1a8cf5 rgb(26,140,245)
```
#1a7af5
```
#1a7af5 rgb(26,122,245)
```
#1a67f5
```
#1a67f5 rgb(26,103,245)
```
#1a55f5
```
#1a55f5 rgb(26,85,245)
```
#1a43f5
```
#1a43f5 rgb(26,67,245)
```
#1a31f5
```
#1a31f5 rgb(26,49,245)
```
#1a1ef5
```
#1a1ef5 rgb(26,30,245)
```

Similar Colors

Text with hexadecimal color #1a55f5

This text has a font color of #1a55f5.

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

#1a55f5 background color

This paragraph has a background color of #1a55f5.

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

#1a55f5 border color

This element has a border color of #1a55f5.

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

CSS codes

.text {color:#1a55f5;}

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

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

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

#01050f
```
#01050f rgb(1,5,15)
```
#010a22
```
#010a22 rgb(1,10,34)
```
#021035
```
#021035 rgb(2,16,53)
```
#031648
```
#031648 rgb(3,22,72)
```
#041b5b
```
#041b5b rgb(4,27,91)
```
#05216d
```
#05216d rgb(5,33,109)
```
#062780
```
#062780 rgb(6,39,128)
```
#062c93
```
#062c93 rgb(6,44,147)
```
#0732a6
```
#0732a6 rgb(7,50,166)
```
#0838b8
```
#0838b8 rgb(8,56,184)
```
#093dcb
```
#093dcb rgb(9,61,203)
```
#0a43de
```
#0a43de rgb(10,67,222)
```
#0b49f1
```
#0b49f1 rgb(11,73,241)
```

Shade Color Variation

#1a55f5
```
#1a55f5 rgb(26,85,245)
```
#2d63f6
```
#2d63f6 rgb(45,99,246)
```
#4071f7
```
#4071f7 rgb(64,113,247)
```
#527ff7
```
#527ff7 rgb(82,127,247)
```
#658df8
```
#658df8 rgb(101,141,248)
```
#789bf9
```
#789bf9 rgb(120,155,249)
```
#8ba9fa
```
#8ba9fa rgb(139,169,250)
```
#9eb7fb
```
#9eb7fb rgb(158,183,251)
```
#b0c5fc
```
#b0c5fc rgb(176,197,252)
```
#c3d3fc
```
#c3d3fc rgb(195,211,252)
```
#d6e1fd
```
#d6e1fd rgb(214,225,253)
```
#e9eefe
```
#e9eefe rgb(233,238,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#7f8490
```
#7f8490 rgb(127,132,144)
```
#767f99
```
#767f99 rgb(118,127,153)
```
#6d7ba2
```
#6d7ba2 rgb(109,123,162)
```
#6477ab
```
#6477ab rgb(100,119,171)
```
#5a73b5
```
#5a73b5 rgb(90,115,181)
```
#516ebe
```
#516ebe rgb(81,110,190)
```
#486ac7
```
#486ac7 rgb(72,106,199)
```
#3f66d0
```
#3f66d0 rgb(63,102,208)
```
#3662d9
```
#3662d9 rgb(54,98,217)
```
#2c5de3
```
#2c5de3 rgb(44,93,227)
```
#2359ec
```
#2359ec rgb(35,89,236)
```
#1a55f5
```
#1a55f5 rgb(26,85,245)
```
#1151fe
```
#1151fe rgb(17,81,254)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4a5676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0071b4 Deuteranopia 1% of men
#00797e Tritanopia 0.001% of the population

Trichromacy

#0962dd Protanomaly 1% of men, 0.01% of women
#0966cc Deuteranomaly 6% of men, 0.4% of women
#096ba9 Tritanomaly 0.01% of the population

#1a55f5 hex color

#1a55f5 Color Information

#1a55f5 Color Conversion

Color Schemes with #1a55f5

Alternatives to #1a55f5

#1a55f5 Preview

Shades and Tints of #1a55f5

Tones of #1a55f5

Color Blindness Simulator