colorhexa.com

#1e4164 hex color

In a RGB color space, hex #1e4164 is composed of 11.8% red, 25.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 35% magenta, 0% yellow and 60.8% black. It has a hue angle of 210 degrees, a saturation of 53.8% and a lightness of 25.5%. #1e4164 color hex could be obtained by blending #3c82c8 with #000000. Closest websafe color is: #333366.

- R 12
- G 25
- B 39
RGB color chart
- C 70
- M 35
- Y 0
- K 61
CMYK color chart

● #1e4164 color description : Very dark blue.

The hexadecimal color #1e4164 has RGB values of R:30, G:65, B:100 and CMYK values of C:0.7, M:0.35, Y:0, K:0.61. Its decimal value is 1982820.

Hex triplet	1e4164	`#1e4164`
RGB Decimal	30, 65, 100	`rgb(30,65,100)`
RGB Percent	11.8, 25.5, 39.2	`rgb(11.8%,25.5%,39.2%)`
CMYK	70, 35, 0, 61
HSL	210°, 53.8, 25.5	`hsl(210,53.8%,25.5%)`
HSV (or HSB)	210°, 70, 39.2
Web Safe	333366	`#333366`

CIE-LAB	26.667, -0.058, -24.327
XYZ	4.725, 4.976, 12.767
xyY	0.21, 0.221, 4.976
CIE-LCH	26.667, 24.327, 269.863
CIE-LUV	26.667, -12.9, -30.413
Hunter-Lab	22.308, -1.227, -18.318
Binary	00011110, 01000001, 01100100

#1e4164
```
#1e4164 rgb(30,65,100)
```
#64411e
```
#64411e rgb(100,65,30)
```

Complementary Color

#1e6464
```
#1e6464 rgb(30,100,100)
```
#1e4164
```
#1e4164 rgb(30,65,100)
```
#1e1e64
```
#1e1e64 rgb(30,30,100)
```

Analogous Color

#64641e
```
#64641e rgb(100,100,30)
```
#1e4164
```
#1e4164 rgb(30,65,100)
```
#641e1e
```
#641e1e rgb(100,30,30)
```

Split Complementary Color

#41641e
```
#41641e rgb(65,100,30)
```
#1e4164
```
#1e4164 rgb(30,65,100)
```
#641e41
```
#641e41 rgb(100,30,65)
```

Triadic Color

#0c1b29
```
#0c1b29 rgb(12,27,41)
```
#12283d
```
#12283d rgb(18,40,61)
```
#183450
```
#183450 rgb(24,52,80)
```
#1e4164
```
#1e4164 rgb(30,65,100)
```
#244e78
```
#244e78 rgb(36,78,120)
```
#2a5b8b
```
#2a5b8b rgb(42,91,139)
```
#30679f
```
#30679f rgb(48,103,159)
```

Monochromatic Color

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

#1e5364
```
#1e5364 rgb(30,83,100)
```
#1e4d64
```
#1e4d64 rgb(30,77,100)
```
#1e4764
```
#1e4764 rgb(30,71,100)
```
#1e4164
```
#1e4164 rgb(30,65,100)
```
#1e3b64
```
#1e3b64 rgb(30,59,100)
```
#1e3564
```
#1e3564 rgb(30,53,100)
```
#1e3064
```
#1e3064 rgb(30,48,100)
```

Similar Colors

Text with hexadecimal color #1e4164

This text has a font color of #1e4164.

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

#1e4164 background color

This paragraph has a background color of #1e4164.

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

#1e4164 border color

This element has a border color of #1e4164.

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

CSS codes

.text {color:#1e4164;}

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

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

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

#030609
```
#030609 rgb(3,6,9)
```
#071019
```
#071019 rgb(7,16,25)
```
#0c1a28
```
#0c1a28 rgb(12,26,40)
```
#102437
```
#102437 rgb(16,36,55)
```
#152d46
```
#152d46 rgb(21,45,70)
```
#193755
```
#193755 rgb(25,55,85)
```
#1e4164
```
#1e4164 rgb(30,65,100)
```
#234b73
```
#234b73 rgb(35,75,115)
```
#275582
```
#275582 rgb(39,85,130)
```
#2c5e91
```
#2c5e91 rgb(44,94,145)
```
#3068a0
```
#3068a0 rgb(48,104,160)
```
#3572af
```
#3572af rgb(53,114,175)
```
#397cbf
```
#397cbf rgb(57,124,191)
```

Shade Color Variation

#4486c7
```
#4486c7 rgb(68,134,199)
```
#538fcc
```
#538fcc rgb(83,143,204)
```
#6299d0
```
#6299d0 rgb(98,153,208)
```
#72a3d5
```
#72a3d5 rgb(114,163,213)
```
#81add9
```
#81add9 rgb(129,173,217)
```
#90b7de
```
#90b7de rgb(144,183,222)
```
#9fc1e2
```
#9fc1e2 rgb(159,193,226)
```
#aecae7
```
#aecae7 rgb(174,202,231)
```
#bdd4eb
```
#bdd4eb rgb(189,212,235)
```
#ccdef0
```
#ccdef0 rgb(204,222,240)
```
#dbe8f4
```
#dbe8f4 rgb(219,232,244)
```
#eaf2f9
```
#eaf2f9 rgb(234,242,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #414141 is the less saturated color, while #05417d is the most saturated one.

#414141
```
#414141 rgb(65,65,65)
```
#3c4146
```
#3c4146 rgb(60,65,70)
```
#37414b
```
#37414b rgb(55,65,75)
```
#324150
```
#324150 rgb(50,65,80)
```
#2d4155
```
#2d4155 rgb(45,65,85)
```
#28415a
```
#28415a rgb(40,65,90)
```
#23415f
```
#23415f rgb(35,65,95)
```
#1e4164
```
#1e4164 rgb(30,65,100)
```
#194169
```
#194169 rgb(25,65,105)
```
#14416e
```
#14416e rgb(20,65,110)
```
#0f4173
```
#0f4173 rgb(15,65,115)
```
#0a4178
```
#0a4178 rgb(10,65,120)
```
#05417d
```
#05417d rgb(5,65,125)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#353c43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c4769 Protanopia 1% of men
#34496c Deuteranopia 1% of men
#174f55 Tritanopia 0.001% of the population

Trichromacy

#314567 Protanomaly 1% of men, 0.01% of women
#2c4669 Deuteranomaly 6% of men, 0.4% of women
#194a5a Tritanomaly 0.01% of the population