#2896ec hex color

In a RGB color space, hex #2896ec is composed of 15.7% red, 58.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 36.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 206.3 degrees, a saturation of 83.8% and a lightness of 54.1%. #2896ec color hex could be obtained by blending #50ffff with #002dd9. Closest websafe color is: #3399ff.

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

● #2896ec color description : Bright blue.

The hexadecimal color #2896ec has RGB values of R:40, G:150, B:236 and CMYK values of C:0.83, M:0.36, Y:0, K:0.07. Its decimal value is 2660076.

Hex triplet	2896ec	`#2896ec`
RGB Decimal	40, 150, 236	`rgb(40,150,236)`
RGB Percent	15.7, 58.8, 92.5	`rgb(15.7%,58.8%,92.5%)`
CMYK	83, 36, 0, 7
HSL	206.3°, 83.8, 54.1	`hsl(206.3,83.8%,54.1%)`
HSV (or HSB)	206.3°, 83.1, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.175, 0.013, -51.656
XYZ	26.918, 28.318, 83.399
xyY	0.194, 0.204, 28.318
CIE-LCH	60.175, 51.656, 270.014
CIE-LUV	60.175, -34.759, -82.317
Hunter-Lab	53.214, -2.832, -55.672
Binary	00101000, 10010110, 11101100

#2896ec
```
#2896ec rgb(40,150,236)
```
#ec7e28
```
#ec7e28 rgb(236,126,40)
```

Complementary Color

#28ece0
```
#28ece0 rgb(40,236,224)
```
#2896ec
```
#2896ec rgb(40,150,236)
```
#2834ec
```
#2834ec rgb(40,52,236)
```

Analogous Color

#ece028
```
#ece028 rgb(236,224,40)
```
#2896ec
```
#2896ec rgb(40,150,236)
```
#ec2834
```
#ec2834 rgb(236,40,52)
```

Split Complementary Color

#96ec28
```
#96ec28 rgb(150,236,40)
```
#2896ec
```
#2896ec rgb(40,150,236)
```
#ec2896
```
#ec2896 rgb(236,40,150)
```

Triadic Color

#28ec7e
```
#28ec7e rgb(40,236,126)
```
#2896ec
```
#2896ec rgb(40,150,236)
```
#ec2896
```
#ec2896 rgb(236,40,150)
```
#ec7e28
```
#ec7e28 rgb(236,126,40)
```

Tetradic Color

#106eb7
```
#106eb7 rgb(16,110,183)
```
#127ccf
```
#127ccf rgb(18,124,207)
```
#148ae6
```
#148ae6 rgb(20,138,230)
```
#2896ec
```
#2896ec rgb(40,150,236)
```
#3fa1ee
```
#3fa1ee rgb(63,161,238)
```
#57adf0
```
#57adf0 rgb(87,173,240)
```
#6eb8f2
```
#6eb8f2 rgb(110,184,242)
```

Monochromatic Color

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

#28c7ec
```
#28c7ec rgb(40,199,236)
```
#28b7ec
```
#28b7ec rgb(40,183,236)
```
#28a6ec
```
#28a6ec rgb(40,166,236)
```
#2896ec
```
#2896ec rgb(40,150,236)
```
#2886ec
```
#2886ec rgb(40,134,236)
```
#2875ec
```
#2875ec rgb(40,117,236)
```
#2865ec
```
#2865ec rgb(40,101,236)
```

Similar Colors

Text with hexadecimal color #2896ec

This text has a font color of #2896ec.

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

#2896ec background color

This paragraph has a background color of #2896ec.

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

#2896ec border color

This element has a border color of #2896ec.

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

CSS codes

.text {color:#2896ec;}

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

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

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)
```
#020c13
```
#020c13 rgb(2,12,19)
```
#031625
```
#031625 rgb(3,22,37)
```
#052137
```
#052137 rgb(5,33,55)
```
#062c49
```
#062c49 rgb(6,44,73)
```
#08375b
```
#08375b rgb(8,55,91)
```
#0a426d
```
#0a426d rgb(10,66,109)
```
#0b4c7f
```
#0b4c7f rgb(11,76,127)
```
#0d5791
```
#0d5791 rgb(13,87,145)
```
#0e62a3
```
#0e62a3 rgb(14,98,163)
```
#106db5
```
#106db5 rgb(16,109,181)
```
#1278c8
```
#1278c8 rgb(18,120,200)
```
#1383da
```
#1383da rgb(19,131,218)
```

Shade Color Variation

#168dea
```
#168dea rgb(22,141,234)
```
#2896ec
```
#2896ec rgb(40,150,236)
```
#3a9fee
```
#3a9fee rgb(58,159,238)
```
#4ca8ef
```
#4ca8ef rgb(76,168,239)
```
#5eb0f1
```
#5eb0f1 rgb(94,176,241)
```
#70b9f2
```
#70b9f2 rgb(112,185,242)
```
#82c2f4
```
#82c2f4 rgb(130,194,244)
```
#94cbf6
```
#94cbf6 rgb(148,203,246)
```
#a6d4f7
```
#a6d4f7 rgb(166,212,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 #1698fe 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)
```
#4c92c8
```
#4c92c8 rgb(76,146,200)
```
#4393d1
```
#4393d1 rgb(67,147,209)
```
#3a94da
```
#3a94da rgb(58,148,218)
```
#3195e3
```
#3195e3 rgb(49,149,227)
```
#2896ec
```
#2896ec rgb(40,150,236)
```
#1f97f5
```
#1f97f5 rgb(31,151,245)
```
#1698fe
```
#1698fe rgb(22,152,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6e8495 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7494e7 Protanopia 1% of men
#5697ee Deuteranopia 1% of men
#00a5b0 Tritanopia 0.001% of the population

Trichromacy

#5894e8 Protanomaly 1% of men, 0.01% of women
#4597ed Deuteranomaly 6% of men, 0.4% of women
#0e9fc6 Tritanomaly 0.01% of the population

#2896ec hex color

#2896ec Color Information

#2896ec Color Conversion

Color Schemes with #2896ec

Alternatives to #2896ec

#2896ec Preview

Shades and Tints of #2896ec

Tones of #2896ec

Color Blindness Simulator