#1a85e7 hex color

In a RGB color space, hex #1a85e7 is composed of 10.2% red, 52.2% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 88.7% cyan, 42.4% magenta, 0% yellow and 9.4% black. It has a hue angle of 208.7 degrees, a saturation of 81% and a lightness of 50.4%. #1a85e7 color hex could be obtained by blending #34ffff with #000bcf. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 10
- G 52
- B 91
RGB color chart
- C 89
- M 42
- Y 0
- K 9
CMYK color chart

● #1a85e7 color description : Vivid blue.

The hexadecimal color #1a85e7 has RGB values of R:26, G:133, B:231 and CMYK values of C:0.89, M:0.42, Y:0, K:0.09. Its decimal value is 1738215.

Hex triplet	1a85e7	`#1a85e7`
RGB Decimal	26, 133, 231	`rgb(26,133,231)`
RGB Percent	10.2, 52.2, 90.6	`rgb(10.2%,52.2%,90.6%)`
CMYK	89, 42, 0, 9
HSL	208.7°, 81, 50.4	`hsl(208.7,81%,50.4%)`
HSV (or HSB)	208.7°, 88.7, 90.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.826, 7.344, -57.423
XYZ	23.234, 22.762, 78.766
xyY	0.186, 0.182, 22.762
CIE-LCH	54.826, 57.891, 277.289
CIE-LUV	54.826, -30.787, -90.841
Hunter-Lab	47.71, 3.435, -64.488
Binary	00011010, 10000101, 11100111

#1a85e7
```
#1a85e7 rgb(26,133,231)
```
#e77c1a
```
#e77c1a rgb(231,124,26)
```

Complementary Color

#1ae7e3
```
#1ae7e3 rgb(26,231,227)
```
#1a85e7
```
#1a85e7 rgb(26,133,231)
```
#1a1fe7
```
#1a1fe7 rgb(26,31,231)
```

Analogous Color

#e7e31a
```
#e7e31a rgb(231,227,26)
```
#1a85e7
```
#1a85e7 rgb(26,133,231)
```
#e71a1e
```
#e71a1e rgb(231,26,30)
```

Split Complementary Color

#85e71a
```
#85e71a rgb(133,231,26)
```
#1a85e7
```
#1a85e7 rgb(26,133,231)
```
#e71a85
```
#e71a85 rgb(231,26,133)
```

Triadic Color

#1ae77c
```
#1ae77c rgb(26,231,124)
```
#1a85e7
```
#1a85e7 rgb(26,133,231)
```
#e71a85
```
#e71a85 rgb(231,26,133)
```
#e77c1a
```
#e77c1a rgb(231,124,26)
```

Tetradic Color

#115da3
```
#115da3 rgb(17,93,163)
```
#146bba
```
#146bba rgb(20,107,186)
```
#1678d2
```
#1678d2 rgb(22,120,210)
```
#1a85e7
```
#1a85e7 rgb(26,133,231)
```
#3191e9
```
#3191e9 rgb(49,145,233)
```
#489eec
```
#489eec rgb(72,158,236)
```
#5faaee
```
#5faaee rgb(95,170,238)
```

Monochromatic Color

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

#1ab8e7
```
#1ab8e7 rgb(26,184,231)
```
#1aa7e7
```
#1aa7e7 rgb(26,167,231)
```
#1a96e7
```
#1a96e7 rgb(26,150,231)
```
#1a85e7
```
#1a85e7 rgb(26,133,231)
```
#1a74e7
```
#1a74e7 rgb(26,116,231)
```
#1a63e7
```
#1a63e7 rgb(26,99,231)
```
#1a52e7
```
#1a52e7 rgb(26,82,231)
```

Similar Colors

Text with hexadecimal color #1a85e7

This text has a font color of #1a85e7.

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

#1a85e7 background color

This paragraph has a background color of #1a85e7.

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

#1a85e7 border color

This element has a border color of #1a85e7.

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

CSS codes

.text {color:#1a85e7;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020b14
```
#020b14 rgb(2,11,20)
```
#041525
```
#041525 rgb(4,21,37)
```
#062037
```
#062037 rgb(6,32,55)
```
#082a49
```
#082a49 rgb(8,42,73)
```
#09345b
```
#09345b rgb(9,52,91)
```
#0b3e6c
```
#0b3e6c rgb(11,62,108)
```
#0d487e
```
#0d487e rgb(13,72,126)
```
#0f5290
```
#0f5290 rgb(15,82,144)
```
#115ca2
```
#115ca2 rgb(17,92,162)
```
#1367b3
```
#1367b3 rgb(19,103,179)
```
#1571c5
```
#1571c5 rgb(21,113,197)
```
#177bd7
```
#177bd7 rgb(23,123,215)
```

Shade Color Variation

#1a85e7
```
#1a85e7 rgb(26,133,231)
```
#2c8ee9
```
#2c8ee9 rgb(44,142,233)
```
#3e98eb
```
#3e98eb rgb(62,152,235)
```
#4fa1ed
```
#4fa1ed rgb(79,161,237)
```
#61abee
```
#61abee rgb(97,171,238)
```
#73b4f0
```
#73b4f0 rgb(115,180,240)
```
#85bef2
```
#85bef2 rgb(133,190,242)
```
#96c7f4
```
#96c7f4 rgb(150,199,244)
```
#a8d1f6
```
#a8d1f6 rgb(168,209,246)
```
#badaf8
```
#badaf8 rgb(186,218,248)
```
#cce4fa
```
#cce4fa rgb(204,228,250)
```
#ddedfb
```
#ddedfb rgb(221,237,251)
```
#eff7fd
```
#eff7fd rgb(239,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8186 is the less saturated color, while #0786fa is the most saturated one.

#7b8186
```
#7b8186 rgb(123,129,134)
```
#72818f
```
#72818f rgb(114,129,143)
```
#688299
```
#688299 rgb(104,130,153)
```
#5e82a3
```
#5e82a3 rgb(94,130,163)
```
#5482ad
```
#5482ad rgb(84,130,173)
```
#4b83b6
```
#4b83b6 rgb(75,131,182)
```
#4183c0
```
#4183c0 rgb(65,131,192)
```
#3784ca
```
#3784ca rgb(55,132,202)
```
#2d84d4
```
#2d84d4 rgb(45,132,212)
```
#2485dd
```
#2485dd rgb(36,133,221)
```
#1a85e7
```
#1a85e7 rgb(26,133,231)
```
#1085f1
```
#1085f1 rgb(16,133,241)
```
#0786fa
```
#0786fa rgb(7,134,250)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5f7488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b86e4 Protanopia 1% of men
#1d8be8 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#4386e5 Protanomaly 1% of men, 0.01% of women
#1c89e7 Deuteranomaly 6% of men, 0.4% of women
#0990ba Tritanomaly 0.01% of the population

#1a85e7 hex color

#1a85e7 Color Information

#1a85e7 Color Conversion

Color Schemes with #1a85e7

Alternatives to #1a85e7

#1a85e7 Preview

Shades and Tints of #1a85e7

Tones of #1a85e7

Color Blindness Simulator