#2857f7 hex color

In a RGB color space, hex #2857f7 is composed of 15.7% red, 34.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 64.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 226.4 degrees, a saturation of 92.8% and a lightness of 56.3%. #2857f7 color hex could be obtained by blending #50aeff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 34
- B 97
RGB color chart
- C 84
- M 65
- Y 0
- K 3
CMYK color chart

● #2857f7 color description : Bright blue.

The hexadecimal color #2857f7 has RGB values of R:40, G:87, B:247 and CMYK values of C:0.84, M:0.65, Y:0, K:0.03. Its decimal value is 2643959.

Hex triplet	2857f7	`#2857f7`
RGB Decimal	40, 87, 247	`rgb(40,87,247)`
RGB Percent	15.7, 34.1, 96.9	`rgb(15.7%,34.1%,96.9%)`
CMYK	84, 65, 0, 3
HSL	226.4°, 92.8, 56.3	`hsl(226.4,92.8%,56.3%)`
HSV (or HSB)	226.4°, 83.8, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.206, 43.09, -83.6
XYZ	21.068, 13.981, 89.579
xyY	0.169, 0.112, 13.981
CIE-LCH	44.206, 94.052, 297.268
CIE-LUV	44.206, -16.742, -124.38
Hunter-Lab	37.392, 35.141, -115.867
Binary	00101000, 01010111, 11110111

#2857f7
```
#2857f7 rgb(40,87,247)
```
#f7c828
```
#f7c828 rgb(247,200,40)
```

Complementary Color

#28bff7
```
#28bff7 rgb(40,191,247)
```
#2857f7
```
#2857f7 rgb(40,87,247)
```
#6128f7
```
#6128f7 rgb(97,40,247)
```

Analogous Color

#bff728
```
#bff728 rgb(191,247,40)
```
#2857f7
```
#2857f7 rgb(40,87,247)
```
#f76028
```
#f76028 rgb(247,96,40)
```

Split Complementary Color

#57f728
```
#57f728 rgb(87,247,40)
```
#2857f7
```
#2857f7 rgb(40,87,247)
```
#f72857
```
#f72857 rgb(247,40,87)
```

Triadic Color

#28f7c8
```
#28f7c8 rgb(40,247,200)
```
#2857f7
```
#2857f7 rgb(40,87,247)
```
#f72857
```
#f72857 rgb(247,40,87)
```
#f7c828
```
#f7c828 rgb(247,200,40)
```

Tetradic Color

#0834cb
```
#0834cb rgb(8,52,203)
```
#083ae4
```
#083ae4 rgb(8,58,228)
```
#0f44f6
```
#0f44f6 rgb(15,68,246)
```
#2857f7
```
#2857f7 rgb(40,87,247)
```
#416af8
```
#416af8 rgb(65,106,248)
```
#597df9
```
#597df9 rgb(89,125,249)
```
#7291fa
```
#7291fa rgb(114,145,250)
```

Monochromatic Color

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

#288bf7
```
#288bf7 rgb(40,139,247)
```
#287af7
```
#287af7 rgb(40,122,247)
```
#2868f7
```
#2868f7 rgb(40,104,247)
```
#2857f7
```
#2857f7 rgb(40,87,247)
```
#2846f7
```
#2846f7 rgb(40,70,247)
```
#2835f7
```
#2835f7 rgb(40,53,247)
```
#2d28f7
```
#2d28f7 rgb(45,40,247)
```

Similar Colors

Text with hexadecimal color #2857f7

This text has a font color of #2857f7.

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

#2857f7 background color

This paragraph has a background color of #2857f7.

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

#2857f7 border color

This element has a border color of #2857f7.

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

CSS codes

.text {color:#2857f7;}

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

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

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, #00030c is the darkest color, while #f8faff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#01081f
```
#01081f rgb(1,8,31)
```
#020d32
```
#020d32 rgb(2,13,50)
```
#031245
```
#031245 rgb(3,18,69)
```
#031658
```
#031658 rgb(3,22,88)
```
#041b6a
```
#041b6a rgb(4,27,106)
```
#05207d
```
#05207d rgb(5,32,125)
```
#052590
```
#052590 rgb(5,37,144)
```
#062aa3
```
#062aa3 rgb(6,42,163)
```
#072fb6
```
#072fb6 rgb(7,47,182)
```
#0733c9
```
#0733c9 rgb(7,51,201)
```
#0838dc
```
#0838dc rgb(8,56,220)
```
#093def
```
#093def rgb(9,61,239)
```

Shade Color Variation

#1548f6
```
#1548f6 rgb(21,72,246)
```
#2857f7
```
#2857f7 rgb(40,87,247)
```
#3b66f8
```
#3b66f8 rgb(59,102,248)
```
#4e75f8
```
#4e75f8 rgb(78,117,248)
```
#6183f9
```
#6183f9 rgb(97,131,249)
```
#7492fa
```
#7492fa rgb(116,146,250)
```
#87a1fb
```
#87a1fb rgb(135,161,251)
```
#99b0fb
```
#99b0fb rgb(153,176,251)
```
#acbefc
```
#acbefc rgb(172,190,252)
```
#bfcdfd
```
#bfcdfd rgb(191,205,253)
```
#d2dcfd
```
#d2dcfd rgb(210,220,253)
```
#e5ebfe
```
#e5ebfe rgb(229,235,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f90 is the less saturated color, while #2857f7 is the most saturated one.

#8f8f90
```
#8f8f90 rgb(143,143,144)
```
#868b99
```
#868b99 rgb(134,139,153)
```
#7e86a1
```
#7e86a1 rgb(126,134,161)
```
#7581aa
```
#7581aa rgb(117,129,170)
```
#6d7cb2
```
#6d7cb2 rgb(109,124,178)
```
#6478bb
```
#6478bb rgb(100,120,187)
```
#5b73c4
```
#5b73c4 rgb(91,115,196)
```
#536ecc
```
#536ecc rgb(83,110,204)
```
#4a6ad5
```
#4a6ad5 rgb(74,106,213)
```
#4265dd
```
#4265dd rgb(66,101,221)
```
#3960e6
```
#3960e6 rgb(57,96,230)
```
#315cee
```
#315cee rgb(49,92,238)
```
#2857f7
```
#2857f7 rgb(40,87,247)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#515a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0e65e1 Protanomaly 1% of men, 0.01% of women
#0e69cf Deuteranomaly 6% of men, 0.4% of women
#0e6eac Tritanomaly 0.01% of the population

#2857f7 hex color

#2857f7 Color Information

#2857f7 Color Conversion

Color Schemes with #2857f7

Alternatives to #2857f7

#2857f7 Preview

Shades and Tints of #2857f7

Tones of #2857f7

Color Blindness Simulator