#1a85a4 hex color

In a RGB color space, hex #1a85a4 is composed of 10.2% red, 52.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 84.1% cyan, 18.9% magenta, 0% yellow and 35.7% black. It has a hue angle of 193.5 degrees, a saturation of 72.6% and a lightness of 37.3%. #1a85a4 color hex could be obtained by blending #34ffff with #000b49. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 10
- G 52
- B 64
RGB color chart
- C 84
- M 19
- Y 0
- K 36
CMYK color chart

● #1a85a4 color description : Dark cyan.

The hexadecimal color #1a85a4 has RGB values of R:26, G:133, B:164 and CMYK values of C:0.84, M:0.19, Y:0, K:0.36. Its decimal value is 1738148.

Hex triplet	1a85a4	`#1a85a4`
RGB Decimal	26, 133, 164	`rgb(26,133,164)`
RGB Percent	10.2, 52.2, 64.3	`rgb(10.2%,52.2%,64.3%)`
CMYK	84, 19, 0, 36
HSL	193.5°, 72.6, 37.3	`hsl(193.5,72.6%,37.3%)`
HSV (or HSB)	193.5°, 84.1, 64.3
Web Safe	339999	`#339999`

CIE-LAB	51.466, -17.557, -24.614
XYZ	15.513, 19.674, 38.1
xyY	0.212, 0.268, 19.674
CIE-LCH	51.466, 30.234, 234.499
CIE-LUV	51.466, -34.664, -34.548
Hunter-Lab	44.355, -15.193, -19.88
Binary	00011010, 10000101, 10100100

#1a85a4
```
#1a85a4 rgb(26,133,164)
```
#a4391a
```
#a4391a rgb(164,57,26)
```

Complementary Color

#1aa47e
```
#1aa47e rgb(26,164,126)
```
#1a85a4
```
#1a85a4 rgb(26,133,164)
```
#1a40a4
```
#1a40a4 rgb(26,64,164)
```

Analogous Color

#a47e1a
```
#a47e1a rgb(164,126,26)
```
#1a85a4
```
#1a85a4 rgb(26,133,164)
```
#a41a40
```
#a41a40 rgb(164,26,64)
```

Split Complementary Color

#85a41a
```
#85a41a rgb(133,164,26)
```
#1a85a4
```
#1a85a4 rgb(26,133,164)
```
#a41a85
```
#a41a85 rgb(164,26,133)
```

Triadic Color

#1aa439
```
#1aa439 rgb(26,164,57)
```
#1a85a4
```
#1a85a4 rgb(26,133,164)
```
#a41a85
```
#a41a85 rgb(164,26,133)
```
#a4391a
```
#a4391a rgb(164,57,26)
```

Tetradic Color

#104f62
```
#104f62 rgb(16,79,98)
```
#136178
```
#136178 rgb(19,97,120)
```
#17738e
```
#17738e rgb(23,115,142)
```
#1a85a4
```
#1a85a4 rgb(26,133,164)
```
#1d97ba
```
#1d97ba rgb(29,151,186)
```
#21a9d0
```
#21a9d0 rgb(33,169,208)
```
#2db6de
```
#2db6de rgb(45,182,222)
```

Monochromatic Color

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

#1aa4a1
```
#1aa4a1 rgb(26,164,161)
```
#1a9ca4
```
#1a9ca4 rgb(26,156,164)
```
#1a91a4
```
#1a91a4 rgb(26,145,164)
```
#1a85a4
```
#1a85a4 rgb(26,133,164)
```
#1a7aa4
```
#1a7aa4 rgb(26,122,164)
```
#1a6ea4
```
#1a6ea4 rgb(26,110,164)
```
#1a63a4
```
#1a63a4 rgb(26,99,164)
```

Similar Colors

Text with hexadecimal color #1a85a4

This text has a font color of #1a85a4.

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

#1a85a4 background color

This paragraph has a background color of #1a85a4.

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

#1a85a4 border color

This element has a border color of #1a85a4.

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

CSS codes

.text {color:#1a85a4;}

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

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

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, #02090c is the darkest color, while #fafdfe is the lightest one.

#02090c
```
#02090c rgb(2,9,12)
```
#05171d
```
#05171d rgb(5,23,29)
```
#07252d
```
#07252d rgb(7,37,45)
```
#0a333e
```
#0a333e rgb(10,51,62)
```
#0d404f
```
#0d404f rgb(13,64,79)
```
#0f4e60
```
#0f4e60 rgb(15,78,96)
```
#125c71
```
#125c71 rgb(18,92,113)
```
#156a82
```
#156a82 rgb(21,106,130)
```
#177793
```
#177793 rgb(23,119,147)
```
#1a85a4
```
#1a85a4 rgb(26,133,164)
```
#1d93b5
```
#1d93b5 rgb(29,147,181)
```
#1fa0c6
```
#1fa0c6 rgb(31,160,198)
```
#22aed7
```
#22aed7 rgb(34,174,215)
```

Shade Color Variation

#2fb7de
```
#2fb7de rgb(47,183,222)
```
#3fbce1
```
#3fbce1 rgb(63,188,225)
```
#50c2e3
```
#50c2e3 rgb(80,194,227)
```
#61c8e6
```
#61c8e6 rgb(97,200,230)
```
#72cee9
```
#72cee9 rgb(114,206,233)
```
#83d4eb
```
#83d4eb rgb(131,212,235)
```
#94daee
```
#94daee rgb(148,218,238)
```
#a5e0f1
```
#a5e0f1 rgb(165,224,241)
```
#b6e6f3
```
#b6e6f3 rgb(182,230,243)
```
#c7ecf6
```
#c7ecf6 rgb(199,236,246)
```
#d8f1f9
```
#d8f1f9 rgb(216,241,249)
```
#e9f7fb
```
#e9f7fb rgb(233,247,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6162 is the less saturated color, while #0491ba is the most saturated one.

#5c6162
```
#5c6162 rgb(92,97,98)
```
#54656a
```
#54656a rgb(84,101,106)
```
#4d6971
```
#4d6971 rgb(77,105,113)
```
#466d78
```
#466d78 rgb(70,109,120)
```
#3f717f
```
#3f717f rgb(63,113,127)
```
#377587
```
#377587 rgb(55,117,135)
```
#30798e
```
#30798e rgb(48,121,142)
```
#297d95
```
#297d95 rgb(41,125,149)
```
#21819d
```
#21819d rgb(33,129,157)
```
#1a85a4
```
#1a85a4 rgb(26,133,164)
```
#1389ab
```
#1389ab rgb(19,137,171)
```
#0b8db3
```
#0b8db3 rgb(11,141,179)
```
#0491ba
```
#0491ba rgb(4,145,186)
```

Tone Color Variation

Below, you can see how #1a85a4 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
#596f75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7880a1 Protanopia 1% of men
#7280ad Deuteranopia 1% of men
#008e98 Tritanopia 0.001% of the population

Trichromacy

#5681a2 Protanomaly 1% of men, 0.01% of women
#5281a9 Deuteranomaly 6% of men, 0.4% of women
#098a9c Tritanomaly 0.01% of the population

#1a85a4 hex color

#1a85a4 Color Information

#1a85a4 Color Conversion

Color Schemes with #1a85a4

Alternatives to #1a85a4

#1a85a4 Preview

Shades and Tints of #1a85a4

Tones of #1a85a4

Color Blindness Simulator