#2896cb hex color

In a RGB color space, hex #2896cb is composed of 15.7% red, 58.8% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 26.1% magenta, 0% yellow and 20.4% black. It has a hue angle of 199.5 degrees, a saturation of 67.1% and a lightness of 47.6%. #2896cb color hex could be obtained by blending #50ffff with #002d97. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 59
- B 80
RGB color chart
- C 80
- M 26
- Y 0
- K 20
CMYK color chart

● #2896cb color description : Strong blue.

The hexadecimal color #2896cb has RGB values of R:40, G:150, B:203 and CMYK values of C:0.8, M:0.26, Y:0, K:0.2. Its decimal value is 2660043.

Hex triplet	2896cb	`#2896cb`
RGB Decimal	40, 150, 203	`rgb(40,150,203)`
RGB Percent	15.7, 58.8, 79.6	`rgb(15.7%,58.8%,79.6%)`
CMYK	80, 26, 0, 20
HSL	199.5°, 67.1, 47.6	`hsl(199.5,67.1%,47.6%)`
HSV (or HSB)	199.5°, 80.3, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.578, -11.885, -35.784
XYZ	22.558, 26.574, 60.437
xyY	0.206, 0.243, 26.574
CIE-LCH	58.578, 37.706, 251.627
CIE-LUV	58.578, -36.605, -54.348
Hunter-Lab	51.55, -12.1, -33.427
Binary	00101000, 10010110, 11001011

#2896cb
```
#2896cb rgb(40,150,203)
```
#cb5d28
```
#cb5d28 rgb(203,93,40)
```

Complementary Color

#28cbaf
```
#28cbaf rgb(40,203,175)
```
#2896cb
```
#2896cb rgb(40,150,203)
```
#2845cb
```
#2845cb rgb(40,69,203)
```

Analogous Color

#cbaf28
```
#cbaf28 rgb(203,175,40)
```
#2896cb
```
#2896cb rgb(40,150,203)
```
#cb2845
```
#cb2845 rgb(203,40,69)
```

Split Complementary Color

#96cb28
```
#96cb28 rgb(150,203,40)
```
#2896cb
```
#2896cb rgb(40,150,203)
```
#cb2896
```
#cb2896 rgb(203,40,150)
```

Triadic Color

#28cb5d
```
#28cb5d rgb(40,203,93)
```
#2896cb
```
#2896cb rgb(40,150,203)
```
#cb2896
```
#cb2896 rgb(203,40,150)
```
#cb5d28
```
#cb5d28 rgb(203,93,40)
```

Tetradic Color

#1b678b
```
#1b678b rgb(27,103,139)
```
#2077a0
```
#2077a0 rgb(32,119,160)
```
#2486b6
```
#2486b6 rgb(36,134,182)
```
#2896cb
```
#2896cb rgb(40,150,203)
```
#35a3d7
```
#35a3d7 rgb(53,163,215)
```
#4bacdb
```
#4bacdb rgb(75,172,219)
```
#60b6e0
```
#60b6e0 rgb(96,182,224)
```

Monochromatic Color

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

#28bfcb
```
#28bfcb rgb(40,191,203)
```
#28b1cb
```
#28b1cb rgb(40,177,203)
```
#28a4cb
```
#28a4cb rgb(40,164,203)
```
#2896cb
```
#2896cb rgb(40,150,203)
```
#2888cb
```
#2888cb rgb(40,136,203)
```
#287bcb
```
#287bcb rgb(40,123,203)
```
#286dcb
```
#286dcb rgb(40,109,203)
```

Similar Colors

Text with hexadecimal color #2896cb

This text has a font color of #2896cb.

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

#2896cb background color

This paragraph has a background color of #2896cb.

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

#2896cb border color

This element has a border color of #2896cb.

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

CSS codes

.text {color:#2896cb;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#041117
```
#041117 rgb(4,17,23)
```
#081d27
```
#081d27 rgb(8,29,39)
```
#0b2938
```
#0b2938 rgb(11,41,56)
```
#0e3548
```
#0e3548 rgb(14,53,72)
```
#114158
```
#114158 rgb(17,65,88)
```
#154d69
```
#154d69 rgb(21,77,105)
```
#185979
```
#185979 rgb(24,89,121)
```
#1b6689
```
#1b6689 rgb(27,102,137)
```
#1e729a
```
#1e729a rgb(30,114,154)
```
#227eaa
```
#227eaa rgb(34,126,170)
```
#258abb
```
#258abb rgb(37,138,187)
```
#2896cb
```
#2896cb rgb(40,150,203)
```

Shade Color Variation

#30a0d6
```
#30a0d6 rgb(48,160,214)
```
#41a8da
```
#41a8da rgb(65,168,218)
```
#51afdd
```
#51afdd rgb(81,175,221)
```
#61b7e0
```
#61b7e0 rgb(97,183,224)
```
#72bee3
```
#72bee3 rgb(114,190,227)
```
#82c6e6
```
#82c6e6 rgb(130,198,230)
```
#93cdea
```
#93cdea rgb(147,205,234)
```
#a3d5ed
```
#a3d5ed rgb(163,213,237)
```
#b3dcf0
```
#b3dcf0 rgb(179,220,240)
```
#c4e4f3
```
#c4e4f3 rgb(196,228,243)
```
#d4ebf7
```
#d4ebf7 rgb(212,235,247)
```
#e5f3fa
```
#e5f3fa rgb(229,243,250)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737c80 is the less saturated color, while #03a3f0 is the most saturated one.

#737c80
```
#737c80 rgb(115,124,128)
```
#697f8a
```
#697f8a rgb(105,127,138)
```
#608293
```
#608293 rgb(96,130,147)
```
#57869c
```
#57869c rgb(87,134,156)
```
#4d89a6
```
#4d89a6 rgb(77,137,166)
```
#448caf
```
#448caf rgb(68,140,175)
```
#3b8fb8
```
#3b8fb8 rgb(59,143,184)
```
#3193c2
```
#3193c2 rgb(49,147,194)
```
#2896cb
```
#2896cb rgb(40,150,203)
```
#1f99d4
```
#1f99d4 rgb(31,153,212)
```
#159dde
```
#159dde rgb(21,157,222)
```
#0ca0e7
```
#0ca0e7 rgb(12,160,231)
```
#03a3f0
```
#03a3f0 rgb(3,163,240)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6a808b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8190c6 Protanopia 1% of men
#7592d1 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#6092c7 Protanomaly 1% of men, 0.01% of women
#5993cf Deuteranomaly 6% of men, 0.4% of women
#0e9db7 Tritanomaly 0.01% of the population

#2896cb hex color

#2896cb Color Information

#2896cb Color Conversion

Color Schemes with #2896cb

Alternatives to #2896cb

#2896cb Preview

Shades and Tints of #2896cb

Tones of #2896cb

Color Blindness Simulator