#1a80fa hex color

In a RGB color space, hex #1a80fa is composed of 10.2% red, 50.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 48.8% magenta, 0% yellow and 2% black. It has a hue angle of 212.7 degrees, a saturation of 95.7% and a lightness of 54.1%. #1a80fa color hex could be obtained by blending #34ffff with #0001f5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 10
- G 50
- B 98
RGB color chart
- C 90
- M 49
- Y 0
- K 2
CMYK color chart

● #1a80fa color description : Vivid blue.

The hexadecimal color #1a80fa has RGB values of R:26, G:128, B:250 and CMYK values of C:0.9, M:0.49, Y:0, K:0.02. Its decimal value is 1736954.

Hex triplet	1a80fa	`#1a80fa`
RGB Decimal	26, 128, 250	`rgb(26,128,250)`
RGB Percent	10.2, 50.2, 98	`rgb(10.2%,50.2%,98%)`
CMYK	90, 49, 0, 2
HSL	212.7°, 95.7, 54.1	`hsl(212.7,95.7%,54.1%)`
HSV (or HSB)	212.7°, 89.6, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.614, 17.674, -68.319
XYZ	25.397, 22.558, 93.453
xyY	0.18, 0.16, 22.558
CIE-LCH	54.614, 70.568, 284.504
CIE-LUV	54.614, -28.489, -108.731
Hunter-Lab	47.495, 12.331, -83.414
Binary	00011010, 10000000, 11111010

#1a80fa
```
#1a80fa rgb(26,128,250)
```
#fa941a
```
#fa941a rgb(250,148,26)
```

Complementary Color

#1af0fa
```
#1af0fa rgb(26,240,250)
```
#1a80fa
```
#1a80fa rgb(26,128,250)
```
#241afa
```
#241afa rgb(36,26,250)
```

Analogous Color

#f0fa1a
```
#f0fa1a rgb(240,250,26)
```
#1a80fa
```
#1a80fa rgb(26,128,250)
```
#fa241a
```
#fa241a rgb(250,36,26)
```

Split Complementary Color

#80fa1a
```
#80fa1a rgb(128,250,26)
```
#1a80fa
```
#1a80fa rgb(26,128,250)
```
#fa1a80
```
#fa1a80 rgb(250,26,128)
```

Triadic Color

#1afa94
```
#1afa94 rgb(26,250,148)
```
#1a80fa
```
#1a80fa rgb(26,128,250)
```
#fa1a80
```
#fa1a80 rgb(250,26,128)
```
#fa941a
```
#fa941a rgb(250,148,26)
```

Tetradic Color

#045bc3
```
#045bc3 rgb(4,91,195)
```
#0567dc
```
#0567dc rgb(5,103,220)
```
#0573f5
```
#0573f5 rgb(5,115,245)
```
#1a80fa
```
#1a80fa rgb(26,128,250)
```
#338efb
```
#338efb rgb(51,142,251)
```
#4c9cfb
```
#4c9cfb rgb(76,156,251)
```
#65aafc
```
#65aafc rgb(101,170,252)
```

Monochromatic Color

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

#1ab8fa
```
#1ab8fa rgb(26,184,250)
```
#1aa5fa
```
#1aa5fa rgb(26,165,250)
```
#1a93fa
```
#1a93fa rgb(26,147,250)
```
#1a80fa
```
#1a80fa rgb(26,128,250)
```
#1a6dfa
```
#1a6dfa rgb(26,109,250)
```
#1a5bfa
```
#1a5bfa rgb(26,91,250)
```
#1a48fa
```
#1a48fa rgb(26,72,250)
```

Similar Colors

Text with hexadecimal color #1a80fa

This text has a font color of #1a80fa.

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

#1a80fa background color

This paragraph has a background color of #1a80fa.

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

#1a80fa border color

This element has a border color of #1a80fa.

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

CSS codes

.text {color:#1a80fa;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#000a15
```
#000a15 rgb(0,10,21)
```
#011328
```
#011328 rgb(1,19,40)
```
#011c3b
```
#011c3b rgb(1,28,59)
```
#02254e
```
#02254e rgb(2,37,78)
```
#022d61
```
#022d61 rgb(2,45,97)
```
#033675
```
#033675 rgb(3,54,117)
```
#033f88
```
#033f88 rgb(3,63,136)
```
#03489b
```
#03489b rgb(3,72,155)
```
#0451ae
```
#0451ae rgb(4,81,174)
```
#045ac1
```
#045ac1 rgb(4,90,193)
```
#0563d5
```
#0563d5 rgb(5,99,213)
```
#056ce8
```
#056ce8 rgb(5,108,232)
```

Shade Color Variation

#0775fa
```
#0775fa rgb(7,117,250)
```
#1a80fa
```
#1a80fa rgb(26,128,250)
```
#2d8bfa
```
#2d8bfa rgb(45,139,250)
```
#4095fb
```
#4095fb rgb(64,149,251)
```
#54a0fb
```
#54a0fb rgb(84,160,251)
```
#67abfc
```
#67abfc rgb(103,171,252)
```
#7ab5fc
```
#7ab5fc rgb(122,181,252)
```
#8dc0fd
```
#8dc0fd rgb(141,192,253)
```
#a0cbfd
```
#a0cbfd rgb(160,203,253)
```
#b4d5fd
```
#b4d5fd rgb(180,213,253)
```
#c7e0fe
```
#c7e0fe rgb(199,224,254)
```
#daeafe
```
#daeafe rgb(218,234,254)
```
#edf5ff
```
#edf5ff rgb(237,245,255)
```

Tint Color Variation

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

#868a8e
```
#868a8e rgb(134,138,142)
```
#7d8997
```
#7d8997 rgb(125,137,151)
```
#7488a0
```
#7488a0 rgb(116,136,160)
```
#6b87a9
```
#6b87a9 rgb(107,135,169)
```
#6286b2
```
#6286b2 rgb(98,134,178)
```
#5986bb
```
#5986bb rgb(89,134,187)
```
#5085c4
```
#5085c4 rgb(80,133,196)
```
#4784cd
```
#4784cd rgb(71,132,205)
```
#3e83d6
```
#3e83d6 rgb(62,131,214)
```
#3582df
```
#3582df rgb(53,130,223)
```
#2c82e8
```
#2c82e8 rgb(44,130,232)
```
#2381f1
```
#2381f1 rgb(35,129,241)
```
#1a80fa
```
#1a80fa rgb(26,128,250)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5e728b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c85f9 Protanopia 1% of men
#008be5 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#2f83f9 Protanomaly 1% of men, 0.01% of women
#0987ed Deuteranomaly 6% of men, 0.4% of women
#098ec0 Tritanomaly 0.01% of the population

#1a80fa hex color

#1a80fa Color Information

#1a80fa Color Conversion

Color Schemes with #1a80fa

Alternatives to #1a80fa

#1a80fa Preview

Shades and Tints of #1a80fa

Tones of #1a80fa

Color Blindness Simulator