#1a85b6 hex color

In a RGB color space, hex #1a85b6 is composed of 10.2% red, 52.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 26.9% magenta, 0% yellow and 28.6% black. It has a hue angle of 198.8 degrees, a saturation of 75% and a lightness of 40.8%. #1a85b6 color hex could be obtained by blending #34ffff with #000b6d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 10
- G 52
- B 71
RGB color chart
- C 86
- M 27
- Y 0
- K 29
CMYK color chart

● #1a85b6 color description : Strong blue.

The hexadecimal color #1a85b6 has RGB values of R:26, G:133, B:182 and CMYK values of C:0.86, M:0.27, Y:0, K:0.29. Its decimal value is 1738166.

Hex triplet	1a85b6	`#1a85b6`
RGB Decimal	26, 133, 182	`rgb(26,133,182)`
RGB Percent	10.2, 52.2, 71.4	`rgb(10.2%,52.2%,71.4%)`
CMYK	86, 27, 0, 29
HSL	198.8°, 75, 40.8	`hsl(198.8,75%,40.8%)`
HSV (or HSB)	198.8°, 85.7, 71.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.254, -11.082, -33.767
XYZ	17.255, 20.37, 47.276
xyY	0.203, 0.24, 20.37
CIE-LCH	52.254, 35.539, 251.83
CIE-LUV	52.254, -33.486, -50.107
Hunter-Lab	45.134, -10.742, -30.511
Binary	00011010, 10000101, 10110110

#1a85b6
```
#1a85b6 rgb(26,133,182)
```
#b64b1a
```
#b64b1a rgb(182,75,26)
```

Complementary Color

#1ab699
```
#1ab699 rgb(26,182,153)
```
#1a85b6
```
#1a85b6 rgb(26,133,182)
```
#1a37b6
```
#1a37b6 rgb(26,55,182)
```

Analogous Color

#b6991a
```
#b6991a rgb(182,153,26)
```
#1a85b6
```
#1a85b6 rgb(26,133,182)
```
#b61a37
```
#b61a37 rgb(182,26,55)
```

Split Complementary Color

#85b61a
```
#85b61a rgb(133,182,26)
```
#1a85b6
```
#1a85b6 rgb(26,133,182)
```
#b61a85
```
#b61a85 rgb(182,26,133)
```

Triadic Color

#1ab64b
```
#1ab64b rgb(26,182,75)
```
#1a85b6
```
#1a85b6 rgb(26,133,182)
```
#b61a85
```
#b61a85 rgb(182,26,133)
```
#b64b1a
```
#b64b1a rgb(182,75,26)
```

Tetradic Color

#105473
```
#105473 rgb(16,84,115)
```
#146489
```
#146489 rgb(20,100,137)
```
#1775a0
```
#1775a0 rgb(23,117,160)
```
#1a85b6
```
#1a85b6 rgb(26,133,182)
```
#1d95cc
```
#1d95cc rgb(29,149,204)
```
#23a4e0
```
#23a4e0 rgb(35,164,224)
```
#3aaee3
```
#3aaee3 rgb(58,174,227)
```

Monochromatic Color

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

#1aacb6
```
#1aacb6 rgb(26,172,182)
```
#1a9fb6
```
#1a9fb6 rgb(26,159,182)
```
#1a92b6
```
#1a92b6 rgb(26,146,182)
```
#1a85b6
```
#1a85b6 rgb(26,133,182)
```
#1a78b6
```
#1a78b6 rgb(26,120,182)
```
#1a6bb6
```
#1a6bb6 rgb(26,107,182)
```
#1a5eb6
```
#1a5eb6 rgb(26,94,182)
```

Similar Colors

Text with hexadecimal color #1a85b6

This text has a font color of #1a85b6.

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

#1a85b6 background color

This paragraph has a background color of #1a85b6.

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

#1a85b6 border color

This element has a border color of #1a85b6.

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

CSS codes

.text {color:#1a85b6;}

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

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

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, #01080a is the darkest color, while #f8fcfe is the lightest one.

#01080a
```
#01080a rgb(1,8,10)
```
#04141c
```
#04141c rgb(4,20,28)
```
#06212d
```
#06212d rgb(6,33,45)
```
#092d3e
```
#092d3e rgb(9,45,62)
```
#0b3a4f
```
#0b3a4f rgb(11,58,79)
```
#0e4660
```
#0e4660 rgb(14,70,96)
```
#105371
```
#105371 rgb(16,83,113)
```
#135f83
```
#135f83 rgb(19,95,131)
```
#156c94
```
#156c94 rgb(21,108,148)
```
#1878a5
```
#1878a5 rgb(24,120,165)
```
#1a85b6
```
#1a85b6 rgb(26,133,182)
```
#1c92c7
```
#1c92c7 rgb(28,146,199)
```
#1f9ed8
```
#1f9ed8 rgb(31,158,216)
```

Shade Color Variation

#2aa7e1
```
#2aa7e1 rgb(42,167,225)
```
#3baee3
```
#3baee3 rgb(59,174,227)
```
#4db5e6
```
#4db5e6 rgb(77,181,230)
```
#5ebde8
```
#5ebde8 rgb(94,189,232)
```
#6fc4ea
```
#6fc4ea rgb(111,196,234)
```
#80cbed
```
#80cbed rgb(128,203,237)
```
#91d2ef
```
#91d2ef rgb(145,210,239)
```
#a2d9f2
```
#a2d9f2 rgb(162,217,242)
```
#b4e0f4
```
#b4e0f4 rgb(180,224,244)
```
#c5e7f7
```
#c5e7f7 rgb(197,231,247)
```
#d6eef9
```
#d6eef9 rgb(214,238,249)
```
#e7f5fc
```
#e7f5fc rgb(231,245,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626a6e is the less saturated color, while #028ece is the most saturated one.

#626a6e
```
#626a6e rgb(98,106,110)
```
#5a6d76
```
#5a6d76 rgb(90,109,118)
```
#52707e
```
#52707e rgb(82,112,126)
```
#4a7386
```
#4a7386 rgb(74,115,134)
```
#42768e
```
#42768e rgb(66,118,142)
```
#3a7996
```
#3a7996 rgb(58,121,150)
```
#327c9e
```
#327c9e rgb(50,124,158)
```
#2a7fa6
```
#2a7fa6 rgb(42,127,166)
```
#2282ae
```
#2282ae rgb(34,130,174)
```
#1a85b6
```
#1a85b6 rgb(26,133,182)
```
#1288be
```
#1288be rgb(18,136,190)
```
#0a8bc6
```
#0a8bc6 rgb(10,139,198)
```
#028ece
```
#028ece rgb(2,142,206)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5b707a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7381b2 Protanopia 1% of men
#6682bd Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#5282b4 Protanomaly 1% of men, 0.01% of women
#4a83ba Deuteranomaly 6% of men, 0.4% of women
#098ca4 Tritanomaly 0.01% of the population

#1a85b6 hex color

#1a85b6 Color Information

#1a85b6 Color Conversion

Color Schemes with #1a85b6

Alternatives to #1a85b6

#1a85b6 Preview

Shades and Tints of #1a85b6

Tones of #1a85b6

Color Blindness Simulator