#2895ed hex color

In a RGB color space, hex #2895ed is composed of 15.7% red, 58.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 37.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 206.8 degrees, a saturation of 84.5% and a lightness of 54.3%. #2895ed color hex could be obtained by blending #50ffff with #002bdb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 58
- B 93
RGB color chart
- C 83
- M 37
- Y 0
- K 7
CMYK color chart

● #2895ed color description : Bright blue.

The hexadecimal color #2895ed has RGB values of R:40, G:149, B:237 and CMYK values of C:0.83, M:0.37, Y:0, K:0.07. Its decimal value is 2659821.

Hex triplet	2895ed	`#2895ed`
RGB Decimal	40, 149, 237	`rgb(40,149,237)`
RGB Percent	15.7, 58.4, 92.9	`rgb(15.7%,58.4%,92.9%)`
CMYK	83, 37, 0, 7
HSL	206.8°, 84.5, 54.3	`hsl(206.8,84.5%,54.3%)`
HSV (or HSB)	206.8°, 83.1, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.941, 0.965, -52.58
XYZ	26.905, 28.058, 84.114
xyY	0.193, 0.202, 28.058
CIE-LCH	59.941, 52.588, 271.052
CIE-LUV	59.941, -34.382, -83.885
Hunter-Lab	52.97, -2.032, -57.071
Binary	00101000, 10010101, 11101101

#2895ed
```
#2895ed rgb(40,149,237)
```
#ed8028
```
#ed8028 rgb(237,128,40)
```

Complementary Color

#28ede3
```
#28ede3 rgb(40,237,227)
```
#2895ed
```
#2895ed rgb(40,149,237)
```
#2833ed
```
#2833ed rgb(40,51,237)
```

Analogous Color

#ede328
```
#ede328 rgb(237,227,40)
```
#2895ed
```
#2895ed rgb(40,149,237)
```
#ed2832
```
#ed2832 rgb(237,40,50)
```

Split Complementary Color

#95ed28
```
#95ed28 rgb(149,237,40)
```
#2895ed
```
#2895ed rgb(40,149,237)
```
#ed2895
```
#ed2895 rgb(237,40,149)
```

Triadic Color

#28ed80
```
#28ed80 rgb(40,237,128)
```
#2895ed
```
#2895ed rgb(40,149,237)
```
#ed2895
```
#ed2895 rgb(237,40,149)
```
#ed8028
```
#ed8028 rgb(237,128,40)
```

Tetradic Color

#0f6db9
```
#0f6db9 rgb(15,109,185)
```
#117bd1
```
#117bd1 rgb(17,123,209)
```
#1389e8
```
#1389e8 rgb(19,137,232)
```
#2895ed
```
#2895ed rgb(40,149,237)
```
#40a1ef
```
#40a1ef rgb(64,161,239)
```
#57acf1
```
#57acf1 rgb(87,172,241)
```
#6fb8f3
```
#6fb8f3 rgb(111,184,243)
```

Monochromatic Color

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

#28c6ed
```
#28c6ed rgb(40,198,237)
```
#28b6ed
```
#28b6ed rgb(40,182,237)
```
#28a5ed
```
#28a5ed rgb(40,165,237)
```
#2895ed
```
#2895ed rgb(40,149,237)
```
#2885ed
```
#2885ed rgb(40,133,237)
```
#2874ed
```
#2874ed rgb(40,116,237)
```
#2864ed
```
#2864ed rgb(40,100,237)
```

Similar Colors

Text with hexadecimal color #2895ed

This text has a font color of #2895ed.

<span style="color:#2895ed;">Text here</span>

#2895ed background color

This paragraph has a background color of #2895ed.

<p style="background-color:#2895ed;">Content here</p>

#2895ed border color

This element has a border color of #2895ed.

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

CSS codes

.text {color:#2895ed;}

.background {background-color:#2895ed;}

.border {border:1px solid #2895ed;}

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

#000102
```
#000102 rgb(0,1,2)
```
#020c14
```
#020c14 rgb(2,12,20)
```
#031726
```
#031726 rgb(3,23,38)
```
#052139
```
#052139 rgb(5,33,57)
```
#062c4b
```
#062c4b rgb(6,44,75)
```
#08375d
```
#08375d rgb(8,55,93)
```
#09416f
```
#09416f rgb(9,65,111)
```
#0b4c81
```
#0b4c81 rgb(11,76,129)
```
#0c5793
```
#0c5793 rgb(12,87,147)
```
#0e62a5
```
#0e62a5 rgb(14,98,165)
```
#0f6cb7
```
#0f6cb7 rgb(15,108,183)
```
#1177c9
```
#1177c9 rgb(17,119,201)
```
#1282db
```
#1282db rgb(18,130,219)
```

Shade Color Variation

#168ceb
```
#168ceb rgb(22,140,235)
```
#2895ed
```
#2895ed rgb(40,149,237)
```
#3a9eef
```
#3a9eef rgb(58,158,239)
```
#4ca7f0
```
#4ca7f0 rgb(76,167,240)
```
#5eb0f2
```
#5eb0f2 rgb(94,176,242)
```
#70b9f3
```
#70b9f3 rgb(112,185,243)
```
#83c2f5
```
#83c2f5 rgb(131,194,245)
```
#95cbf6
```
#95cbf6 rgb(149,203,246)
```
#a7d3f8
```
#a7d3f8 rgb(167,211,248)
```
#b9dcf9
```
#b9dcf9 rgb(185,220,249)
```
#cbe5fb
```
#cbe5fb rgb(203,229,251)
```
#ddeefc
```
#ddeefc rgb(221,238,252)
```
#eff7fe
```
#eff7fe rgb(239,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828b93 is the less saturated color, while #1697ff is the most saturated one.

#828b93
```
#828b93 rgb(130,139,147)
```
#798c9c
```
#798c9c rgb(121,140,156)
```
#708da5
```
#708da5 rgb(112,141,165)
```
#678eae
```
#678eae rgb(103,142,174)
```
#5e8fb7
```
#5e8fb7 rgb(94,143,183)
```
#5590c0
```
#5590c0 rgb(85,144,192)
```
#4c91c9
```
#4c91c9 rgb(76,145,201)
```
#4392d2
```
#4392d2 rgb(67,146,210)
```
#3a93db
```
#3a93db rgb(58,147,219)
```
#3194e4
```
#3194e4 rgb(49,148,228)
```
#2895ed
```
#2895ed rgb(40,149,237)
```
#1f96f6
```
#1f96f6 rgb(31,150,246)
```
#1697ff
```
#1697ff rgb(22,151,255)
```

Tone Color Variation

Below, you can see how #2895ed 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

#7e7e7e Achromatopsia 0.005% of the population
#6d8394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7293e8 Protanopia 1% of men
#5297ef Deuteranopia 1% of men
#00a4af Tritanopia 0.001% of the population

Trichromacy

#5794e9 Protanomaly 1% of men, 0.01% of women
#4396ee Deuteranomaly 6% of men, 0.4% of women
#0e9fc5 Tritanomaly 0.01% of the population

#2895ed hex color

#2895ed Color Information

#2895ed Color Conversion

Color Schemes with #2895ed

Alternatives to #2895ed

#2895ed Preview

Shades and Tints of #2895ed

Tones of #2895ed

Color Blindness Simulator