#1a5f84 hex color

In a RGB color space, hex #1a5f84 is composed of 10.2% red, 37.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 28% magenta, 0% yellow and 48.2% black. It has a hue angle of 200.9 degrees, a saturation of 67.1% and a lightness of 31%. #1a5f84 color hex could be obtained by blending #34beff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 10
- G 37
- B 52
RGB color chart
- C 80
- M 28
- Y 0
- K 48
CMYK color chart

● #1a5f84 color description : Dark blue.

The hexadecimal color #1a5f84 has RGB values of R:26, G:95, B:132 and CMYK values of C:0.8, M:0.28, Y:0, K:0.48. Its decimal value is 1728388.

Hex triplet	1a5f84	`#1a5f84`
RGB Decimal	26, 95, 132	`rgb(26,95,132)`
RGB Percent	10.2, 37.3, 51.8	`rgb(10.2%,37.3%,51.8%)`
CMYK	80, 28, 0, 48
HSL	200.9°, 67.1, 31	`hsl(200.9,67.1%,31%)`
HSV (or HSB)	200.9°, 80.3, 51.8
Web Safe	336699	`#336699`

CIE-LAB	37.966, -7.433, -26.606
XYZ	8.682, 10.069, 23.315
xyY	0.206, 0.239, 10.069
CIE-LCH	37.966, 27.625, 254.391
CIE-LUV	37.966, -23.013, -36.399
Hunter-Lab	31.732, -6.693, -21.35
Binary	00011010, 01011111, 10000100

#1a5f84
```
#1a5f84 rgb(26,95,132)
```
#843f1a
```
#843f1a rgb(132,63,26)
```

Complementary Color

#1a8474
```
#1a8474 rgb(26,132,116)
```
#1a5f84
```
#1a5f84 rgb(26,95,132)
```
#1a2a84
```
#1a2a84 rgb(26,42,132)
```

Analogous Color

#84741a
```
#84741a rgb(132,116,26)
```
#1a5f84
```
#1a5f84 rgb(26,95,132)
```
#841a2a
```
#841a2a rgb(132,26,42)
```

Split Complementary Color

#5f841a
```
#5f841a rgb(95,132,26)
```
#1a5f84
```
#1a5f84 rgb(26,95,132)
```
#841a5f
```
#841a5f rgb(132,26,95)
```

Triadic Color

#1a843f
```
#1a843f rgb(26,132,63)
```
#1a5f84
```
#1a5f84 rgb(26,95,132)
```
#841a5f
```
#841a5f rgb(132,26,95)
```
#843f1a
```
#843f1a rgb(132,63,26)
```

Tetradic Color

#0d3144
```
#0d3144 rgb(13,49,68)
```
#124059
```
#124059 rgb(18,64,89)
```
#16506f
```
#16506f rgb(22,80,111)
```
#1a5f84
```
#1a5f84 rgb(26,95,132)
```
#1e6e99
```
#1e6e99 rgb(30,110,153)
```
#227eaf
```
#227eaf rgb(34,126,175)
```
#278dc4
```
#278dc4 rgb(39,141,196)
```

Monochromatic Color

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

#1a7a84
```
#1a7a84 rgb(26,122,132)
```
#1a7184
```
#1a7184 rgb(26,113,132)
```
#1a6884
```
#1a6884 rgb(26,104,132)
```
#1a5f84
```
#1a5f84 rgb(26,95,132)
```
#1a5684
```
#1a5684 rgb(26,86,132)
```
#1a4d84
```
#1a4d84 rgb(26,77,132)
```
#1a4584
```
#1a4584 rgb(26,69,132)
```

Similar Colors

Text with hexadecimal color #1a5f84

This text has a font color of #1a5f84.

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

#1a5f84 background color

This paragraph has a background color of #1a5f84.

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

#1a5f84 border color

This element has a border color of #1a5f84.

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

CSS codes

.text {color:#1a5f84;}

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

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

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 #f0f8fc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#030c11
```
#030c11 rgb(3,12,17)
```
#071822
```
#071822 rgb(7,24,34)
```
#0a2432
```
#0a2432 rgb(10,36,50)
```
#0d3042
```
#0d3042 rgb(13,48,66)
```
#103c53
```
#103c53 rgb(16,60,83)
```
#144763
```
#144763 rgb(20,71,99)
```
#175374
```
#175374 rgb(23,83,116)
```
#1a5f84
```
#1a5f84 rgb(26,95,132)
```
#1d6b94
```
#1d6b94 rgb(29,107,148)
```
#2077a5
```
#2077a5 rgb(32,119,165)
```
#2482b5
```
#2482b5 rgb(36,130,181)
```
#278ec6
```
#278ec6 rgb(39,142,198)
```

Shade Color Variation

#2b9ad5
```
#2b9ad5 rgb(43,154,213)
```
#3ba2d8
```
#3ba2d8 rgb(59,162,216)
```
#4ca9dc
```
#4ca9dc rgb(76,169,220)
```
#5cb1df
```
#5cb1df rgb(92,177,223)
```
#6cb9e2
```
#6cb9e2 rgb(108,185,226)
```
#7dc1e5
```
#7dc1e5 rgb(125,193,229)
```
#8dc9e9
```
#8dc9e9 rgb(141,201,233)
```
#9ed1ec
```
#9ed1ec rgb(158,209,236)
```
#aed8ef
```
#aed8ef rgb(174,216,239)
```
#bee0f2
```
#bee0f2 rgb(190,224,242)
```
#cfe8f5
```
#cfe8f5 rgb(207,232,245)
```
#dff0f9
```
#dff0f9 rgb(223,240,249)
```
#f0f8fc
```
#f0f8fc rgb(240,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b5053 is the less saturated color, while #02669c is the most saturated one.

#4b5053
```
#4b5053 rgb(75,80,83)
```
#455259
```
#455259 rgb(69,82,89)
```
#3e5460
```
#3e5460 rgb(62,84,96)
```
#385666
```
#385666 rgb(56,86,102)
```
#32586c
```
#32586c rgb(50,88,108)
```
#2c5972
```
#2c5972 rgb(44,89,114)
```
#265b78
```
#265b78 rgb(38,91,120)
```
#205d7e
```
#205d7e rgb(32,93,126)
```
#1a5f84
```
#1a5f84 rgb(26,95,132)
```
#14618a
```
#14618a rgb(20,97,138)
```
#0e6390
```
#0e6390 rgb(14,99,144)
```
#086596
```
#086596 rgb(8,101,150)
```
#02669c
```
#02669c rgb(2,102,156)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#44525a Atypical Achromatopsia 0.001% of the population

Dichromacy

#556085 Protanopia 1% of men
#4d618c Deuteranopia 1% of men
#006b73 Tritanopia 0.001% of the population

Trichromacy

#406085 Protanomaly 1% of men, 0.01% of women
#3a6089 Deuteranomaly 6% of men, 0.4% of women
#096679 Tritanomaly 0.01% of the population

#1a5f84 hex color

#1a5f84 Color Information

#1a5f84 Color Conversion

Color Schemes with #1a5f84

Alternatives to #1a5f84

#1a5f84 Preview

Shades and Tints of #1a5f84

Tones of #1a5f84

Color Blindness Simulator