#2896ba hex color

In a RGB color space, hex #2896ba is composed of 15.7% red, 58.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 19.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 194.8 degrees, a saturation of 64.6% and a lightness of 44.3%. #2896ba color hex could be obtained by blending #50ffff with #002d75. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 59
- B 73
RGB color chart
- C 78
- M 19
- Y 0
- K 27
CMYK color chart

● #2896ba color description : Strong cyan.

The hexadecimal color #2896ba has RGB values of R:40, G:150, B:186 and CMYK values of C:0.78, M:0.19, Y:0, K:0.27. Its decimal value is 2660026.

Hex triplet	2896ba	`#2896ba`
RGB Decimal	40, 150, 186	`rgb(40,150,186)`
RGB Percent	15.7, 58.8, 72.9	`rgb(15.7%,58.8%,72.9%)`
CMYK	78, 19, 0, 27
HSL	194.8°, 64.6, 44.3	`hsl(194.8,64.6%,44.3%)`
HSV (or HSB)	194.8°, 78.5, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.854, -17.79, -27.321
XYZ	20.642, 25.807, 50.345
xyY	0.213, 0.267, 25.807
CIE-LCH	57.854, 32.602, 236.929
CIE-LUV	57.854, -37.662, -39.618
Hunter-Lab	50.801, -16.371, -23.198
Binary	00101000, 10010110, 10111010

#2896ba
```
#2896ba rgb(40,150,186)
```
#ba4c28
```
#ba4c28 rgb(186,76,40)
```

Complementary Color

#28ba95
```
#28ba95 rgb(40,186,149)
```
#2896ba
```
#2896ba rgb(40,150,186)
```
#284dba
```
#284dba rgb(40,77,186)
```

Analogous Color

#ba9528
```
#ba9528 rgb(186,149,40)
```
#2896ba
```
#2896ba rgb(40,150,186)
```
#ba284d
```
#ba284d rgb(186,40,77)
```

Split Complementary Color

#96ba28
```
#96ba28 rgb(150,186,40)
```
#2896ba
```
#2896ba rgb(40,150,186)
```
#ba2896
```
#ba2896 rgb(186,40,150)
```

Triadic Color

#28ba4c
```
#28ba4c rgb(40,186,76)
```
#2896ba
```
#2896ba rgb(40,150,186)
```
#ba2896
```
#ba2896 rgb(186,40,150)
```
#ba4c28
```
#ba4c28 rgb(186,76,40)
```

Tetradic Color

#1a637b
```
#1a637b rgb(26,99,123)
```
#1f7490
```
#1f7490 rgb(31,116,144)
```
#2385a5
```
#2385a5 rgb(35,133,165)
```
#2896ba
```
#2896ba rgb(40,150,186)
```
#2da7cf
```
#2da7cf rgb(45,167,207)
```
#3fb1d6
```
#3fb1d6 rgb(63,177,214)
```
#54b9da
```
#54b9da rgb(84,185,218)
```

Monochromatic Color

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

#28baba
```
#28baba rgb(40,186,186)
```
#28aeba
```
#28aeba rgb(40,174,186)
```
#28a2ba
```
#28a2ba rgb(40,162,186)
```
#2896ba
```
#2896ba rgb(40,150,186)
```
#288aba
```
#288aba rgb(40,138,186)
```
#287eba
```
#287eba rgb(40,126,186)
```
#2872ba
```
#2872ba rgb(40,114,186)
```

Similar Colors

Text with hexadecimal color #2896ba

This text has a font color of #2896ba.

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

#2896ba background color

This paragraph has a background color of #2896ba.

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

#2896ba border color

This element has a border color of #2896ba.

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

CSS codes

.text {color:#2896ba;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#051419
```
#051419 rgb(5,20,25)
```
#092129
```
#092129 rgb(9,33,41)
```
#0c2e39
```
#0c2e39 rgb(12,46,57)
```
#103b49
```
#103b49 rgb(16,59,73)
```
#134859
```
#134859 rgb(19,72,89)
```
#175569
```
#175569 rgb(23,85,105)
```
#1a6279
```
#1a6279 rgb(26,98,121)
```
#1e6f8a
```
#1e6f8a rgb(30,111,138)
```
#217c9a
```
#217c9a rgb(33,124,154)
```
#2589aa
```
#2589aa rgb(37,137,170)
```
#2896ba
```
#2896ba rgb(40,150,186)
```
#2ba3ca
```
#2ba3ca rgb(43,163,202)
```

Shade Color Variation

#36add4
```
#36add4 rgb(54,173,212)
```
#46b3d7
```
#46b3d7 rgb(70,179,215)
```
#56badb
```
#56badb rgb(86,186,219)
```
#66c0de
```
#66c0de rgb(102,192,222)
```
#76c7e2
```
#76c7e2 rgb(118,199,226)
```
#86cee5
```
#86cee5 rgb(134,206,229)
```
#96d4e9
```
#96d4e9 rgb(150,212,233)
```
#a7dbec
```
#a7dbec rgb(167,219,236)
```
#b7e1ef
```
#b7e1ef rgb(183,225,239)
```
#c7e8f3
```
#c7e8f3 rgb(199,232,243)
```
#d7eff6
```
#d7eff6 rgb(215,239,246)
```
#e7f5fa
```
#e7f5fa rgb(231,245,250)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7374 is the less saturated color, while #05a8dd is the most saturated one.

#6e7374
```
#6e7374 rgb(110,115,116)
```
#65777d
```
#65777d rgb(101,119,125)
```
#5c7c86
```
#5c7c86 rgb(92,124,134)
```
#53808f
```
#53808f rgb(83,128,143)
```
#4b8497
```
#4b8497 rgb(75,132,151)
```
#4289a0
```
#4289a0 rgb(66,137,160)
```
#398da9
```
#398da9 rgb(57,141,169)
```
#3192b1
```
#3192b1 rgb(49,146,177)
```
#2896ba
```
#2896ba rgb(40,150,186)
```
#1f9ac3
```
#1f9ac3 rgb(31,154,195)
```
#179fcb
```
#179fcb rgb(23,159,203)
```
#0ea3d4
```
#0ea3d4 rgb(14,163,212)
```
#05a8dd
```
#05a8dd rgb(5,168,221)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#697f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868fb5 Protanopia 1% of men
#808fc2 Deuteranopia 1% of men
#129eaa Tritanopia 0.001% of the population

Trichromacy

#6491b7 Protanomaly 1% of men, 0.01% of women
#6091bf Deuteranomaly 6% of men, 0.4% of women
#1a9bb0 Tritanomaly 0.01% of the population

#2896ba hex color

#2896ba Color Information

#2896ba Color Conversion

Color Schemes with #2896ba

Alternatives to #2896ba

#2896ba Preview

Shades and Tints of #2896ba

Tones of #2896ba

Color Blindness Simulator