colorhexa.com

#2a568c hex color

In a RGB color space, hex #2a568c is composed of 16.5% red, 33.7% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 38.6% magenta, 0% yellow and 45.1% black. It has a hue angle of 213.1 degrees, a saturation of 53.8% and a lightness of 35.7%. #2a568c color hex could be obtained by blending #54acff with #000019. Closest websafe color is: #336699.

- R 16
- G 34
- B 55
RGB color chart
- C 70
- M 39
- Y 0
- K 45
CMYK color chart

● #2a568c color description : Dark blue.

The hexadecimal color #2a568c has RGB values of R:42, G:86, B:140 and CMYK values of C:0.7, M:0.39, Y:0, K:0.45. Its decimal value is 2774668.

Hex triplet	2a568c	`#2a568c`
RGB Decimal	42, 86, 140	`rgb(42,86,140)`
RGB Percent	16.5, 33.7, 54.9	`rgb(16.5%,33.7%,54.9%)`
CMYK	70, 39, 0, 45
HSL	213.1°, 53.8, 35.7	`hsl(213.1,53.8%,35.7%)`
HSV (or HSB)	213.1°, 70, 54.9
Web Safe	336699	`#336699`

CIE-LAB	36.062, 3.618, -34.443
XYZ	9.015, 9.041, 26.079
xyY	0.204, 0.205, 9.041
CIE-LCH	36.062, 34.633, 275.996
CIE-LUV	36.062, -16.893, -48.402
Hunter-Lab	30.068, 0.901, -30.378
Binary	00101010, 01010110, 10001100

#2a568c
```
#2a568c rgb(42,86,140)
```
#8c602a
```
#8c602a rgb(140,96,42)
```

Complementary Color

#2a878c
```
#2a878c rgb(42,135,140)
```
#2a568c
```
#2a568c rgb(42,86,140)
```
#2f2a8c
```
#2f2a8c rgb(47,42,140)
```

Analogous Color

#878c2a
```
#878c2a rgb(135,140,42)
```
#2a568c
```
#2a568c rgb(42,86,140)
```
#8c2f2a
```
#8c2f2a rgb(140,47,42)
```

Split Complementary Color

#568c2a
```
#568c2a rgb(86,140,42)
```
#2a568c
```
#2a568c rgb(42,86,140)
```
#8c2a56
```
#8c2a56 rgb(140,42,86)
```

Triadic Color

#183251
```
#183251 rgb(24,50,81)
```
#1e3e65
```
#1e3e65 rgb(30,62,101)
```
#244a78
```
#244a78 rgb(36,74,120)
```
#2a568c
```
#2a568c rgb(42,86,140)
```
#3062a0
```
#3062a0 rgb(48,98,160)
```
#366eb3
```
#366eb3 rgb(54,110,179)
```
#3e7ac5
```
#3e7ac5 rgb(62,122,197)
```

Monochromatic Color

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

#2a6f8c
```
#2a6f8c rgb(42,111,140)
```
#2a668c
```
#2a668c rgb(42,102,140)
```
#2a5e8c
```
#2a5e8c rgb(42,94,140)
```
#2a568c
```
#2a568c rgb(42,86,140)
```
#2a4e8c
```
#2a4e8c rgb(42,78,140)
```
#2a468c
```
#2a468c rgb(42,70,140)
```
#2a3e8c
```
#2a3e8c rgb(42,62,140)
```

Similar Colors

Text with hexadecimal color #2a568c

This text has a font color of #2a568c.

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

#2a568c background color

This paragraph has a background color of #2a568c.

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

#2a568c border color

This element has a border color of #2a568c.

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

CSS codes

.text {color:#2a568c;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#060c13
```
#060c13 rgb(6,12,19)
```
#0a1522
```
#0a1522 rgb(10,21,34)
```
#0f1e31
```
#0f1e31 rgb(15,30,49)
```
#132841
```
#132841 rgb(19,40,65)
```
#183150
```
#183150 rgb(24,49,80)
```
#1c3a5f
```
#1c3a5f rgb(28,58,95)
```
#21436e
```
#21436e rgb(33,67,110)
```
#254d7d
```
#254d7d rgb(37,77,125)
```
#2a568c
```
#2a568c rgb(42,86,140)
```
#2f5f9b
```
#2f5f9b rgb(47,95,155)
```
#3369aa
```
#3369aa rgb(51,105,170)
```
#3872b9
```
#3872b9 rgb(56,114,185)
```

Shade Color Variation

#3f7bc5
```
#3f7bc5 rgb(63,123,197)
```
#4e86ca
```
#4e86ca rgb(78,134,202)
```
#5d90ce
```
#5d90ce rgb(93,144,206)
```
#6c9ad3
```
#6c9ad3 rgb(108,154,211)
```
#7ba5d8
```
#7ba5d8 rgb(123,165,216)
```
#8aafdc
```
#8aafdc rgb(138,175,220)
```
#9ab9e1
```
#9ab9e1 rgb(154,185,225)
```
#a9c4e5
```
#a9c4e5 rgb(169,196,229)
```
#b8ceea
```
#b8ceea rgb(184,206,234)
```
#c7d8ee
```
#c7d8ee rgb(199,216,238)
```
#d6e3f3
```
#d6e3f3 rgb(214,227,243)
```
#e5edf7
```
#e5edf7 rgb(229,237,247)
```
#f4f8fc
```
#f4f8fc rgb(244,248,252)
```

Tint Color Variation

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

#5b5b5b
```
#5b5b5b rgb(91,91,91)
```
#545a62
```
#545a62 rgb(84,90,98)
```
#4d5a69
```
#4d5a69 rgb(77,90,105)
```
#465970
```
#465970 rgb(70,89,112)
```
#3f5877
```
#3f5877 rgb(63,88,119)
```
#38577e
```
#38577e rgb(56,87,126)
```
#315785
```
#315785 rgb(49,87,133)
```
#2a568c
```
#2a568c rgb(42,86,140)
```
#235593
```
#235593 rgb(35,85,147)
```
#1c559a
```
#1c559a rgb(28,85,154)
```
#1554a1
```
#1554a1 rgb(21,84,161)
```
#0e53a8
```
#0e53a8 rgb(14,83,168)
```
#0752af
```
#0752af rgb(7,82,175)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#48505b Atypical Achromatopsia 0.001% of the population

Dichromacy

#485c8f Protanopia 1% of men
#395e92 Deuteranopia 1% of men
#0b666e Tritanopia 0.001% of the population

Trichromacy

#3d598e Protanomaly 1% of men, 0.01% of women
#335b8f Deuteranomaly 6% of men, 0.4% of women
#166079 Tritanomaly 0.01% of the population