#1a2cff hex color

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

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

● #1a2cff color description : Vivid blue.

The hexadecimal color #1a2cff has RGB values of R:26, G:44, B:255 and CMYK values of C:0.9, M:0.83, Y:0, K:0. Its decimal value is 1715455.

Hex triplet	1a2cff	`#1a2cff`
RGB Decimal	26, 44, 255	`rgb(26,44,255)`
RGB Percent	10.2, 17.3, 100	`rgb(10.2%,17.3%,100%)`
CMYK	90, 83, 0, 0
HSL	235.3°, 100, 55.1	`hsl(235.3,100%,55.1%)`
HSV (or HSB)	235.3°, 89.8, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.441, 68.214, -100.939
XYZ	19.373, 9.239, 95.365
xyY	0.156, 0.075, 9.239
CIE-LCH	36.441, 121.827, 304.051
CIE-LUV	36.441, -11.053, -133.155
Hunter-Lab	30.397, 60.572, -164.736
Binary	00011010, 00101100, 11111111

#1a2cff
```
#1a2cff rgb(26,44,255)
```
#ffed1a
```
#ffed1a rgb(255,237,26)
```

Complementary Color

#1a9fff
```
#1a9fff rgb(26,159,255)
```
#1a2cff
```
#1a2cff rgb(26,44,255)
```
#7b1aff
```
#7b1aff rgb(123,26,255)
```

Analogous Color

#9fff1a
```
#9fff1a rgb(159,255,26)
```
#1a2cff
```
#1a2cff rgb(26,44,255)
```
#ff7b1a
```
#ff7b1a rgb(255,123,26)
```

Split Complementary Color

#2cff1a
```
#2cff1a rgb(44,255,26)
```
#1a2cff
```
#1a2cff rgb(26,44,255)
```
#ff1a2c
```
#ff1a2c rgb(255,26,44)
```

Triadic Color

#1affed
```
#1affed rgb(26,255,237)
```
#1a2cff
```
#1a2cff rgb(26,44,255)
```
#ff1a2c
```
#ff1a2c rgb(255,26,44)
```
#ffed1a
```
#ffed1a rgb(255,237,26)
```

Tetradic Color

#0010cd
```
#0010cd rgb(0,16,205)
```
#0012e6
```
#0012e6 rgb(0,18,230)
```
#0015ff
```
#0015ff rgb(0,21,255)
```
#1a2cff
```
#1a2cff rgb(26,44,255)
```
#3443ff
```
#3443ff rgb(52,67,255)
```
#4d5bff
```
#4d5bff rgb(77,91,255)
```
#6772ff
```
#6772ff rgb(103,114,255)
```

Monochromatic Color

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

#1a65ff
```
#1a65ff rgb(26,101,255)
```
#1a52ff
```
#1a52ff rgb(26,82,255)
```
#1a3fff
```
#1a3fff rgb(26,63,255)
```
#1a2cff
```
#1a2cff rgb(26,44,255)
```
#1b1aff
```
#1b1aff rgb(27,26,255)
```
#2e1aff
```
#2e1aff rgb(46,26,255)
```
#411aff
```
#411aff rgb(65,26,255)
```

Similar Colors

Text with hexadecimal color #1a2cff

This text has a font color of #1a2cff.

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

#1a2cff background color

This paragraph has a background color of #1a2cff.

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

#1a2cff border color

This element has a border color of #1a2cff.

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

CSS codes

.text {color:#1a2cff;}

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

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

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 #f2f3ff is the lightest one.

#000106
```
#000106 rgb(0,1,6)
```
#00021a
```
#00021a rgb(0,2,26)
```
#00042e
```
#00042e rgb(0,4,46)
```
#000541
```
#000541 rgb(0,5,65)
```
#000755
```
#000755 rgb(0,7,85)
```
#000868
```
#000868 rgb(0,8,104)
```
#000a7c
```
#000a7c rgb(0,10,124)
```
#000b90
```
#000b90 rgb(0,11,144)
```
#000da3
```
#000da3 rgb(0,13,163)
```
#000eb7
```
#000eb7 rgb(0,14,183)
```
#0010cb
```
#0010cb rgb(0,16,203)
```
#0011de
```
#0011de rgb(0,17,222)
```
#0013f2
```
#0013f2 rgb(0,19,242)
```

Shade Color Variation

#061aff
```
#061aff rgb(6,26,255)
```
#1a2cff
```
#1a2cff rgb(26,44,255)
```
#2e3eff
```
#2e3eff rgb(46,62,255)
```
#4150ff
```
#4150ff rgb(65,80,255)
```
#5562ff
```
#5562ff rgb(85,98,255)
```
#6874ff
```
#6874ff rgb(104,116,255)
```
#7c86ff
```
#7c86ff rgb(124,134,255)
```
#9098ff
```
#9098ff rgb(144,152,255)
```
#a3abff
```
#a3abff rgb(163,171,255)
```
#b7bdff
```
#b7bdff rgb(183,189,255)
```
#cbcfff
```
#cbcfff rgb(203,207,255)
```
#dee1ff
```
#dee1ff rgb(222,225,255)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

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

#848595
```
#848595 rgb(132,133,149)
```
#7b7e9e
```
#7b7e9e rgb(123,126,158)
```
#7276a7
```
#7276a7 rgb(114,118,167)
```
#696fb0
```
#696fb0 rgb(105,111,176)
```
#6067b9
```
#6067b9 rgb(96,103,185)
```
#5860c1
```
#5860c1 rgb(88,96,193)
```
#4f59ca
```
#4f59ca rgb(79,89,202)
```
#4651d3
```
#4651d3 rgb(70,81,211)
```
#3d4adc
```
#3d4adc rgb(61,74,220)
```
#3442e5
```
#3442e5 rgb(52,66,229)
```
#2c3bed
```
#2c3bed rgb(44,59,237)
```
#2333f6
```
#2333f6 rgb(35,51,246)
```
#1a2cff
```
#1a2cff rgb(26,44,255)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#383b65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#006199 Deuteranopia 1% of men
#00686c Tritanopia 0.001% of the population

Trichromacy

#094ace Protanomaly 1% of men, 0.01% of women
#094dbe Deuteranomaly 6% of men, 0.4% of women
#0952a1 Tritanomaly 0.01% of the population

#1a2cff hex color

#1a2cff Color Information

#1a2cff Color Conversion

Color Schemes with #1a2cff

Alternatives to #1a2cff

#1a2cff Preview

Shades and Tints of #1a2cff

Tones of #1a2cff

Color Blindness Simulator