#1a2f45 hex color

In a RGB color space, hex #1a2f45 is composed of 10.2% red, 18.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 31.9% magenta, 0% yellow and 72.9% black. It has a hue angle of 210.7 degrees, a saturation of 45.3% and a lightness of 18.6%. #1a2f45 color hex could be obtained by blending #345e8a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 10
- G 18
- B 27
RGB color chart
- C 62
- M 32
- Y 0
- K 73
CMYK color chart

● #1a2f45 color description : Very dark blue.

The hexadecimal color #1a2f45 has RGB values of R:26, G:47, B:69 and CMYK values of C:0.62, M:0.32, Y:0, K:0.73. Its decimal value is 1716037.

Hex triplet	1a2f45	`#1a2f45`
RGB Decimal	26, 47, 69	`rgb(26,47,69)`
RGB Percent	10.2, 18.4, 27.1	`rgb(10.2%,18.4%,27.1%)`
CMYK	62, 32, 0, 73
HSL	210.7°, 45.3, 18.6	`hsl(210.7,45.3%,18.6%)`
HSV (or HSB)	210.7°, 62.3, 27.1
Web Safe	333333	`#333333`

CIE-LAB	18.723, -0.646, -16.303
XYZ	2.516, 2.682, 6.015
xyY	0.224, 0.239, 2.682
CIE-LCH	18.723, 16.316, 267.731
CIE-LUV	18.723, -7.854, -17.346
Hunter-Lab	16.377, -1.233, -10.312
Binary	00011010, 00101111, 01000101

#1a2f45
```
#1a2f45 rgb(26,47,69)
```
#45301a
```
#45301a rgb(69,48,26)
```

Complementary Color

#1a4545
```
#1a4545 rgb(26,69,69)
```
#1a2f45
```
#1a2f45 rgb(26,47,69)
```
#1b1a45
```
#1b1a45 rgb(27,26,69)
```

Analogous Color

#45451a
```
#45451a rgb(69,69,26)
```
#1a2f45
```
#1a2f45 rgb(26,47,69)
```
#451b1a
```
#451b1a rgb(69,27,26)
```

Split Complementary Color

#2f451a
```
#2f451a rgb(47,69,26)
```
#1a2f45
```
#1a2f45 rgb(26,47,69)
```
#451a2f
```
#451a2f rgb(69,26,47)
```

Triadic Color

#1a4530
```
#1a4530 rgb(26,69,48)
```
#1a2f45
```
#1a2f45 rgb(26,47,69)
```
#451a2f
```
#451a2f rgb(69,26,47)
```
#45301a
```
#45301a rgb(69,48,26)
```

Tetradic Color

#05090d
```
#05090d rgb(5,9,13)
```
#0c1620
```
#0c1620 rgb(12,22,32)
```
#132232
```
#132232 rgb(19,34,50)
```
#1a2f45
```
#1a2f45 rgb(26,47,69)
```
#213c58
```
#213c58 rgb(33,60,88)
```
#28486a
```
#28486a rgb(40,72,106)
```
#2f557d
```
#2f557d rgb(47,85,125)
```

Monochromatic Color

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

#1a3a45
```
#1a3a45 rgb(26,58,69)
```
#1a3645
```
#1a3645 rgb(26,54,69)
```
#1a3345
```
#1a3345 rgb(26,51,69)
```
#1a2f45
```
#1a2f45 rgb(26,47,69)
```
#1a2b45
```
#1a2b45 rgb(26,43,69)
```
#1a2845
```
#1a2845 rgb(26,40,69)
```
#1a2445
```
#1a2445 rgb(26,36,69)
```

Similar Colors

Text with hexadecimal color #1a2f45

This text has a font color of #1a2f45.

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

#1a2f45 background color

This paragraph has a background color of #1a2f45.

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

#1a2f45 border color

This element has a border color of #1a2f45.

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

CSS codes

.text {color:#1a2f45;}

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

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

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

#05080c
```
#05080c rgb(5,8,12)
```
#0a121a
```
#0a121a rgb(10,18,26)
```
#0f1c29
```
#0f1c29 rgb(15,28,41)
```
#152537
```
#152537 rgb(21,37,55)
```
#1a2f45
```
#1a2f45 rgb(26,47,69)
```
#1f3953
```
#1f3953 rgb(31,57,83)
```
#254261
```
#254261 rgb(37,66,97)
```
#2a4c70
```
#2a4c70 rgb(42,76,112)
```
#2f567e
```
#2f567e rgb(47,86,126)
```
#35608c
```
#35608c rgb(53,96,140)
```
#3a699a
```
#3a699a rgb(58,105,154)
```
#4073a9
```
#4073a9 rgb(64,115,169)
```
#457db7
```
#457db7 rgb(69,125,183)
```

Shade Color Variation

#5287be
```
#5287be rgb(82,135,190)
```
#6090c3
```
#6090c3 rgb(96,144,195)
```
#6e9ac8
```
#6e9ac8 rgb(110,154,200)
```
#7da4ce
```
#7da4ce rgb(125,164,206)
```
#8baed3
```
#8baed3 rgb(139,174,211)
```
#99b8d9
```
#99b8d9 rgb(153,184,217)
```
#a7c2de
```
#a7c2de rgb(167,194,222)
```
#b6cce3
```
#b6cce3 rgb(182,204,227)
```
#c4d6e9
```
#c4d6e9 rgb(196,214,233)
```
#d2e0ee
```
#d2e0ee rgb(210,224,238)
```
#e0eaf3
```
#e0eaf3 rgb(224,234,243)
```
#eff4f9
```
#eff4f9 rgb(239,244,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#2c2f33
```
#2c2f33 rgb(44,47,51)
```
#292f36
```
#292f36 rgb(41,47,54)
```
#252f3a
```
#252f3a rgb(37,47,58)
```
#212f3e
```
#212f3e rgb(33,47,62)
```
#1e2f41
```
#1e2f41 rgb(30,47,65)
```
#1a2f45
```
#1a2f45 rgb(26,47,69)
```
#162f49
```
#162f49 rgb(22,47,73)
```
#132f4c
```
#132f4c rgb(19,47,76)
```
#0f2f50
```
#0f2f50 rgb(15,47,80)
```
#0b2f54
```
#0b2f54 rgb(11,47,84)
```
#082f57
```
#082f57 rgb(8,47,87)
```
#042e5b
```
#042e5b rgb(4,46,91)
```
#002e5f
```
#002e5f rgb(0,46,95)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#282c30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#31374d Protanopia 1% of men
#2e384f Deuteranopia 1% of men
#1f3c41 Tritanopia 0.001% of the population

Trichromacy

#28344a Protanomaly 1% of men, 0.01% of women
#26344b Deuteranomaly 6% of men, 0.4% of women
#1d3742 Tritanomaly 0.01% of the population

#1a2f45 hex color

#1a2f45 Color Information

#1a2f45 Color Conversion

Color Schemes with #1a2f45

Alternatives to #1a2f45

#1a2f45 Preview

Shades and Tints of #1a2f45

Tones of #1a2f45

Color Blindness Simulator