#2d57c7 hex color

In a RGB color space, hex #2d57c7 is composed of 17.6% red, 34.1% green and 78% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 56.3% magenta, 0% yellow and 22% black. It has a hue angle of 223.6 degrees, a saturation of 63.1% and a lightness of 47.8%. #2d57c7 color hex could be obtained by blending #5aaeff with #00008f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 34
- B 78
RGB color chart
- C 77
- M 56
- Y 0
- K 22
CMYK color chart

● #2d57c7 color description : Strong blue.

The hexadecimal color #2d57c7 has RGB values of R:45, G:87, B:199 and CMYK values of C:0.77, M:0.56, Y:0, K:0.22. Its decimal value is 2971591.

Hex triplet	2d57c7	`#2d57c7`
RGB Decimal	45, 87, 199	`rgb(45,87,199)`
RGB Percent	17.6, 34.1, 78	`rgb(17.6%,34.1%,78%)`
CMYK	77, 56, 0, 22
HSL	223.6°, 63.1, 47.8	`hsl(223.6,63.1%,47.8%)`
HSV (or HSB)	223.6°, 77.4, 78
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.405, 25.853, -62.483
XYZ	14.797, 11.497, 55.469
xyY	0.181, 0.141, 11.497
CIE-LCH	40.405, 67.62, 292.478
CIE-LUV	40.405, -16.009, -92.321
Hunter-Lab	33.907, 18.561, -73.259
Binary	00101101, 01010111, 11000111

#2d57c7
```
#2d57c7 rgb(45,87,199)
```
#c79d2d
```
#c79d2d rgb(199,157,45)
```

Complementary Color

#2da4c7
```
#2da4c7 rgb(45,164,199)
```
#2d57c7
```
#2d57c7 rgb(45,87,199)
```
#502dc7
```
#502dc7 rgb(80,45,199)
```

Analogous Color

#a4c72d
```
#a4c72d rgb(164,199,45)
```
#2d57c7
```
#2d57c7 rgb(45,87,199)
```
#c7502d
```
#c7502d rgb(199,80,45)
```

Split Complementary Color

#57c72d
```
#57c72d rgb(87,199,45)
```
#2d57c7
```
#2d57c7 rgb(45,87,199)
```
#c72d57
```
#c72d57 rgb(199,45,87)
```

Triadic Color

#2dc79d
```
#2dc79d rgb(45,199,157)
```
#2d57c7
```
#2d57c7 rgb(45,87,199)
```
#c72d57
```
#c72d57 rgb(199,45,87)
```
#c79d2d
```
#c79d2d rgb(199,157,45)
```

Tetradic Color

#1f3c89
```
#1f3c89 rgb(31,60,137)
```
#24459d
```
#24459d rgb(36,69,157)
```
#284eb2
```
#284eb2 rgb(40,78,178)
```
#2d57c7
```
#2d57c7 rgb(45,87,199)
```
#3b64d3
```
#3b64d3 rgb(59,100,211)
```
#5075d7
```
#5075d7 rgb(80,117,215)
```
#6485dc
```
#6485dc rgb(100,133,220)
```

Monochromatic Color

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

#2d7ec7
```
#2d7ec7 rgb(45,126,199)
```
#2d71c7
```
#2d71c7 rgb(45,113,199)
```
#2d64c7
```
#2d64c7 rgb(45,100,199)
```
#2d57c7
```
#2d57c7 rgb(45,87,199)
```
#2d4ac7
```
#2d4ac7 rgb(45,74,199)
```
#2d3dc7
```
#2d3dc7 rgb(45,61,199)
```
#2d31c7
```
#2d31c7 rgb(45,49,199)
```

Similar Colors

Text with hexadecimal color #2d57c7

This text has a font color of #2d57c7.

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

#2d57c7 background color

This paragraph has a background color of #2d57c7.

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

#2d57c7 border color

This element has a border color of #2d57c7.

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

CSS codes

.text {color:#2d57c7;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#050a17
```
#050a17 rgb(5,10,23)
```
#091127
```
#091127 rgb(9,17,39)
```
#0c1837
```
#0c1837 rgb(12,24,55)
```
#101f47
```
#101f47 rgb(16,31,71)
```
#142657
```
#142657 rgb(20,38,87)
```
#172d67
```
#172d67 rgb(23,45,103)
```
#1b3477
```
#1b3477 rgb(27,52,119)
```
#1f3b87
```
#1f3b87 rgb(31,59,135)
```
#224297
```
#224297 rgb(34,66,151)
```
#2649a7
```
#2649a7 rgb(38,73,167)
```
#2950b7
```
#2950b7 rgb(41,80,183)
```
#2d57c7
```
#2d57c7 rgb(45,87,199)
```

Shade Color Variation

#3660d2
```
#3660d2 rgb(54,96,210)
```
#466dd5
```
#466dd5 rgb(70,109,213)
```
#567ad9
```
#567ad9 rgb(86,122,217)
```
#6686dc
```
#6686dc rgb(102,134,220)
```
#7693e0
```
#7693e0 rgb(118,147,224)
```
#86a0e4
```
#86a0e4 rgb(134,160,228)
```
#96ace7
```
#96ace7 rgb(150,172,231)
```
#a6b9eb
```
#a6b9eb rgb(166,185,235)
```
#b6c5ef
```
#b6c5ef rgb(182,197,239)
```
#c6d2f2
```
#c6d2f2 rgb(198,210,242)
```
#d6dff6
```
#d6dff6 rgb(214,223,246)
```
#e6ebf9
```
#e6ebf9 rgb(230,235,249)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78797c is the less saturated color, while #0746ed is the most saturated one.

#78797c
```
#78797c rgb(120,121,124)
```
#6f7585
```
#6f7585 rgb(111,117,133)
```
#65718f
```
#65718f rgb(101,113,143)
```
#5c6c98
```
#5c6c98 rgb(92,108,152)
```
#5368a1
```
#5368a1 rgb(83,104,161)
```
#4964ab
```
#4964ab rgb(73,100,171)
```
#4060b4
```
#4060b4 rgb(64,96,180)
```
#365bbe
```
#365bbe rgb(54,91,190)
```
#2d57c7
```
#2d57c7 rgb(45,87,199)
```
#2453d0
```
#2453d0 rgb(36,83,208)
```
#1a4eda
```
#1a4eda rgb(26,78,218)
```
#114ae3
```
#114ae3 rgb(17,74,227)
```
#0746ed
```
#0746ed rgb(7,70,237)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f576d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#0069ac Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#105fc5 Protanomaly 1% of men, 0.01% of women
#1063b5 Deuteranomaly 6% of men, 0.4% of women
#106895 Tritanomaly 0.01% of the population

#2d57c7 hex color

#2d57c7 Color Information

#2d57c7 Color Conversion

Color Schemes with #2d57c7

Alternatives to #2d57c7

#2d57c7 Preview

Shades and Tints of #2d57c7

Tones of #2d57c7

Color Blindness Simulator