#2a3e67 hex color

In a RGB color space, hex #2a3e67 is composed of 16.5% red, 24.3% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 39.8% magenta, 0% yellow and 59.6% black. It has a hue angle of 220.3 degrees, a saturation of 42.1% and a lightness of 28.4%. #2a3e67 color hex could be obtained by blending #547cce with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 24
- B 40
RGB color chart
- C 59
- M 40
- Y 0
- K 60
CMYK color chart

● #2a3e67 color description : Very dark desaturated blue.

The hexadecimal color #2a3e67 has RGB values of R:42, G:62, B:103 and CMYK values of C:0.59, M:0.4, Y:0, K:0.6. Its decimal value is 2768487.

Hex triplet	2a3e67	`#2a3e67`
RGB Decimal	42, 62, 103	`rgb(42,62,103)`
RGB Percent	16.5, 24.3, 40.4	`rgb(16.5%,24.3%,40.4%)`
CMYK	59, 40, 0, 60
HSL	220.3°, 42.1, 28.4	`hsl(220.3,42.1%,28.4%)`
HSV (or HSB)	220.3°, 59.2, 40.4
Web Safe	333366	`#333366`

CIE-LAB	26.496, 5.727, -26.486
XYZ	5.125, 4.916, 13.51
xyY	0.218, 0.209, 4.916
CIE-LCH	26.496, 27.098, 282.201
CIE-LUV	26.496, -9.007, -33.671
Hunter-Lab	22.173, 2.456, -20.604
Binary	00101010, 00111110, 01100111

#2a3e67
```
#2a3e67 rgb(42,62,103)
```
#67532a
```
#67532a rgb(103,83,42)
```

Complementary Color

#2a5d67
```
#2a5d67 rgb(42,93,103)
```
#2a3e67
```
#2a3e67 rgb(42,62,103)
```
#352a67
```
#352a67 rgb(53,42,103)
```

Analogous Color

#5d672a
```
#5d672a rgb(93,103,42)
```
#2a3e67
```
#2a3e67 rgb(42,62,103)
```
#67352a
```
#67352a rgb(103,53,42)
```

Split Complementary Color

#3e672a
```
#3e672a rgb(62,103,42)
```
#2a3e67
```
#2a3e67 rgb(42,62,103)
```
#672a3e
```
#672a3e rgb(103,42,62)
```

Triadic Color

#2a6753
```
#2a6753 rgb(42,103,83)
```
#2a3e67
```
#2a3e67 rgb(42,62,103)
```
#672a3e
```
#672a3e rgb(103,42,62)
```
#67532a
```
#67532a rgb(103,83,42)
```

Tetradic Color

#141d31
```
#141d31 rgb(20,29,49)
```
#1b2843
```
#1b2843 rgb(27,40,67)
```
#233355
```
#233355 rgb(35,51,85)
```
#2a3e67
```
#2a3e67 rgb(42,62,103)
```
#314979
```
#314979 rgb(49,73,121)
```
#39548b
```
#39548b rgb(57,84,139)
```
#405f9d
```
#405f9d rgb(64,95,157)
```

Monochromatic Color

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

#2a4d67
```
#2a4d67 rgb(42,77,103)
```
#2a4867
```
#2a4867 rgb(42,72,103)
```
#2a4367
```
#2a4367 rgb(42,67,103)
```
#2a3e67
```
#2a3e67 rgb(42,62,103)
```
#2a3967
```
#2a3967 rgb(42,57,103)
```
#2a3467
```
#2a3467 rgb(42,52,103)
```
#2a2f67
```
#2a2f67 rgb(42,47,103)
```

Similar Colors

Text with hexadecimal color #2a3e67

This text has a font color of #2a3e67.

<span style="color:#2a3e67;">Text here</span>

#2a3e67 background color

This paragraph has a background color of #2a3e67.

<p style="background-color:#2a3e67;">Content here</p>

#2a3e67 border color

This element has a border color of #2a3e67.

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

CSS codes

.text {color:#2a3e67;}

.background {background-color:#2a3e67;}

.border {border:1px solid #2a3e67;}

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

#020305
```
#020305 rgb(2,3,5)
```
#080c13
```
#080c13 rgb(8,12,19)
```
#0e1421
```
#0e1421 rgb(14,20,33)
```
#131c2f
```
#131c2f rgb(19,28,47)
```
#19253d
```
#19253d rgb(25,37,61)
```
#1f2d4b
```
#1f2d4b rgb(31,45,75)
```
#243659
```
#243659 rgb(36,54,89)
```
#2a3e67
```
#2a3e67 rgb(42,62,103)
```
#304675
```
#304675 rgb(48,70,117)
```
#354f83
```
#354f83 rgb(53,79,131)
```
#3b5791
```
#3b5791 rgb(59,87,145)
```
#41609f
```
#41609f rgb(65,96,159)
```
#4668ad
```
#4668ad rgb(70,104,173)
```

Shade Color Variation

#4f71b7
```
#4f71b7 rgb(79,113,183)
```
#5d7dbd
```
#5d7dbd rgb(93,125,189)
```
#6b88c3
```
#6b88c3 rgb(107,136,195)
```
#7993c8
```
#7993c8 rgb(121,147,200)
```
#879ece
```
#879ece rgb(135,158,206)
```
#95aad4
```
#95aad4 rgb(149,170,212)
```
#a3b5d9
```
#a3b5d9 rgb(163,181,217)
```
#b1c0df
```
#b1c0df rgb(177,192,223)
```
#bfcbe5
```
#bfcbe5 rgb(191,203,229)
```
#cdd6eb
```
#cdd6eb rgb(205,214,235)
```
#dbe2f0
```
#dbe2f0 rgb(219,226,240)
```
#e9edf6
```
#e9edf6 rgb(233,237,246)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46484b is the less saturated color, while #03318e is the most saturated one.

#46484b
```
#46484b rgb(70,72,75)
```
#404651
```
#404651 rgb(64,70,81)
```
#3b4456
```
#3b4456 rgb(59,68,86)
```
#35425c
```
#35425c rgb(53,66,92)
```
#304061
```
#304061 rgb(48,64,97)
```
#2a3e67
```
#2a3e67 rgb(42,62,103)
```
#243c6d
```
#243c6d rgb(36,60,109)
```
#1f3a72
```
#1f3a72 rgb(31,58,114)
```
#193878
```
#193878 rgb(25,56,120)
```
#14367d
```
#14367d rgb(20,54,125)
```
#0e3483
```
#0e3483 rgb(14,52,131)
```
#093288
```
#093288 rgb(9,50,136)
```
#03318e
```
#03318e rgb(3,49,142)
```

Tone Color Variation

Below, you can see how #2a3e67 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

#3d3d3d Achromatopsia 0.005% of the population
#393d45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#38476e Protanopia 1% of men
#31486e Deuteranopia 1% of men
#274e53 Tritanopia 0.001% of the population

Trichromacy

#33436b Protanomaly 1% of men, 0.01% of women
#2e446b Deuteranomaly 6% of men, 0.4% of women
#28485a Tritanomaly 0.01% of the population

#2a3e67 hex color

#2a3e67 Color Information

#2a3e67 Color Conversion

Color Schemes with #2a3e67

Alternatives to #2a3e67

#2a3e67 Preview

Shades and Tints of #2a3e67

Tones of #2a3e67

Color Blindness Simulator