#2894ba hex color

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

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

● #2894ba color description : Strong blue.

The hexadecimal color #2894ba has RGB values of R:40, G:148, B:186 and CMYK values of C:0.78, M:0.2, Y:0, K:0.27. Its decimal value is 2659514.

Hex triplet	2894ba	`#2894ba`
RGB Decimal	40, 148, 186	`rgb(40,148,186)`
RGB Percent	15.7, 58, 72.9	`rgb(15.7%,58%,72.9%)`
CMYK	78, 20, 0, 27
HSL	195.6°, 64.6, 44.3	`hsl(195.6,64.6%,44.3%)`
HSV (or HSB)	195.6°, 78.5, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.245, -16.71, -28.262
XYZ	20.326, 25.174, 50.24
xyY	0.212, 0.263, 25.174
CIE-LCH	57.245, 32.833, 239.406
CIE-LUV	57.245, -36.953, -41.218
Hunter-Lab	50.174, -15.494, -24.246
Binary	00101000, 10010100, 10111010

#2894ba
```
#2894ba rgb(40,148,186)
```
#ba4e28
```
#ba4e28 rgb(186,78,40)
```

Complementary Color

#28ba97
```
#28ba97 rgb(40,186,151)
```
#2894ba
```
#2894ba rgb(40,148,186)
```
#284bba
```
#284bba rgb(40,75,186)
```

Analogous Color

#ba9728
```
#ba9728 rgb(186,151,40)
```
#2894ba
```
#2894ba rgb(40,148,186)
```
#ba284b
```
#ba284b rgb(186,40,75)
```

Split Complementary Color

#94ba28
```
#94ba28 rgb(148,186,40)
```
#2894ba
```
#2894ba rgb(40,148,186)
```
#ba2894
```
#ba2894 rgb(186,40,148)
```

Triadic Color

#28ba4e
```
#28ba4e rgb(40,186,78)
```
#2894ba
```
#2894ba rgb(40,148,186)
```
#ba2894
```
#ba2894 rgb(186,40,148)
```
#ba4e28
```
#ba4e28 rgb(186,78,40)
```

Tetradic Color

#1a627b
```
#1a627b rgb(26,98,123)
```
#1f7390
```
#1f7390 rgb(31,115,144)
```
#2383a5
```
#2383a5 rgb(35,131,165)
```
#2894ba
```
#2894ba rgb(40,148,186)
```
#2da5cf
```
#2da5cf rgb(45,165,207)
```
#3fafd6
```
#3fafd6 rgb(63,175,214)
```
#54b7da
```
#54b7da rgb(84,183,218)
```

Monochromatic Color

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

#28b9ba
```
#28b9ba rgb(40,185,186)
```
#28acba
```
#28acba rgb(40,172,186)
```
#28a0ba
```
#28a0ba rgb(40,160,186)
```
#2894ba
```
#2894ba rgb(40,148,186)
```
#2888ba
```
#2888ba rgb(40,136,186)
```
#287cba
```
#287cba rgb(40,124,186)
```
#2870ba
```
#2870ba rgb(40,112,186)
```

Similar Colors

Text with hexadecimal color #2894ba

This text has a font color of #2894ba.

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

#2894ba background color

This paragraph has a background color of #2894ba.

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

#2894ba border color

This element has a border color of #2894ba.

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

CSS codes

.text {color:#2894ba;}

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

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

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)
```
#092029
```
#092029 rgb(9,32,41)
```
#0c2d39
```
#0c2d39 rgb(12,45,57)
```
#103a49
```
#103a49 rgb(16,58,73)
```
#134759
```
#134759 rgb(19,71,89)
```
#175469
```
#175469 rgb(23,84,105)
```
#1a6179
```
#1a6179 rgb(26,97,121)
```
#1e6d8a
```
#1e6d8a rgb(30,109,138)
```
#217a9a
```
#217a9a rgb(33,122,154)
```
#2587aa
```
#2587aa rgb(37,135,170)
```
#2894ba
```
#2894ba rgb(40,148,186)
```
#2ba1ca
```
#2ba1ca rgb(43,161,202)
```

Shade Color Variation

#36abd4
```
#36abd4 rgb(54,171,212)
```
#46b1d7
```
#46b1d7 rgb(70,177,215)
```
#56b8db
```
#56b8db rgb(86,184,219)
```
#66bfde
```
#66bfde rgb(102,191,222)
```
#76c6e2
```
#76c6e2 rgb(118,198,226)
```
#86cce5
```
#86cce5 rgb(134,204,229)
```
#96d3e9
```
#96d3e9 rgb(150,211,233)
```
#a7daec
```
#a7daec rgb(167,218,236)
```
#b7e1ef
```
#b7e1ef rgb(183,225,239)
```
#c7e7f3
```
#c7e7f3 rgb(199,231,243)
```
#d7eef6
```
#d7eef6 rgb(215,238,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 #05a5dd is the most saturated one.

#6e7374
```
#6e7374 rgb(110,115,116)
```
#65777d
```
#65777d rgb(101,119,125)
```
#5c7b86
```
#5c7b86 rgb(92,123,134)
```
#537f8f
```
#537f8f rgb(83,127,143)
```
#4b8397
```
#4b8397 rgb(75,131,151)
```
#4287a0
```
#4287a0 rgb(66,135,160)
```
#398ca9
```
#398ca9 rgb(57,140,169)
```
#3190b1
```
#3190b1 rgb(49,144,177)
```
#2894ba
```
#2894ba rgb(40,148,186)
```
#1f98c3
```
#1f98c3 rgb(31,152,195)
```
#179ccb
```
#179ccb rgb(23,156,203)
```
#0ea1d4
```
#0ea1d4 rgb(14,161,212)
```
#05a5dd
```
#05a5dd rgb(5,165,221)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#687e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848eb5 Protanopia 1% of men
#7d8ec2 Deuteranopia 1% of men
#099da8 Tritanopia 0.001% of the population

Trichromacy

#6290b7 Protanomaly 1% of men, 0.01% of women
#5e90bf Deuteranomaly 6% of men, 0.4% of women
#149aaf Tritanomaly 0.01% of the population

#2894ba hex color

#2894ba Color Information

#2894ba Color Conversion

Color Schemes with #2894ba

Alternatives to #2894ba

#2894ba Preview

Shades and Tints of #2894ba

Tones of #2894ba

Color Blindness Simulator