#2a518e hex color

In a RGB color space, hex #2a518e is composed of 16.5% red, 31.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 43% magenta, 0% yellow and 44.3% black. It has a hue angle of 216.6 degrees, a saturation of 54.3% and a lightness of 36.1%. #2a518e color hex could be obtained by blending #54a2ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 32
- B 56
RGB color chart
- C 70
- M 43
- Y 0
- K 44
CMYK color chart

● #2a518e color description : Dark blue.

The hexadecimal color #2a518e has RGB values of R:42, G:81, B:142 and CMYK values of C:0.7, M:0.43, Y:0, K:0.44. Its decimal value is 2773390.

Hex triplet	2a518e	`#2a518e`
RGB Decimal	42, 81, 142	`rgb(42,81,142)`
RGB Percent	16.5, 31.8, 55.7	`rgb(16.5%,31.8%,55.7%)`
CMYK	70, 43, 0, 44
HSL	216.6°, 54.3, 36.1	`hsl(216.6,54.3%,36.1%)`
HSV (or HSB)	216.6°, 70.4, 55.7
Web Safe	336699	`#336699`

CIE-LAB	34.66, 7.651, -37.893
XYZ	8.779, 8.329, 26.735
xyY	0.2, 0.19, 8.329
CIE-LCH	34.66, 38.658, 281.416
CIE-LUV	34.66, -15.182, -53.127
Hunter-Lab	28.861, 3.788, -34.72
Binary	00101010, 01010001, 10001110

#2a518e
```
#2a518e rgb(42,81,142)
```
#8e672a
```
#8e672a rgb(142,103,42)
```

Complementary Color

#2a838e
```
#2a838e rgb(42,131,142)
```
#2a518e
```
#2a518e rgb(42,81,142)
```
#352a8e
```
#352a8e rgb(53,42,142)
```

Analogous Color

#838e2a
```
#838e2a rgb(131,142,42)
```
#2a518e
```
#2a518e rgb(42,81,142)
```
#8e352a
```
#8e352a rgb(142,53,42)
```

Split Complementary Color

#518e2a
```
#518e2a rgb(81,142,42)
```
#2a518e
```
#2a518e rgb(42,81,142)
```
#8e2a51
```
#8e2a51 rgb(142,42,81)
```

Triadic Color

#2a8e67
```
#2a8e67 rgb(42,142,103)
```
#2a518e
```
#2a518e rgb(42,81,142)
```
#8e2a51
```
#8e2a51 rgb(142,42,81)
```
#8e672a
```
#8e672a rgb(142,103,42)
```

Tetradic Color

#192f53
```
#192f53 rgb(25,47,83)
```
#1e3b67
```
#1e3b67 rgb(30,59,103)
```
#24467a
```
#24467a rgb(36,70,122)
```
#2a518e
```
#2a518e rgb(42,81,142)
```
#305ca2
```
#305ca2 rgb(48,92,162)
```
#3667b5
```
#3667b5 rgb(54,103,181)
```
#3e73c6
```
#3e73c6 rgb(62,115,198)
```

Monochromatic Color

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

#2a6a8e
```
#2a6a8e rgb(42,106,142)
```
#2a628e
```
#2a628e rgb(42,98,142)
```
#2a598e
```
#2a598e rgb(42,89,142)
```
#2a518e
```
#2a518e rgb(42,81,142)
```
#2a498e
```
#2a498e rgb(42,73,142)
```
#2a408e
```
#2a408e rgb(42,64,142)
```
#2a388e
```
#2a388e rgb(42,56,142)
```

Similar Colors

Text with hexadecimal color #2a518e

This text has a font color of #2a518e.

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

#2a518e background color

This paragraph has a background color of #2a518e.

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

#2a518e border color

This element has a border color of #2a518e.

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

CSS codes

.text {color:#2a518e;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060c15
```
#060c15 rgb(6,12,21)
```
#0b1524
```
#0b1524 rgb(11,21,36)
```
#0f1d33
```
#0f1d33 rgb(15,29,51)
```
#142642
```
#142642 rgb(20,38,66)
```
#182e51
```
#182e51 rgb(24,46,81)
```
#1d3761
```
#1d3761 rgb(29,55,97)
```
#214070
```
#214070 rgb(33,64,112)
```
#26487f
```
#26487f rgb(38,72,127)
```
#2a518e
```
#2a518e rgb(42,81,142)
```
#2e5a9d
```
#2e5a9d rgb(46,90,157)
```
#3362ac
```
#3362ac rgb(51,98,172)
```
#376bbb
```
#376bbb rgb(55,107,187)
```

Shade Color Variation

#4074c6
```
#4074c6 rgb(64,116,198)
```
#4f7fcb
```
#4f7fcb rgb(79,127,203)
```
#5e8acf
```
#5e8acf rgb(94,138,207)
```
#6d95d4
```
#6d95d4 rgb(109,149,212)
```
#7da0d8
```
#7da0d8 rgb(125,160,216)
```
#8cabdd
```
#8cabdd rgb(140,171,221)
```
#9bb6e1
```
#9bb6e1 rgb(155,182,225)
```
#aac1e6
```
#aac1e6 rgb(170,193,230)
```
#b9ccea
```
#b9ccea rgb(185,204,234)
```
#c8d7ef
```
#c8d7ef rgb(200,215,239)
```
#d7e2f3
```
#d7e2f3 rgb(215,226,243)
```
#e6edf8
```
#e6edf8 rgb(230,237,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5c5c is the less saturated color, while #0749b1 is the most saturated one.

#5c5c5c
```
#5c5c5c rgb(92,92,92)
```
#545a64
```
#545a64 rgb(84,90,100)
```
#4d596b
```
#4d596b rgb(77,89,107)
```
#465772
```
#465772 rgb(70,87,114)
```
#3f5679
```
#3f5679 rgb(63,86,121)
```
#385480
```
#385480 rgb(56,84,128)
```
#315387
```
#315387 rgb(49,83,135)
```
#2a518e
```
#2a518e rgb(42,81,142)
```
#234f95
```
#234f95 rgb(35,79,149)
```
#1c4e9c
```
#1c4e9c rgb(28,78,156)
```
#154ca3
```
#154ca3 rgb(21,76,163)
```
#0e4baa
```
#0e4baa rgb(14,75,170)
```
#0749b1
```
#0749b1 rgb(7,73,177)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#454d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5892 Protanopia 1% of men
#2a5b93 Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#375591 Protanomaly 1% of men, 0.01% of women
#2a5791 Deuteranomaly 6% of men, 0.4% of women
#0f5c77 Tritanomaly 0.01% of the population

#2a518e hex color

#2a518e Color Information

#2a518e Color Conversion

Color Schemes with #2a518e

Alternatives to #2a518e

#2a518e Preview

Shades and Tints of #2a518e

Tones of #2a518e

Color Blindness Simulator