#2857a5 hex color

In a RGB color space, hex #2857a5 is composed of 15.7% red, 34.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 47.3% magenta, 0% yellow and 35.3% black. It has a hue angle of 217.4 degrees, a saturation of 61% and a lightness of 40.2%. #2857a5 color hex could be obtained by blending #50aeff with #00004b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 34
- B 65
RGB color chart
- C 76
- M 47
- Y 0
- K 35
CMYK color chart

● #2857a5 color description : Dark blue.

The hexadecimal color #2857a5 has RGB values of R:40, G:87, B:165 and CMYK values of C:0.76, M:0.47, Y:0, K:0.35. Its decimal value is 2643877.

Hex triplet	2857a5	`#2857a5`
RGB Decimal	40, 87, 165	`rgb(40,87,165)`
RGB Percent	15.7, 34.1, 64.7	`rgb(15.7%,34.1%,64.7%)`
CMYK	76, 47, 0, 35
HSL	217.4°, 61, 40.2	`hsl(217.4,61%,40.2%)`
HSV (or HSB)	217.4°, 75.8, 64.7
Web Safe	336699	`#336699`

CIE-LAB	37.812, 12.252, -46.708
XYZ	11.073, 9.983, 36.939
xyY	0.191, 0.172, 9.983
CIE-LCH	37.812, 48.288, 284.698
CIE-LUV	37.812, -17.097, -67.623
Hunter-Lab	31.596, 7.264, -47.197
Binary	00101000, 01010111, 10100101

#2857a5
```
#2857a5 rgb(40,87,165)
```
#a57628
```
#a57628 rgb(165,118,40)
```

Complementary Color

#2896a5
```
#2896a5 rgb(40,150,165)
```
#2857a5
```
#2857a5 rgb(40,87,165)
```
#3828a5
```
#3828a5 rgb(56,40,165)
```

Analogous Color

#96a528
```
#96a528 rgb(150,165,40)
```
#2857a5
```
#2857a5 rgb(40,87,165)
```
#a53828
```
#a53828 rgb(165,56,40)
```

Split Complementary Color

#57a528
```
#57a528 rgb(87,165,40)
```
#2857a5
```
#2857a5 rgb(40,87,165)
```
#a52857
```
#a52857 rgb(165,40,87)
```

Triadic Color

#28a576
```
#28a576 rgb(40,165,118)
```
#2857a5
```
#2857a5 rgb(40,87,165)
```
#a52857
```
#a52857 rgb(165,40,87)
```
#a57628
```
#a57628 rgb(165,118,40)
```

Tetradic Color

#193767
```
#193767 rgb(25,55,103)
```
#1e417c
```
#1e417c rgb(30,65,124)
```
#234c90
```
#234c90 rgb(35,76,144)
```
#2857a5
```
#2857a5 rgb(40,87,165)
```
#2d62ba
```
#2d62ba rgb(45,98,186)
```
#336dcd
```
#336dcd rgb(51,109,205)
```
#477bd2
```
#477bd2 rgb(71,123,210)
```

Monochromatic Color

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

#2876a5
```
#2876a5 rgb(40,118,165)
```
#286ca5
```
#286ca5 rgb(40,108,165)
```
#2861a5
```
#2861a5 rgb(40,97,165)
```
#2857a5
```
#2857a5 rgb(40,87,165)
```
#284da5
```
#284da5 rgb(40,77,165)
```
#2842a5
```
#2842a5 rgb(40,66,165)
```
#2838a5
```
#2838a5 rgb(40,56,165)
```

Similar Colors

Text with hexadecimal color #2857a5

This text has a font color of #2857a5.

<span style="color:#2857a5;">Text here</span>

#2857a5 background color

This paragraph has a background color of #2857a5.

<p style="background-color:#2857a5;">Content here</p>

#2857a5 border color

This element has a border color of #2857a5.

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

CSS codes

.text {color:#2857a5;}

.background {background-color:#2857a5;}

.border {border:1px solid #2857a5;}

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

#020407
```
#020407 rgb(2,4,7)
```
#060c17
```
#060c17 rgb(6,12,23)
```
#091427
```
#091427 rgb(9,20,39)
```
#0d1d36
```
#0d1d36 rgb(13,29,54)
```
#112546
```
#112546 rgb(17,37,70)
```
#152d56
```
#152d56 rgb(21,45,86)
```
#193666
```
#193666 rgb(25,54,102)
```
#1d3e76
```
#1d3e76 rgb(29,62,118)
```
#204685
```
#204685 rgb(32,70,133)
```
#244f95
```
#244f95 rgb(36,79,149)
```
#2857a5
```
#2857a5 rgb(40,87,165)
```
#2c5fb5
```
#2c5fb5 rgb(44,95,181)
```
#3068c5
```
#3068c5 rgb(48,104,197)
```

Shade Color Variation

#3971cf
```
#3971cf rgb(57,113,207)
```
#497dd3
```
#497dd3 rgb(73,125,211)
```
#5888d7
```
#5888d7 rgb(88,136,215)
```
#6893da
```
#6893da rgb(104,147,218)
```
#789ede
```
#789ede rgb(120,158,222)
```
#88aae2
```
#88aae2 rgb(136,170,226)
```
#98b5e6
```
#98b5e6 rgb(152,181,230)
```
#a7c0ea
```
#a7c0ea rgb(167,192,234)
```
#b7ccee
```
#b7ccee rgb(183,204,238)
```
#c7d7f1
```
#c7d7f1 rgb(199,215,241)
```
#d7e2f5
```
#d7e2f5 rgb(215,226,245)
```
#e7eef9
```
#e7eef9 rgb(231,238,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#5f656e
```
#5f656e rgb(95,101,110)
```
#576376
```
#576376 rgb(87,99,118)
```
#4f617e
```
#4f617e rgb(79,97,126)
```
#485f85
```
#485f85 rgb(72,95,133)
```
#405d8d
```
#405d8d rgb(64,93,141)
```
#385b95
```
#385b95 rgb(56,91,149)
```
#30599d
```
#30599d rgb(48,89,157)
```
#2857a5
```
#2857a5 rgb(40,87,165)
```
#2055ad
```
#2055ad rgb(32,85,173)
```
#1853b5
```
#1853b5 rgb(24,83,181)
```
#1051bd
```
#1051bd rgb(16,81,189)
```
#084fc5
```
#084fc5 rgb(8,79,197)
```
#014dcc
```
#014dcc rgb(1,77,204)
```

Tone Color Variation

Below, you can see how #2857a5 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

#525252 Achromatopsia 0.005% of the population
#4a5363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#385fa9 Protanopia 1% of men
#0063a5 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#325ca7 Protanomaly 1% of men, 0.01% of women
#0e5ea5 Deuteranomaly 6% of men, 0.4% of women
#0e6384 Tritanomaly 0.01% of the population

#2857a5 hex color

#2857a5 Color Information

#2857a5 Color Conversion

Color Schemes with #2857a5

Alternatives to #2857a5

#2857a5 Preview

Shades and Tints of #2857a5

Tones of #2857a5

Color Blindness Simulator