#2894dc hex color

In a RGB color space, hex #2894dc is composed of 15.7% red, 58% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 32.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 204 degrees, a saturation of 72% and a lightness of 51%. #2894dc color hex could be obtained by blending #50ffff with #0029b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 58
- B 86
RGB color chart
- C 82
- M 33
- Y 0
- K 14
CMYK color chart

● #2894dc color description : Bright blue.

The hexadecimal color #2894dc has RGB values of R:40, G:148, B:220 and CMYK values of C:0.82, M:0.33, Y:0, K:0.14. Its decimal value is 2659548.

Hex triplet	2894dc	`#2894dc`
RGB Decimal	40, 148, 220	`rgb(40,148,220)`
RGB Percent	15.7, 58, 86.3	`rgb(15.7%,58%,86.3%)`
CMYK	82, 33, 0, 14
HSL	204°, 72, 51	`hsl(204,72%,51%)`
HSV (or HSB)	204°, 81.8, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.785, -4.66, -44.974
XYZ	24.38, 26.796, 71.593
xyY	0.199, 0.218, 26.796
CIE-LCH	58.785, 45.215, 264.084
CIE-LUV	58.785, -34.944, -70.432
Hunter-Lab	51.765, -6.519, -45.766
Binary	00101000, 10010100, 11011100

#2894dc
```
#2894dc rgb(40,148,220)
```
#dc7028
```
#dc7028 rgb(220,112,40)
```

Complementary Color

#28dcca
```
#28dcca rgb(40,220,202)
```
#2894dc
```
#2894dc rgb(40,148,220)
```
#283adc
```
#283adc rgb(40,58,220)
```

Analogous Color

#dcca28
```
#dcca28 rgb(220,202,40)
```
#2894dc
```
#2894dc rgb(40,148,220)
```
#dc283a
```
#dc283a rgb(220,40,58)
```

Split Complementary Color

#94dc28
```
#94dc28 rgb(148,220,40)
```
#2894dc
```
#2894dc rgb(40,148,220)
```
#dc2894
```
#dc2894 rgb(220,40,148)
```

Triadic Color

#28dc70
```
#28dc70 rgb(40,220,112)
```
#2894dc
```
#2894dc rgb(40,148,220)
```
#dc2894
```
#dc2894 rgb(220,40,148)
```
#dc7028
```
#dc7028 rgb(220,112,40)
```

Tetradic Color

#1a699e
```
#1a699e rgb(26,105,158)
```
#1d78b4
```
#1d78b4 rgb(29,120,180)
```
#2186ca
```
#2186ca rgb(33,134,202)
```
#2894dc
```
#2894dc rgb(40,148,220)
```
#3e9fe0
```
#3e9fe0 rgb(62,159,224)
```
#54aae3
```
#54aae3 rgb(84,170,227)
```
#6ab5e7
```
#6ab5e7 rgb(106,181,231)
```

Monochromatic Color

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

#28c1dc
```
#28c1dc rgb(40,193,220)
```
#28b2dc
```
#28b2dc rgb(40,178,220)
```
#28a3dc
```
#28a3dc rgb(40,163,220)
```
#2894dc
```
#2894dc rgb(40,148,220)
```
#2885dc
```
#2885dc rgb(40,133,220)
```
#2876dc
```
#2876dc rgb(40,118,220)
```
#2867dc
```
#2867dc rgb(40,103,220)
```

Similar Colors

Text with hexadecimal color #2894dc

This text has a font color of #2894dc.

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

#2894dc background color

This paragraph has a background color of #2894dc.

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

#2894dc border color

This element has a border color of #2894dc.

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

CSS codes

.text {color:#2894dc;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#030e15
```
#030e15 rgb(3,14,21)
```
#061926
```
#061926 rgb(6,25,38)
```
#092537
```
#092537 rgb(9,37,55)
```
#0c3048
```
#0c3048 rgb(12,48,72)
```
#0e3b59
```
#0e3b59 rgb(14,59,89)
```
#11466a
```
#11466a rgb(17,70,106)
```
#14517a
```
#14517a rgb(20,81,122)
```
#175d8b
```
#175d8b rgb(23,93,139)
```
#19689c
```
#19689c rgb(25,104,156)
```
#1c73ad
```
#1c73ad rgb(28,115,173)
```
#1f7ebe
```
#1f7ebe rgb(31,126,190)
```
#228acf
```
#228acf rgb(34,138,207)
```

Shade Color Variation

#2894dc
```
#2894dc rgb(40,148,220)
```
#399cdf
```
#399cdf rgb(57,156,223)
```
#4aa5e1
```
#4aa5e1 rgb(74,165,225)
```
#5bade4
```
#5bade4 rgb(91,173,228)
```
#6bb6e7
```
#6bb6e7 rgb(107,182,231)
```
#7cbeea
```
#7cbeea rgb(124,190,234)
```
#8dc6ec
```
#8dc6ec rgb(141,198,236)
```
#9ecfef
```
#9ecfef rgb(158,207,239)
```
#afd7f2
```
#afd7f2 rgb(175,215,242)
```
#c0e0f5
```
#c0e0f5 rgb(192,224,245)
```
#d1e8f7
```
#d1e8f7 rgb(209,232,247)
```
#e2f0fa
```
#e2f0fa rgb(226,240,250)
```
#f2f9fd
```
#f2f9fd rgb(242,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8385 is the less saturated color, while #0b9af9 is the most saturated one.

#7f8385
```
#7f8385 rgb(127,131,133)
```
#75858f
```
#75858f rgb(117,133,143)
```
#6b8799
```
#6b8799 rgb(107,135,153)
```
#6288a2
```
#6288a2 rgb(98,136,162)
```
#588aac
```
#588aac rgb(88,138,172)
```
#4e8cb6
```
#4e8cb6 rgb(78,140,182)
```
#458ebf
```
#458ebf rgb(69,142,191)
```
#3b90c9
```
#3b90c9 rgb(59,144,201)
```
#3292d2
```
#3292d2 rgb(50,146,210)
```
#2894dc
```
#2894dc rgb(40,148,220)
```
#1e96e6
```
#1e96e6 rgb(30,150,230)
```
#1598ef
```
#1598ef rgb(21,152,239)
```
#0b9af9
```
#0b9af9 rgb(11,154,249)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6b818f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7891d7 Protanopia 1% of men
#6393e0 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#5b92d9 Protanomaly 1% of men, 0.01% of women
#4d93de Deuteranomaly 6% of men, 0.4% of women
#0e9cbd Tritanomaly 0.01% of the population

#2894dc hex color

#2894dc Color Information

#2894dc Color Conversion

Color Schemes with #2894dc

Alternatives to #2894dc

#2894dc Preview

Shades and Tints of #2894dc

Tones of #2894dc

Color Blindness Simulator