colorhexa.com

#1a80be hex color

In a RGB color space, hex #1a80be is composed of 10.2% red, 50.2% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 32.6% magenta, 0% yellow and 25.5% black. It has a hue angle of 202.7 degrees, a saturation of 75.9% and a lightness of 42.4%. #1a80be color hex could be obtained by blending #34ffff with #00017d. Closest websafe color is: #3399cc.

- R 10
- G 50
- B 75
RGB color chart
- C 86
- M 33
- Y 0
- K 25
CMYK color chart

● #1a80be color description : Strong blue.

The hexadecimal color #1a80be has RGB values of R:26, G:128, B:190 and CMYK values of C:0.86, M:0.33, Y:0, K:0.25. Its decimal value is 1736894.

Hex triplet	1a80be	`#1a80be`
RGB Decimal	26, 128, 190	`rgb(26,128,190)`
RGB Percent	10.2, 50.2, 74.5	`rgb(10.2%,50.2%,74.5%)`
CMYK	86, 33, 0, 25
HSL	202.7°, 75.9, 42.4	`hsl(202.7,75.9%,42.4%)`
HSV (or HSB)	202.7°, 86.3, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.122, -5.212, -40.134
XYZ	17.437, 19.374, 51.533
xyY	0.197, 0.219, 19.374
CIE-LCH	51.122, 40.471, 262.601
CIE-LUV	51.122, -31.289, -60.774
Hunter-Lab	44.016, -6.314, -38.604
Binary	00011010, 10000000, 10111110

#1a80be
```
#1a80be rgb(26,128,190)
```
#be581a
```
#be581a rgb(190,88,26)
```

Complementary Color

#1abeaa
```
#1abeaa rgb(26,190,170)
```
#1a80be
```
#1a80be rgb(26,128,190)
```
#1a2ebe
```
#1a2ebe rgb(26,46,190)
```

Analogous Color

#beaa1a
```
#beaa1a rgb(190,170,26)
```
#1a80be
```
#1a80be rgb(26,128,190)
```
#be1a2e
```
#be1a2e rgb(190,26,46)
```

Split Complementary Color

#80be1a
```
#80be1a rgb(128,190,26)
```
#1a80be
```
#1a80be rgb(26,128,190)
```
#be1a80
```
#be1a80 rgb(190,26,128)
```

Triadic Color

#1abe58
```
#1abe58 rgb(26,190,88)
```
#1a80be
```
#1a80be rgb(26,128,190)
```
#be1a80
```
#be1a80 rgb(190,26,128)
```
#be581a
```
#be581a rgb(190,88,26)
```

Tetradic Color

#11537b
```
#11537b rgb(17,83,123)
```
#146291
```
#146291 rgb(20,98,145)
```
#1771a8
```
#1771a8 rgb(23,113,168)
```
#1a80be
```
#1a80be rgb(26,128,190)
```
#1d8fd4
```
#1d8fd4 rgb(29,143,212)
```
#299ce2
```
#299ce2 rgb(41,156,226)
```
#40a6e5
```
#40a6e5 rgb(64,166,229)
```

Monochromatic Color

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

#1aa9be
```
#1aa9be rgb(26,169,190)
```
#1a9bbe
```
#1a9bbe rgb(26,155,190)
```
#1a8ebe
```
#1a8ebe rgb(26,142,190)
```
#1a80be
```
#1a80be rgb(26,128,190)
```
#1a72be
```
#1a72be rgb(26,114,190)
```
#1a65be
```
#1a65be rgb(26,101,190)
```
#1a57be
```
#1a57be rgb(26,87,190)
```

Similar Colors

Text with hexadecimal color #1a80be

This text has a font color of #1a80be.

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

#1a80be background color

This paragraph has a background color of #1a80be.

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

#1a80be border color

This element has a border color of #1a80be.

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

CSS codes

.text {color:#1a80be;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020c11
```
#020c11 rgb(2,12,17)
```
#051723
```
#051723 rgb(5,23,35)
```
#072334
```
#072334 rgb(7,35,52)
```
#092f45
```
#092f45 rgb(9,47,69)
```
#0c3a56
```
#0c3a56 rgb(12,58,86)
```
#0e4668
```
#0e4668 rgb(14,70,104)
```
#115279
```
#115279 rgb(17,82,121)
```
#135d8a
```
#135d8a rgb(19,93,138)
```
#15699b
```
#15699b rgb(21,105,155)
```
#1874ad
```
#1874ad rgb(24,116,173)
```
#1a80be
```
#1a80be rgb(26,128,190)
```
#1c8ccf
```
#1c8ccf rgb(28,140,207)
```

Shade Color Variation

#1f97e0
```
#1f97e0 rgb(31,151,224)
```
#309fe3
```
#309fe3 rgb(48,159,227)
```
#41a7e5
```
#41a7e5 rgb(65,167,229)
```
#53afe7
```
#53afe7 rgb(83,175,231)
```
#64b7ea
```
#64b7ea rgb(100,183,234)
```
#75bfec
```
#75bfec rgb(117,191,236)
```
#86c7ef
```
#86c7ef rgb(134,199,239)
```
#98cff1
```
#98cff1 rgb(152,207,241)
```
#a9d7f3
```
#a9d7f3 rgb(169,215,243)
```
#badff6
```
#badff6 rgb(186,223,246)
```
#cbe7f8
```
#cbe7f8 rgb(203,231,248)
```
#ddeffa
```
#ddeffa rgb(221,239,250)
```
#eef7fd
```
#eef7fd rgb(238,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656e73 is the less saturated color, while #0186d7 is the most saturated one.

#656e73
```
#656e73 rgb(101,110,115)
```
#5c707c
```
#5c707c rgb(92,112,124)
```
#547284
```
#547284 rgb(84,114,132)
```
#4c748c
```
#4c748c rgb(76,116,140)
```
#447694
```
#447694 rgb(68,118,148)
```
#3b789d
```
#3b789d rgb(59,120,157)
```
#337aa5
```
#337aa5 rgb(51,122,165)
```
#2b7cad
```
#2b7cad rgb(43,124,173)
```
#227eb6
```
#227eb6 rgb(34,126,182)
```
#1a80be
```
#1a80be rgb(26,128,190)
```
#1282c6
```
#1282c6 rgb(18,130,198)
```
#0984cf
```
#0984cf rgb(9,132,207)
```
#0186d7
```
#0186d7 rgb(1,134,215)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#596e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#697ebb Protanopia 1% of men
#5780c3 Deuteranopia 1% of men
#008d96 Tritanopia 0.001% of the population

Trichromacy

#4c7fbc Protanomaly 1% of men, 0.01% of women
#4180c1 Deuteranomaly 6% of men, 0.4% of women
#0988a4 Tritanomaly 0.01% of the population