colorhexa.com

#2857ac hex color

In a RGB color space, hex #2857ac is composed of 15.7% red, 34.1% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 49.4% magenta, 0% yellow and 32.5% black. It has a hue angle of 218.6 degrees, a saturation of 62.3% and a lightness of 41.6%. #2857ac color hex could be obtained by blending #50aeff with #000059. Closest websafe color is: #336699.

- R 16
- G 34
- B 67
RGB color chart
- C 77
- M 49
- Y 0
- K 33
CMYK color chart

● #2857ac color description : Dark blue.

The hexadecimal color #2857ac has RGB values of R:40, G:87, B:172 and CMYK values of C:0.77, M:0.49, Y:0, K:0.33. Its decimal value is 2643884.

Hex triplet	2857ac	`#2857ac`
RGB Decimal	40, 87, 172	`rgb(40,87,172)`
RGB Percent	15.7, 34.1, 67.5	`rgb(15.7%,34.1%,67.5%)`
CMYK	77, 49, 0, 33
HSL	218.6°, 62.3, 41.6	`hsl(218.6,62.3%,41.6%)`
HSV (or HSB)	218.6°, 76.7, 67.5
Web Safe	336699	`#336699`

CIE-LAB	38.279, 14.962, -50.116
XYZ	11.728, 10.245, 40.387
xyY	0.188, 0.164, 10.245
CIE-LCH	38.279, 52.302, 286.623
CIE-LUV	38.279, -16.987, -72.938
Hunter-Lab	32.008, 9.39, -52.405
Binary	00101000, 01010111, 10101100

#2857ac
```
#2857ac rgb(40,87,172)
```
#ac7d28
```
#ac7d28 rgb(172,125,40)
```

Complementary Color

#2899ac
```
#2899ac rgb(40,153,172)
```
#2857ac
```
#2857ac rgb(40,87,172)
```
#3b28ac
```
#3b28ac rgb(59,40,172)
```

Analogous Color

#99ac28
```
#99ac28 rgb(153,172,40)
```
#2857ac
```
#2857ac rgb(40,87,172)
```
#ac3b28
```
#ac3b28 rgb(172,59,40)
```

Split Complementary Color

#57ac28
```
#57ac28 rgb(87,172,40)
```
#2857ac
```
#2857ac rgb(40,87,172)
```
#ac2857
```
#ac2857 rgb(172,40,87)
```

Triadic Color

#28ac7d
```
#28ac7d rgb(40,172,125)
```
#2857ac
```
#2857ac rgb(40,87,172)
```
#ac2857
```
#ac2857 rgb(172,40,87)
```
#ac7d28
```
#ac7d28 rgb(172,125,40)
```

Tetradic Color

#1a386e
```
#1a386e rgb(26,56,110)
```
#1e4283
```
#1e4283 rgb(30,66,131)
```
#234d97
```
#234d97 rgb(35,77,151)
```
#2857ac
```
#2857ac rgb(40,87,172)
```
#2d61c1
```
#2d61c1 rgb(45,97,193)
```
#376dd0
```
#376dd0 rgb(55,109,208)
```
#4b7cd5
```
#4b7cd5 rgb(75,124,213)
```

Monochromatic Color

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

#2878ac
```
#2878ac rgb(40,120,172)
```
#286dac
```
#286dac rgb(40,109,172)
```
#2862ac
```
#2862ac rgb(40,98,172)
```
#2857ac
```
#2857ac rgb(40,87,172)
```
#284cac
```
#284cac rgb(40,76,172)
```
#2841ac
```
#2841ac rgb(40,65,172)
```
#2836ac
```
#2836ac rgb(40,54,172)
```

Similar Colors

Text with hexadecimal color #2857ac

This text has a font color of #2857ac.

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

#2857ac background color

This paragraph has a background color of #2857ac.

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

#2857ac border color

This element has a border color of #2857ac.

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

CSS codes

.text {color:#2857ac;}

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

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

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, #03070d is the darkest color, while #fcfdfe is the lightest one.

#03070d
```
#03070d rgb(3,7,13)
```
#070f1d
```
#070f1d rgb(7,15,29)
```
#0a172d
```
#0a172d rgb(10,23,45)
```
#0e1f3d
```
#0e1f3d rgb(14,31,61)
```
#12274d
```
#12274d rgb(18,39,77)
```
#152f5c
```
#152f5c rgb(21,47,92)
```
#19376c
```
#19376c rgb(25,55,108)
```
#1d3f7c
```
#1d3f7c rgb(29,63,124)
```
#21478c
```
#21478c rgb(33,71,140)
```
#244f9c
```
#244f9c rgb(36,79,156)
```
#2857ac
```
#2857ac rgb(40,87,172)
```
#2c5fbc
```
#2c5fbc rgb(44,95,188)
```
#2f67cc
```
#2f67cc rgb(47,103,204)
```

Shade Color Variation

#3d72d2
```
#3d72d2 rgb(61,114,210)
```
#4d7ed6
```
#4d7ed6 rgb(77,126,214)
```
#5d89d9
```
#5d89d9 rgb(93,137,217)
```
#6d95dd
```
#6d95dd rgb(109,149,221)
```
#7da0e1
```
#7da0e1 rgb(125,160,225)
```
#8dace4
```
#8dace4 rgb(141,172,228)
```
#9cb7e8
```
#9cb7e8 rgb(156,183,232)
```
#acc3ec
```
#acc3ec rgb(172,195,236)
```
#bccfef
```
#bccfef rgb(188,207,239)
```
#ccdaf3
```
#ccdaf3 rgb(204,218,243)
```
#dce6f7
```
#dce6f7 rgb(220,230,247)
```
#ecf1fb
```
#ecf1fb rgb(236,241,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696a6b is the less saturated color, while #074ecd is the most saturated one.

#696a6b
```
#696a6b rgb(105,106,107)
```
#616773
```
#616773 rgb(97,103,115)
```
#59657b
```
#59657b rgb(89,101,123)
```
#516383
```
#516383 rgb(81,99,131)
```
#49608b
```
#49608b rgb(73,96,139)
```
#405e94
```
#405e94 rgb(64,94,148)
```
#385c9c
```
#385c9c rgb(56,92,156)
```
#3059a4
```
#3059a4 rgb(48,89,164)
```
#2857ac
```
#2857ac rgb(40,87,172)
```
#2055b4
```
#2055b4 rgb(32,85,180)
```
#1852bc
```
#1852bc rgb(24,82,188)
```
#1050c4
```
#1050c4 rgb(16,80,196)
```
#074ecd
```
#074ecd rgb(7,78,205)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4a5465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3060b0 Protanopia 1% of men
#0064a6 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2d5cae Protanomaly 1% of men, 0.01% of women
#0e5fa8 Deuteranomaly 6% of men, 0.4% of women
#0e6487 Tritanomaly 0.01% of the population