#1a02ff hex color

In a RGB color space, hex #1a02ff is composed of 10.2% red, 0.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 99.2% magenta, 0% yellow and 0% black. It has a hue angle of 245.7 degrees, a saturation of 100% and a lightness of 50.4%. #1a02ff color hex could be obtained by blending #3404ff with #0000ff. Closest websafe color is: #3300ff.

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

● #1a02ff color description : Vivid blue.

The hexadecimal color #1a02ff has RGB values of R:26, G:2, B:255 and CMYK values of C:0.9, M:0.99, Y:0, K:0. Its decimal value is 1704703.

Hex triplet	1a02ff	`#1a02ff`
RGB Decimal	26, 2, 255	`rgb(26,2,255)`
RGB Percent	10.2, 0.8, 100	`rgb(10.2%,0.8%,100%)`
CMYK	90, 99, 0, 0
HSL	245.7°, 100, 50.4	`hsl(245.7,100%,50.4%)`
HSV (or HSB)	245.7°, 99.2, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.879, 79.05, -106.884
XYZ	18.494, 7.482, 95.072
xyY	0.153, 0.062, 7.482
CIE-LCH	32.879, 132.94, 306.486
CIE-LUV	32.879, -8.541, -130.985
Hunter-Lab	27.353, 72.824, -186.932
Binary	00011010, 00000010, 11111111

#1a02ff
```
#1a02ff rgb(26,2,255)
```
#e7ff02
```
#e7ff02 rgb(231,255,2)
```

Complementary Color

#0269ff
```
#0269ff rgb(2,105,255)
```
#1a02ff
```
#1a02ff rgb(26,2,255)
```
#9902ff
```
#9902ff rgb(153,2,255)
```

Analogous Color

#69ff02
```
#69ff02 rgb(105,255,2)
```
#1a02ff
```
#1a02ff rgb(26,2,255)
```
#ff9902
```
#ff9902 rgb(255,153,2)
```

Split Complementary Color

#02ff1a
```
#02ff1a rgb(2,255,26)
```
#1a02ff
```
#1a02ff rgb(26,2,255)
```
#ff1a02
```
#ff1a02 rgb(255,26,2)
```

Triadic Color

#02e7ff
```
#02e7ff rgb(2,231,255)
```
#1a02ff
```
#1a02ff rgb(26,2,255)
```
#ff1a02
```
#ff1a02 rgb(255,26,2)
```
#e7ff02
```
#e7ff02 rgb(231,255,2)
```

Tetradic Color

#1100b5
```
#1100b5 rgb(17,0,181)
```
#1400ce
```
#1400ce rgb(20,0,206)
```
#1600e8
```
#1600e8 rgb(22,0,232)
```
#1a02ff
```
#1a02ff rgb(26,2,255)
```
#311cff
```
#311cff rgb(49,28,255)
```
#4835ff
```
#4835ff rgb(72,53,255)
```
#5f4fff
```
#5f4fff rgb(95,79,255)
```

Monochromatic Color

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

#0229ff
```
#0229ff rgb(2,41,255)
```
#0214ff
```
#0214ff rgb(2,20,255)
```
#0502ff
```
#0502ff rgb(5,2,255)
```
#1a02ff
```
#1a02ff rgb(26,2,255)
```
#2f02ff
```
#2f02ff rgb(47,2,255)
```
#4402ff
```
#4402ff rgb(68,2,255)
```
#5902ff
```
#5902ff rgb(89,2,255)
```

Similar Colors

Text with hexadecimal color #1a02ff

This text has a font color of #1a02ff.

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

#1a02ff background color

This paragraph has a background color of #1a02ff.

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

#1a02ff border color

This element has a border color of #1a02ff.

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

CSS codes

.text {color:#1a02ff;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#020016
```
#020016 rgb(2,0,22)
```
#040029
```
#040029 rgb(4,0,41)
```
#06003d
```
#06003d rgb(6,0,61)
```
#080050
```
#080050 rgb(8,0,80)
```
#090064
```
#090064 rgb(9,0,100)
```
#0b0078
```
#0b0078 rgb(11,0,120)
```
#0d008b
```
#0d008b rgb(13,0,139)
```
#0f009f
```
#0f009f rgb(15,0,159)
```
#1100b3
```
#1100b3 rgb(17,0,179)
```
#1300c6
```
#1300c6 rgb(19,0,198)
```
#1500da
```
#1500da rgb(21,0,218)
```
#1700ed
```
#1700ed rgb(23,0,237)
```

Shade Color Variation

#1a02ff
```
#1a02ff rgb(26,2,255)
```
#2c16ff
```
#2c16ff rgb(44,22,255)
```
#3e29ff
```
#3e29ff rgb(62,41,255)
```
#4f3dff
```
#4f3dff rgb(79,61,255)
```
#6150ff
```
#6150ff rgb(97,80,255)
```
#7364ff
```
#7364ff rgb(115,100,255)
```
#8578ff
```
#8578ff rgb(133,120,255)
```
#968bff
```
#968bff rgb(150,139,255)
```
#a89fff
```
#a89fff rgb(168,159,255)
```
#bab3ff
```
#bab3ff rgb(186,179,255)
```
#ccc6ff
```
#ccc6ff rgb(204,198,255)
```
#dddaff
```
#dddaff rgb(221,218,255)
```
#efedff
```
#efedff rgb(239,237,255)
```

Tint Color Variation

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

#79778a
```
#79778a rgb(121,119,138)
```
#716d94
```
#716d94 rgb(113,109,148)
```
#69639e
```
#69639e rgb(105,99,158)
```
#615aa7
```
#615aa7 rgb(97,90,167)
```
#5950b1
```
#5950b1 rgb(89,80,177)
```
#5146bb
```
#5146bb rgb(81,70,187)
```
#493cc5
```
#493cc5 rgb(73,60,197)
```
#4133ce
```
#4133ce rgb(65,51,206)
```
#3a29d8
```
#3a29d8 rgb(58,41,216)
```
#321fe2
```
#321fe2 rgb(50,31,226)
```
#2a15ec
```
#2a15ec rgb(42,21,236)
```
#220cf5
```
#220cf5 rgb(34,12,245)
```
#1a02ff
```
#1a02ff rgb(26,2,255)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#241f51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f62 Tritanopia 0.001% of the population

Trichromacy

#0936c4 Protanomaly 1% of men, 0.01% of women
#0939b6 Deuteranomaly 6% of men, 0.4% of women
#093d9b Tritanomaly 0.01% of the population

#1a02ff hex color

#1a02ff Color Information

#1a02ff Color Conversion

Color Schemes with #1a02ff

Alternatives to #1a02ff

#1a02ff Preview

Shades and Tints of #1a02ff

Tones of #1a02ff

Color Blindness Simulator