#2895ec hex color

In a RGB color space, hex #2895ec is composed of 15.7% red, 58.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 36.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 206.6 degrees, a saturation of 83.8% and a lightness of 54.1%. #2895ec color hex could be obtained by blending #50ffff with #002bd9. 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

● #2895ec color description : Bright blue.

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

Hex triplet	2895ec	`#2895ec`
RGB Decimal	40, 149, 236	`rgb(40,149,236)`
RGB Percent	15.7, 58.4, 92.5	`rgb(15.7%,58.4%,92.5%)`
CMYK	83, 37, 0, 7
HSL	206.6°, 83.8, 54.1	`hsl(206.6,83.8%,54.1%)`
HSV (or HSB)	206.6°, 83.1, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.889, 0.598, -52.11
XYZ	26.759, 28, 83.346
xyY	0.194, 0.203, 28
CIE-LCH	59.889, 52.114, 270.658
CIE-LUV	59.889, -34.433, -83.058
Hunter-Lab	52.915, -2.333, -56.348
Binary	00101000, 10010101, 11101100

#2895ec
```
#2895ec rgb(40,149,236)
```
#ec7f28
```
#ec7f28 rgb(236,127,40)
```

Complementary Color

#28ece1
```
#28ece1 rgb(40,236,225)
```
#2895ec
```
#2895ec rgb(40,149,236)
```
#2833ec
```
#2833ec rgb(40,51,236)
```

Analogous Color

#ece128
```
#ece128 rgb(236,225,40)
```
#2895ec
```
#2895ec rgb(40,149,236)
```
#ec2833
```
#ec2833 rgb(236,40,51)
```

Split Complementary Color

#95ec28
```
#95ec28 rgb(149,236,40)
```
#2895ec
```
#2895ec rgb(40,149,236)
```
#ec2895
```
#ec2895 rgb(236,40,149)
```

Triadic Color

#28ec7f
```
#28ec7f rgb(40,236,127)
```
#2895ec
```
#2895ec rgb(40,149,236)
```
#ec2895
```
#ec2895 rgb(236,40,149)
```
#ec7f28
```
#ec7f28 rgb(236,127,40)
```

Tetradic Color

#106db7
```
#106db7 rgb(16,109,183)
```
#127bcf
```
#127bcf rgb(18,123,207)
```
#1489e6
```
#1489e6 rgb(20,137,230)
```
#2895ec
```
#2895ec rgb(40,149,236)
```
#3fa1ee
```
#3fa1ee rgb(63,161,238)
```
#57acf0
```
#57acf0 rgb(87,172,240)
```
#6eb8f2
```
#6eb8f2 rgb(110,184,242)
```

Monochromatic Color

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

#28c6ec
```
#28c6ec rgb(40,198,236)
```
#28b6ec
```
#28b6ec rgb(40,182,236)
```
#28a5ec
```
#28a5ec rgb(40,165,236)
```
#2895ec
```
#2895ec rgb(40,149,236)
```
#2885ec
```
#2885ec rgb(40,133,236)
```
#2874ec
```
#2874ec rgb(40,116,236)
```
#2864ec
```
#2864ec rgb(40,100,236)
```

Similar Colors

Text with hexadecimal color #2895ec

This text has a font color of #2895ec.

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

#2895ec background color

This paragraph has a background color of #2895ec.

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

#2895ec border color

This element has a border color of #2895ec.

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

CSS codes

.text {color:#2895ec;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020b13
```
#020b13 rgb(2,11,19)
```
#031625
```
#031625 rgb(3,22,37)
```
#052137
```
#052137 rgb(5,33,55)
```
#062c49
```
#062c49 rgb(6,44,73)
```
#08365b
```
#08365b rgb(8,54,91)
```
#0a416d
```
#0a416d rgb(10,65,109)
```
#0b4c7f
```
#0b4c7f rgb(11,76,127)
```
#0d5791
```
#0d5791 rgb(13,87,145)
```
#0e61a3
```
#0e61a3 rgb(14,97,163)
```
#106cb5
```
#106cb5 rgb(16,108,181)
```
#1277c8
```
#1277c8 rgb(18,119,200)
```
#1382da
```
#1382da rgb(19,130,218)
```

Shade Color Variation

#168cea
```
#168cea rgb(22,140,234)
```
#2895ec
```
#2895ec rgb(40,149,236)
```
#3a9eee
```
#3a9eee rgb(58,158,238)
```
#4ca7ef
```
#4ca7ef rgb(76,167,239)
```
#5eb0f1
```
#5eb0f1 rgb(94,176,241)
```
#70b9f2
```
#70b9f2 rgb(112,185,242)
```
#82c1f4
```
#82c1f4 rgb(130,193,244)
```
#94caf6
```
#94caf6 rgb(148,202,246)
```
#a6d3f7
```
#a6d3f7 rgb(166,211,247)
```
#b8dcf9
```
#b8dcf9 rgb(184,220,249)
```
#cae5fa
```
#cae5fa rgb(202,229,250)
```
#dceefc
```
#dceefc rgb(220,238,252)
```
#eef7fe
```
#eef7fe rgb(238,247,254)
```

Tint Color Variation

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

#828b92
```
#828b92 rgb(130,139,146)
```
#798c9b
```
#798c9b rgb(121,140,155)
```
#708da4
```
#708da4 rgb(112,141,164)
```
#678ead
```
#678ead rgb(103,142,173)
```
#5e8fb6
```
#5e8fb6 rgb(94,143,182)
```
#5590bf
```
#5590bf rgb(85,144,191)
```
#4c91c8
```
#4c91c8 rgb(76,145,200)
```
#4392d1
```
#4392d1 rgb(67,146,209)
```
#3a93da
```
#3a93da rgb(58,147,218)
```
#3194e3
```
#3194e3 rgb(49,148,227)
```
#2895ec
```
#2895ec rgb(40,149,236)
```
#1f96f5
```
#1f96f5 rgb(31,150,245)
```
#1697fe
```
#1697fe rgb(22,151,254)
```

Tone Color Variation

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

#7293e7 Protanopia 1% of men
#5497ee Deuteranopia 1% of men
#00a4af Tritanopia 0.001% of the population

Trichromacy

#5793e8 Protanomaly 1% of men, 0.01% of women
#4496ed Deuteranomaly 6% of men, 0.4% of women
#0e9fc5 Tritanomaly 0.01% of the population

#2895ec hex color

#2895ec Color Information

#2895ec Color Conversion

Color Schemes with #2895ec

Alternatives to #2895ec

#2895ec Preview

Shades and Tints of #2895ec

Tones of #2895ec

Color Blindness Simulator