#1a40ff hex color

In a RGB color space, hex #1a40ff is composed of 10.2% red, 25.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 74.9% magenta, 0% yellow and 0% black. It has a hue angle of 230 degrees, a saturation of 100% and a lightness of 55.1%. #1a40ff color hex could be obtained by blending #3480ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 10
- G 25
- B 100
RGB color chart
- C 90
- M 75
- Y 0
- K 0
CMYK color chart

● #1a40ff color description : Vivid blue.

The hexadecimal color #1a40ff has RGB values of R:26, G:64, B:255 and CMYK values of C:0.9, M:0.75, Y:0, K:0. Its decimal value is 1720575.

Hex triplet	1a40ff	`#1a40ff`
RGB Decimal	26, 64, 255	`rgb(26,64,255)`
RGB Percent	10.2, 25.1, 100	`rgb(10.2%,25.1%,100%)`
CMYK	90, 75, 0, 0
HSL	230°, 100, 55.1	`hsl(230,100%,55.1%)`
HSV (or HSB)	230°, 89.8, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.756, 58.573, -95.431
XYZ	20.306, 11.105, 95.675
xyY	0.16, 0.087, 11.105
CIE-LCH	39.756, 111.972, 301.541
CIE-LUV	39.756, -13.67, -133.055
Hunter-Lab	33.324, 50.451, -146.9
Binary	00011010, 01000000, 11111111

#1a40ff
```
#1a40ff rgb(26,64,255)
```
#ffd91a
```
#ffd91a rgb(255,217,26)
```

Complementary Color

#1ab3ff
```
#1ab3ff rgb(26,179,255)
```
#1a40ff
```
#1a40ff rgb(26,64,255)
```
#671aff
```
#671aff rgb(103,26,255)
```

Analogous Color

#b3ff1a
```
#b3ff1a rgb(179,255,26)
```
#1a40ff
```
#1a40ff rgb(26,64,255)
```
#ff671a
```
#ff671a rgb(255,103,26)
```

Split Complementary Color

#40ff1a
```
#40ff1a rgb(64,255,26)
```
#1a40ff
```
#1a40ff rgb(26,64,255)
```
#ff1a40
```
#ff1a40 rgb(255,26,64)
```

Triadic Color

#1affd9
```
#1affd9 rgb(26,255,217)
```
#1a40ff
```
#1a40ff rgb(26,64,255)
```
#ff1a40
```
#ff1a40 rgb(255,26,64)
```
#ffd91a
```
#ffd91a rgb(255,217,26)
```

Tetradic Color

#0022cd
```
#0022cd rgb(0,34,205)
```
#0026e6
```
#0026e6 rgb(0,38,230)
```
#002bff
```
#002bff rgb(0,43,255)
```
#1a40ff
```
#1a40ff rgb(26,64,255)
```
#3455ff
```
#3455ff rgb(52,85,255)
```
#4d6bff
```
#4d6bff rgb(77,107,255)
```
#6780ff
```
#6780ff rgb(103,128,255)
```

Monochromatic Color

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

#1a79ff
```
#1a79ff rgb(26,121,255)
```
#1a66ff
```
#1a66ff rgb(26,102,255)
```
#1a53ff
```
#1a53ff rgb(26,83,255)
```
#1a40ff
```
#1a40ff rgb(26,64,255)
```
#1a2dff
```
#1a2dff rgb(26,45,255)
```
#1a1aff
```
#1a1aff rgb(26,26,255)
```
#2d1aff
```
#2d1aff rgb(45,26,255)
```

Similar Colors

Text with hexadecimal color #1a40ff

This text has a font color of #1a40ff.

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

#1a40ff background color

This paragraph has a background color of #1a40ff.

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

#1a40ff border color

This element has a border color of #1a40ff.

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

CSS codes

.text {color:#1a40ff;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#00041a
```
#00041a rgb(0,4,26)
```
#00082e
```
#00082e rgb(0,8,46)
```
#000b41
```
#000b41 rgb(0,11,65)
```
#000e55
```
#000e55 rgb(0,14,85)
```
#001168
```
#001168 rgb(0,17,104)
```
#00157c
```
#00157c rgb(0,21,124)
```
#001890
```
#001890 rgb(0,24,144)
```
#001ba3
```
#001ba3 rgb(0,27,163)
```
#001eb7
```
#001eb7 rgb(0,30,183)
```
#0022cb
```
#0022cb rgb(0,34,203)
```
#0025de
```
#0025de rgb(0,37,222)
```
#0028f2
```
#0028f2 rgb(0,40,242)
```

Shade Color Variation

#0630ff
```
#0630ff rgb(6,48,255)
```
#1a40ff
```
#1a40ff rgb(26,64,255)
```
#2e50ff
```
#2e50ff rgb(46,80,255)
```
#4161ff
```
#4161ff rgb(65,97,255)
```
#5571ff
```
#5571ff rgb(85,113,255)
```
#6881ff
```
#6881ff rgb(104,129,255)
```
#7c92ff
```
#7c92ff rgb(124,146,255)
```
#90a2ff
```
#90a2ff rgb(144,162,255)
```
#a3b3ff
```
#a3b3ff rgb(163,179,255)
```
#b7c3ff
```
#b7c3ff rgb(183,195,255)
```
#cbd3ff
```
#cbd3ff rgb(203,211,255)
```
#dee4ff
```
#dee4ff rgb(222,228,255)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

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

#848795
```
#848795 rgb(132,135,149)
```
#7b819e
```
#7b819e rgb(123,129,158)
```
#727ba7
```
#727ba7 rgb(114,123,167)
```
#6975b0
```
#6975b0 rgb(105,117,176)
```
#606fb9
```
#606fb9 rgb(96,111,185)
```
#5869c1
```
#5869c1 rgb(88,105,193)
```
#4f63ca
```
#4f63ca rgb(79,99,202)
```
#465dd3
```
#465dd3 rgb(70,93,211)
```
#3d58dc
```
#3d58dc rgb(61,88,220)
```
#3452e5
```
#3452e5 rgb(52,82,229)
```
#2c4ced
```
#2c4ced rgb(44,76,237)
```
#2346f6
```
#2346f6 rgb(35,70,246)
```
#1a40ff
```
#1a40ff rgb(26,64,255)
```

Tone Color Variation

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

Dichromacy

#0063c0 Protanopia 1% of men
#0069a6 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#0956d7 Protanomaly 1% of men, 0.01% of women
#095ac6 Deuteranomaly 6% of men, 0.4% of women
#095ea7 Tritanomaly 0.01% of the population

#1a40ff hex color

#1a40ff Color Information

#1a40ff Color Conversion

Color Schemes with #1a40ff

Alternatives to #1a40ff

#1a40ff Preview

Shades and Tints of #1a40ff

Tones of #1a40ff

Color Blindness Simulator