#2a3472 hex color

In a RGB color space, hex #2a3472 is composed of 16.5% red, 20.4% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 54.4% magenta, 0% yellow and 55.3% black. It has a hue angle of 231.7 degrees, a saturation of 46.2% and a lightness of 30.6%. #2a3472 color hex could be obtained by blending #5468e4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 20
- B 45
RGB color chart
- C 63
- M 54
- Y 0
- K 55
CMYK color chart

● #2a3472 color description : Very dark blue.

The hexadecimal color #2a3472 has RGB values of R:42, G:52, B:114 and CMYK values of C:0.63, M:0.54, Y:0, K:0.55. Its decimal value is 2765938.

Hex triplet	2a3472	`#2a3472`
RGB Decimal	42, 52, 114	`rgb(42,52,114)`
RGB Percent	16.5, 20.4, 44.7	`rgb(16.5%,20.4%,44.7%)`
CMYK	63, 54, 0, 55
HSL	231.7°, 46.2, 30.6	`hsl(231.7,46.2%,30.6%)`
HSV (or HSB)	231.7°, 63.2, 44.7
Web Safe	333366	`#333366`

CIE-LAB	24.203, 16.762, -37.199
XYZ	5.219, 4.163, 16.447
xyY	0.202, 0.161, 4.163
CIE-LCH	24.203, 40.801, 294.256
CIE-LUV	24.203, -6.105, -46.606
Hunter-Lab	20.403, 9.958, -33.512
Binary	00101010, 00110100, 01110010

#2a3472
```
#2a3472 rgb(42,52,114)
```
#72682a
```
#72682a rgb(114,104,42)
```

Complementary Color

#2a5872
```
#2a5872 rgb(42,88,114)
```
#2a3472
```
#2a3472 rgb(42,52,114)
```
#442a72
```
#442a72 rgb(68,42,114)
```

Analogous Color

#58722a
```
#58722a rgb(88,114,42)
```
#2a3472
```
#2a3472 rgb(42,52,114)
```
#72442a
```
#72442a rgb(114,68,42)
```

Split Complementary Color

#34722a
```
#34722a rgb(52,114,42)
```
#2a3472
```
#2a3472 rgb(42,52,114)
```
#722a34
```
#722a34 rgb(114,42,52)
```

Triadic Color

#2a7268
```
#2a7268 rgb(42,114,104)
```
#2a3472
```
#2a3472 rgb(42,52,114)
```
#722a34
```
#722a34 rgb(114,42,52)
```
#72682a
```
#72682a rgb(114,104,42)
```

Tetradic Color

#151b3a
```
#151b3a rgb(21,27,58)
```
#1c234d
```
#1c234d rgb(28,35,77)
```
#232c5f
```
#232c5f rgb(35,44,95)
```
#2a3472
```
#2a3472 rgb(42,52,114)
```
#313d85
```
#313d85 rgb(49,61,133)
```
#384597
```
#384597 rgb(56,69,151)
```
#3f4eaa
```
#3f4eaa rgb(63,78,170)
```

Monochromatic Color

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

#2a4672
```
#2a4672 rgb(42,70,114)
```
#2a4072
```
#2a4072 rgb(42,64,114)
```
#2a3a72
```
#2a3a72 rgb(42,58,114)
```
#2a3472
```
#2a3472 rgb(42,52,114)
```
#2a2e72
```
#2a2e72 rgb(42,46,114)
```
#2c2a72
```
#2c2a72 rgb(44,42,114)
```
#322a72
```
#322a72 rgb(50,42,114)
```

Similar Colors

Text with hexadecimal color #2a3472

This text has a font color of #2a3472.

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

#2a3472 background color

This paragraph has a background color of #2a3472.

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

#2a3472 border color

This element has a border color of #2a3472.

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

CSS codes

.text {color:#2a3472;}

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

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

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, #05060e is the darkest color, while #fefeff is the lightest one.

#05060e
```
#05060e rgb(5,6,14)
```
#0a0d1c
```
#0a0d1c rgb(10,13,28)
```
#10132a
```
#10132a rgb(16,19,42)
```
#151a39
```
#151a39 rgb(21,26,57)
```
#1a2047
```
#1a2047 rgb(26,32,71)
```
#1f2755
```
#1f2755 rgb(31,39,85)
```
#252d64
```
#252d64 rgb(37,45,100)
```
#2a3472
```
#2a3472 rgb(42,52,114)
```
#2f3b80
```
#2f3b80 rgb(47,59,128)
```
#35418f
```
#35418f rgb(53,65,143)
```
#3a489d
```
#3a489d rgb(58,72,157)
```
#3f4eab
```
#3f4eab rgb(63,78,171)
```
#4455ba
```
#4455ba rgb(68,85,186)
```

Shade Color Variation

#5261bf
```
#5261bf rgb(82,97,191)
```
#616fc5
```
#616fc5 rgb(97,111,197)
```
#6f7cca
```
#6f7cca rgb(111,124,202)
```
#7d89cf
```
#7d89cf rgb(125,137,207)
```
#8c96d5
```
#8c96d5 rgb(140,150,213)
```
#9aa3da
```
#9aa3da rgb(154,163,218)
```
#a8b0df
```
#a8b0df rgb(168,176,223)
```
#b7bde4
```
#b7bde4 rgb(183,189,228)
```
#c5caea
```
#c5caea rgb(197,202,234)
```
#d3d7ef
```
#d3d7ef rgb(211,215,239)
```
#e2e4f4
```
#e2e4f4 rgb(226,228,244)
```
#f0f1f9
```
#f0f1f9 rgb(240,241,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#484a54
```
#484a54 rgb(72,74,84)
```
#42455a
```
#42455a rgb(66,69,90)
```
#3c4160
```
#3c4160 rgb(60,65,96)
```
#363d66
```
#363d66 rgb(54,61,102)
```
#30386c
```
#30386c rgb(48,56,108)
```
#2a3472
```
#2a3472 rgb(42,52,114)
```
#243078
```
#243078 rgb(36,48,120)
```
#1e2b7e
```
#1e2b7e rgb(30,43,126)
```
#182784
```
#182784 rgb(24,39,132)
```
#12238a
```
#12238a rgb(18,35,138)
```
#0c1e90
```
#0c1e90 rgb(12,30,144)
```
#061a96
```
#061a96 rgb(6,26,150)
```
#00169c
```
#00169c rgb(0,22,156)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#353744 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b417c Protanopia 1% of men
#004572 Deuteranopia 1% of men
#1a494f Tritanopia 0.001% of the population

Trichromacy

#203c78 Protanomaly 1% of men, 0.01% of women
#0f3e72 Deuteranomaly 6% of men, 0.4% of women
#1f415b Tritanomaly 0.01% of the population

#2a3472 hex color

#2a3472 Color Information

#2a3472 Color Conversion

Color Schemes with #2a3472

Alternatives to #2a3472

#2a3472 Preview

Shades and Tints of #2a3472

Tones of #2a3472

Color Blindness Simulator