#2857e0 hex color

In a RGB color space, hex #2857e0 is composed of 15.7% red, 34.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 61.2% magenta, 0% yellow and 12.2% black. It has a hue angle of 224.7 degrees, a saturation of 74.8% and a lightness of 51.8%. #2857e0 color hex could be obtained by blending #50aeff with #0000c1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 34
- B 88
RGB color chart
- C 82
- M 61
- Y 0
- K 12
CMYK color chart

● #2857e0 color description : Bright blue.

The hexadecimal color #2857e0 has RGB values of R:40, G:87, B:224 and CMYK values of C:0.82, M:0.61, Y:0, K:0.12. Its decimal value is 2643936.

Hex triplet	2857e0	`#2857e0`
RGB Decimal	40, 87, 224	`rgb(40,87,224)`
RGB Percent	15.7, 34.1, 87.8	`rgb(15.7%,34.1%,87.8%)`
CMYK	82, 61, 0, 12
HSL	224.7°, 74.8, 51.8	`hsl(224.7,74.8%,51.8%)`
HSV (or HSB)	224.7°, 82.1, 87.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.228, 34.733, -73.868
XYZ	17.735, 12.648, 72.024
xyY	0.173, 0.124, 12.648
CIE-LCH	42.228, 81.627, 295.183
CIE-LUV	42.228, -16.656, -109.553
Hunter-Lab	35.564, 26.777, -95.178
Binary	00101000, 01010111, 11100000

#2857e0
```
#2857e0 rgb(40,87,224)
```
#e0b128
```
#e0b128 rgb(224,177,40)
```

Complementary Color

#28b3e0
```
#28b3e0 rgb(40,179,224)
```
#2857e0
```
#2857e0 rgb(40,87,224)
```
#5528e0
```
#5528e0 rgb(85,40,224)
```

Analogous Color

#b3e028
```
#b3e028 rgb(179,224,40)
```
#2857e0
```
#2857e0 rgb(40,87,224)
```
#e05528
```
#e05528 rgb(224,85,40)
```

Split Complementary Color

#57e028
```
#57e028 rgb(87,224,40)
```
#2857e0
```
#2857e0 rgb(40,87,224)
```
#e02857
```
#e02857 rgb(224,40,87)
```

Triadic Color

#28e0b1
```
#28e0b1 rgb(40,224,177)
```
#2857e0
```
#2857e0 rgb(40,87,224)
```
#e02857
```
#e02857 rgb(224,40,87)
```
#e0b128
```
#e0b128 rgb(224,177,40)
```

Tetradic Color

#183ba4
```
#183ba4 rgb(24,59,164)
```
#1b44ba
```
#1b44ba rgb(27,68,186)
```
#1e4cd0
```
#1e4cd0 rgb(30,76,208)
```
#2857e0
```
#2857e0 rgb(40,87,224)
```
#3e68e3
```
#3e68e3 rgb(62,104,227)
```
#557ae6
```
#557ae6 rgb(85,122,230)
```
#6b8bea
```
#6b8bea rgb(107,139,234)
```

Monochromatic Color

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

#2885e0
```
#2885e0 rgb(40,133,224)
```
#2876e0
```
#2876e0 rgb(40,118,224)
```
#2866e0
```
#2866e0 rgb(40,102,224)
```
#2857e0
```
#2857e0 rgb(40,87,224)
```
#2848e0
```
#2848e0 rgb(40,72,224)
```
#2838e0
```
#2838e0 rgb(40,56,224)
```
#2829e0
```
#2829e0 rgb(40,41,224)
```

Similar Colors

Text with hexadecimal color #2857e0

This text has a font color of #2857e0.

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

#2857e0 background color

This paragraph has a background color of #2857e0.

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

#2857e0 border color

This element has a border color of #2857e0.

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

CSS codes

.text {color:#2857e0;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#040919
```
#040919 rgb(4,9,25)
```
#060f2a
```
#060f2a rgb(6,15,42)
```
#09163b
```
#09163b rgb(9,22,59)
```
#0b1c4c
```
#0b1c4c rgb(11,28,76)
```
#0d225e
```
#0d225e rgb(13,34,94)
```
#10286f
```
#10286f rgb(16,40,111)
```
#122e80
```
#122e80 rgb(18,46,128)
```
#153591
```
#153591 rgb(21,53,145)
```
#173ba2
```
#173ba2 rgb(23,59,162)
```
#1a41b3
```
#1a41b3 rgb(26,65,179)
```
#1c47c4
```
#1c47c4 rgb(28,71,196)
```
#1f4dd6
```
#1f4dd6 rgb(31,77,214)
```

Shade Color Variation

#2857e0
```
#2857e0 rgb(40,87,224)
```
#3964e2
```
#3964e2 rgb(57,100,226)
```
#4a72e5
```
#4a72e5 rgb(74,114,229)
```
#5b7fe7
```
#5b7fe7 rgb(91,127,231)
```
#6d8dea
```
#6d8dea rgb(109,141,234)
```
#7e9aec
```
#7e9aec rgb(126,154,236)
```
#8fa7ef
```
#8fa7ef rgb(143,167,239)
```
#a0b5f1
```
#a0b5f1 rgb(160,181,241)
```
#b1c2f4
```
#b1c2f4 rgb(177,194,244)
```
#c2d0f6
```
#c2d0f6 rgb(194,208,246)
```
#d3ddf9
```
#d3ddf9 rgb(211,221,249)
```
#e5eafb
```
#e5eafb rgb(229,234,251)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d818b is the less saturated color, while #0c49fc is the most saturated one.

#7d818b
```
#7d818b rgb(125,129,139)
```
#747c94
```
#747c94 rgb(116,124,148)
```
#6a779e
```
#6a779e rgb(106,119,158)
```
#6173a7
```
#6173a7 rgb(97,115,167)
```
#576eb1
```
#576eb1 rgb(87,110,177)
```
#4e6aba
```
#4e6aba rgb(78,106,186)
```
#4465c4
```
#4465c4 rgb(68,101,196)
```
#3b60cd
```
#3b60cd rgb(59,96,205)
```
#315cd7
```
#315cd7 rgb(49,92,215)
```
#2857e0
```
#2857e0 rgb(40,87,224)
```
#1f52e9
```
#1f52e9 rgb(31,82,233)
```
#154ef3
```
#154ef3 rgb(21,78,243)
```
#0c49fc
```
#0c49fc rgb(12,73,252)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4f5974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#0e62d3 Protanomaly 1% of men, 0.01% of women
#0e65c2 Deuteranomaly 6% of men, 0.4% of women
#0e6aa0 Tritanomaly 0.01% of the population

#2857e0 hex color

#2857e0 Color Information

#2857e0 Color Conversion

Color Schemes with #2857e0

Alternatives to #2857e0

#2857e0 Preview

Shades and Tints of #2857e0

Tones of #2857e0

Color Blindness Simulator