#2894cb hex color

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

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

● #2894cb color description : Strong blue.

The hexadecimal color #2894cb has RGB values of R:40, G:148, B:203 and CMYK values of C:0.8, M:0.27, Y:0, K:0.2. Its decimal value is 2659531.

Hex triplet	2894cb	`#2894cb`
RGB Decimal	40, 148, 203	`rgb(40,148,203)`
RGB Percent	15.7, 58, 79.6	`rgb(15.7%,58%,79.6%)`
CMYK	80, 27, 0, 20
HSL	200.2°, 67.1, 47.6	`hsl(200.2,67.1%,47.6%)`
HSV (or HSB)	200.2°, 80.3, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.981, -10.767, -36.717
XYZ	22.242, 25.941, 60.331
xyY	0.205, 0.239, 25.941
CIE-LCH	57.981, 38.263, 253.656
CIE-LUV	57.981, -35.913, -55.927
Hunter-Lab	50.932, -11.181, -34.579
Binary	00101000, 10010100, 11001011

#2894cb
```
#2894cb rgb(40,148,203)
```
#cb5f28
```
#cb5f28 rgb(203,95,40)
```

Complementary Color

#28cbb1
```
#28cbb1 rgb(40,203,177)
```
#2894cb
```
#2894cb rgb(40,148,203)
```
#2843cb
```
#2843cb rgb(40,67,203)
```

Analogous Color

#cbb128
```
#cbb128 rgb(203,177,40)
```
#2894cb
```
#2894cb rgb(40,148,203)
```
#cb2843
```
#cb2843 rgb(203,40,67)
```

Split Complementary Color

#94cb28
```
#94cb28 rgb(148,203,40)
```
#2894cb
```
#2894cb rgb(40,148,203)
```
#cb2894
```
#cb2894 rgb(203,40,148)
```

Triadic Color

#28cb5f
```
#28cb5f rgb(40,203,95)
```
#2894cb
```
#2894cb rgb(40,148,203)
```
#cb2894
```
#cb2894 rgb(203,40,148)
```
#cb5f28
```
#cb5f28 rgb(203,95,40)
```

Tetradic Color

#1b658b
```
#1b658b rgb(27,101,139)
```
#2075a0
```
#2075a0 rgb(32,117,160)
```
#2484b6
```
#2484b6 rgb(36,132,182)
```
#2894cb
```
#2894cb rgb(40,148,203)
```
#35a1d7
```
#35a1d7 rgb(53,161,215)
```
#4babdb
```
#4babdb rgb(75,171,219)
```
#60b5e0
```
#60b5e0 rgb(96,181,224)
```

Monochromatic Color

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

#28bdcb
```
#28bdcb rgb(40,189,203)
```
#28afcb
```
#28afcb rgb(40,175,203)
```
#28a2cb
```
#28a2cb rgb(40,162,203)
```
#2894cb
```
#2894cb rgb(40,148,203)
```
#2886cb
```
#2886cb rgb(40,134,203)
```
#2879cb
```
#2879cb rgb(40,121,203)
```
#286bcb
```
#286bcb rgb(40,107,203)
```

Similar Colors

Text with hexadecimal color #2894cb

This text has a font color of #2894cb.

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

#2894cb background color

This paragraph has a background color of #2894cb.

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

#2894cb border color

This element has a border color of #2894cb.

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

CSS codes

.text {color:#2894cb;}

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

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

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)
```
#0b2838
```
#0b2838 rgb(11,40,56)
```
#0e3448
```
#0e3448 rgb(14,52,72)
```
#114058
```
#114058 rgb(17,64,88)
```
#154c69
```
#154c69 rgb(21,76,105)
```
#185879
```
#185879 rgb(24,88,121)
```
#1b6489
```
#1b6489 rgb(27,100,137)
```
#1e709a
```
#1e709a rgb(30,112,154)
```
#227caa
```
#227caa rgb(34,124,170)
```
#2588bb
```
#2588bb rgb(37,136,187)
```
#2894cb
```
#2894cb rgb(40,148,203)
```

Shade Color Variation

#309ed6
```
#309ed6 rgb(48,158,214)
```
#41a6da
```
#41a6da rgb(65,166,218)
```
#51aedd
```
#51aedd rgb(81,174,221)
```
#61b5e0
```
#61b5e0 rgb(97,181,224)
```
#72bde3
```
#72bde3 rgb(114,189,227)
```
#82c5e6
```
#82c5e6 rgb(130,197,230)
```
#93ccea
```
#93ccea rgb(147,204,234)
```
#a3d4ed
```
#a3d4ed rgb(163,212,237)
```
#b3dcf0
```
#b3dcf0 rgb(179,220,240)
```
#c4e3f3
```
#c4e3f3 rgb(196,227,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 #03a0f0 is the most saturated one.

#737c80
```
#737c80 rgb(115,124,128)
```
#697f8a
```
#697f8a rgb(105,127,138)
```
#608293
```
#608293 rgb(96,130,147)
```
#57859c
```
#57859c rgb(87,133,156)
```
#4d88a6
```
#4d88a6 rgb(77,136,166)
```
#448baf
```
#448baf rgb(68,139,175)
```
#3b8eb8
```
#3b8eb8 rgb(59,142,184)
```
#3191c2
```
#3191c2 rgb(49,145,194)
```
#2894cb
```
#2894cb rgb(40,148,203)
```
#1f97d4
```
#1f97d4 rgb(31,151,212)
```
#159ade
```
#159ade rgb(21,154,222)
```
#0c9de7
```
#0c9de7 rgb(12,157,231)
```
#03a0f0
```
#03a0f0 rgb(3,160,240)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6a7f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8fc6 Protanopia 1% of men
#7190d1 Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#5f91c8 Protanomaly 1% of men, 0.01% of women
#5791cf Deuteranomaly 6% of men, 0.4% of women
#0e9bb6 Tritanomaly 0.01% of the population

#2894cb hex color

#2894cb Color Information

#2894cb Color Conversion

Color Schemes with #2894cb

Alternatives to #2894cb

#2894cb Preview

Shades and Tints of #2894cb

Tones of #2894cb

Color Blindness Simulator