#1a3356 hex color

In a RGB color space, hex #1a3356 is composed of 10.2% red, 20% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 40.7% magenta, 0% yellow and 66.3% black. It has a hue angle of 215 degrees, a saturation of 53.6% and a lightness of 22%. #1a3356 color hex could be obtained by blending #3466ac with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 10
- G 20
- B 34
RGB color chart
- C 70
- M 41
- Y 0
- K 66
CMYK color chart

● #1a3356 color description : Very dark blue.

The hexadecimal color #1a3356 has RGB values of R:26, G:51, B:86 and CMYK values of C:0.7, M:0.41, Y:0, K:0.66. Its decimal value is 1717078.

Hex triplet	1a3356	`#1a3356`
RGB Decimal	26, 51, 86	`rgb(26,51,86)`
RGB Percent	10.2, 20, 33.7	`rgb(10.2%,20%,33.7%)`
CMYK	70, 41, 0, 66
HSL	215°, 53.6, 22	`hsl(215,53.6%,22%)`
HSV (or HSB)	215°, 69.8, 33.7
Web Safe	333366	`#333366`

CIE-LAB	21.052, 3.228, -24.067
XYZ	3.289, 3.259, 9.259
xyY	0.208, 0.206, 3.259
CIE-LCH	21.052, 24.282, 277.639
CIE-LUV	21.052, -9.108, -27.774
Hunter-Lab	18.053, 0.931, -17.774
Binary	00011010, 00110011, 01010110

#1a3356
```
#1a3356 rgb(26,51,86)
```
#563d1a
```
#563d1a rgb(86,61,26)
```

Complementary Color

#1a5156
```
#1a5156 rgb(26,81,86)
```
#1a3356
```
#1a3356 rgb(26,51,86)
```
#1f1a56
```
#1f1a56 rgb(31,26,86)
```

Analogous Color

#51561a
```
#51561a rgb(81,86,26)
```
#1a3356
```
#1a3356 rgb(26,51,86)
```
#561f1a
```
#561f1a rgb(86,31,26)
```

Split Complementary Color

#33561a
```
#33561a rgb(51,86,26)
```
#1a3356
```
#1a3356 rgb(26,51,86)
```
#561a33
```
#561a33 rgb(86,26,51)
```

Triadic Color

#1a563d
```
#1a563d rgb(26,86,61)
```
#1a3356
```
#1a3356 rgb(26,51,86)
```
#561a33
```
#561a33 rgb(86,26,51)
```
#563d1a
```
#563d1a rgb(86,61,26)
```

Tetradic Color

#08101b
```
#08101b rgb(8,16,27)
```
#0e1c2f
```
#0e1c2f rgb(14,28,47)
```
#142742
```
#142742 rgb(20,39,66)
```
#1a3356
```
#1a3356 rgb(26,51,86)
```
#203f6a
```
#203f6a rgb(32,63,106)
```
#264a7d
```
#264a7d rgb(38,74,125)
```
#2c5691
```
#2c5691 rgb(44,86,145)
```

Monochromatic Color

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

#1a4256
```
#1a4256 rgb(26,66,86)
```
#1a3d56
```
#1a3d56 rgb(26,61,86)
```
#1a3856
```
#1a3856 rgb(26,56,86)
```
#1a3356
```
#1a3356 rgb(26,51,86)
```
#1a2e56
```
#1a2e56 rgb(26,46,86)
```
#1a2956
```
#1a2956 rgb(26,41,86)
```
#1a2456
```
#1a2456 rgb(26,36,86)
```

Similar Colors

Text with hexadecimal color #1a3356

This text has a font color of #1a3356.

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

#1a3356 background color

This paragraph has a background color of #1a3356.

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

#1a3356 border color

This element has a border color of #1a3356.

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

CSS codes

.text {color:#1a3356;}

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

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

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, #03060b is the darkest color, while #fbfcfe is the lightest one.

#03060b
```
#03060b rgb(3,6,11)
```
#080f1a
```
#080f1a rgb(8,15,26)
```
#0c1829
```
#0c1829 rgb(12,24,41)
```
#112138
```
#112138 rgb(17,33,56)
```
#152a47
```
#152a47 rgb(21,42,71)
```
#1a3356
```
#1a3356 rgb(26,51,86)
```
#1f3c65
```
#1f3c65 rgb(31,60,101)
```
#234574
```
#234574 rgb(35,69,116)
```
#284e83
```
#284e83 rgb(40,78,131)
```
#2c5792
```
#2c5792 rgb(44,87,146)
```
#3160a1
```
#3160a1 rgb(49,96,161)
```
#3569b0
```
#3569b0 rgb(53,105,176)
```
#3a72bf
```
#3a72bf rgb(58,114,191)
```

Shade Color Variation

#467cc7
```
#467cc7 rgb(70,124,199)
```
#5586cc
```
#5586cc rgb(85,134,204)
```
#6491d0
```
#6491d0 rgb(100,145,208)
```
#739cd5
```
#739cd5 rgb(115,156,213)
```
#82a6d9
```
#82a6d9 rgb(130,166,217)
```
#91b1de
```
#91b1de rgb(145,177,222)
```
#a0bce2
```
#a0bce2 rgb(160,188,226)
```
#afc6e7
```
#afc6e7 rgb(175,198,231)
```
#bed1eb
```
#bed1eb rgb(190,209,235)
```
#cddcf0
```
#cddcf0 rgb(205,220,240)
```
#dde7f5
```
#dde7f5 rgb(221,231,245)
```
#ecf1f9
```
#ecf1f9 rgb(236,241,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#34373c
```
#34373c rgb(52,55,60)
```
#303740
```
#303740 rgb(48,55,64)
```
#2b3645
```
#2b3645 rgb(43,54,69)
```
#273549
```
#273549 rgb(39,53,73)
```
#23344d
```
#23344d rgb(35,52,77)
```
#1e3452
```
#1e3452 rgb(30,52,82)
```
#1a3356
```
#1a3356 rgb(26,51,86)
```
#16325a
```
#16325a rgb(22,50,90)
```
#11325f
```
#11325f rgb(17,50,95)
```
#0d3163
```
#0d3163 rgb(13,49,99)
```
#093067
```
#093067 rgb(9,48,103)
```
#042f6c
```
#042f6c rgb(4,47,108)
```
#002f70
```
#002f70 rgb(0,47,112)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2c3138 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f3c5d Protanopia 1% of men
#263d5e Deuteranopia 1% of men
#144247 Tritanopia 0.001% of the population

Trichromacy

#27385a Protanomaly 1% of men, 0.01% of women
#22395b Deuteranomaly 6% of men, 0.4% of women
#163d4c Tritanomaly 0.01% of the population

#1a3356 hex color

#1a3356 Color Information

#1a3356 Color Conversion

Color Schemes with #1a3356

Alternatives to #1a3356

#1a3356 Preview

Shades and Tints of #1a3356

Tones of #1a3356

Color Blindness Simulator