#2866cd hex color

In a RGB color space, hex #2866cd is composed of 15.7% red, 40% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 50.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 217.5 degrees, a saturation of 67.3% and a lightness of 48%. #2866cd color hex could be obtained by blending #50ccff with #00009b. Closest websafe color is: #3366cc.

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

● #2866cd color description : Strong blue.

The hexadecimal color #2866cd has RGB values of R:40, G:102, B:205 and CMYK values of C:0.8, M:0.5, Y:0, K:0.2. Its decimal value is 2647757.

Hex triplet	2866cd	`#2866cd`
RGB Decimal	40, 102, 205	`rgb(40,102,205)`
RGB Percent	15.7, 40, 80.4	`rgb(15.7%,40%,80.4%)`
CMYK	80, 50, 0, 20
HSL	217.5°, 67.3, 48	`hsl(217.5,67.3%,48%)`
HSV (or HSB)	217.5°, 80.5, 80.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.745, 17.896, -58.915
XYZ	16.643, 14.36, 59.649
xyY	0.184, 0.158, 14.36
CIE-LCH	44.745, 61.573, 286.897
CIE-LUV	44.745, -20.858, -89.506
Hunter-Lab	37.895, 12.081, -66.799
Binary	00101000, 01100110, 11001101

#2866cd
```
#2866cd rgb(40,102,205)
```
#cd8f28
```
#cd8f28 rgb(205,143,40)
```

Complementary Color

#28b9cd
```
#28b9cd rgb(40,185,205)
```
#2866cd
```
#2866cd rgb(40,102,205)
```
#3d28cd
```
#3d28cd rgb(61,40,205)
```

Analogous Color

#b9cd28
```
#b9cd28 rgb(185,205,40)
```
#2866cd
```
#2866cd rgb(40,102,205)
```
#cd3d28
```
#cd3d28 rgb(205,61,40)
```

Split Complementary Color

#66cd28
```
#66cd28 rgb(102,205,40)
```
#2866cd
```
#2866cd rgb(40,102,205)
```
#cd2866
```
#cd2866 rgb(205,40,102)
```

Triadic Color

#28cd8f
```
#28cd8f rgb(40,205,143)
```
#2866cd
```
#2866cd rgb(40,102,205)
```
#cd2866
```
#cd2866 rgb(205,40,102)
```
#cd8f28
```
#cd8f28 rgb(205,143,40)
```

Tetradic Color

#1c468d
```
#1c468d rgb(28,70,141)
```
#2051a2
```
#2051a2 rgb(32,81,162)
```
#245bb8
```
#245bb8 rgb(36,91,184)
```
#2866cd
```
#2866cd rgb(40,102,205)
```
#3773d8
```
#3773d8 rgb(55,115,216)
```
#4c82dc
```
#4c82dc rgb(76,130,220)
```
#6191e0
```
#6191e0 rgb(97,145,224)
```

Monochromatic Color

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

#288fcd
```
#288fcd rgb(40,143,205)
```
#2882cd
```
#2882cd rgb(40,130,205)
```
#2874cd
```
#2874cd rgb(40,116,205)
```
#2866cd
```
#2866cd rgb(40,102,205)
```
#2858cd
```
#2858cd rgb(40,88,205)
```
#284bcd
```
#284bcd rgb(40,75,205)
```
#283dcd
```
#283dcd rgb(40,61,205)
```

Similar Colors

Text with hexadecimal color #2866cd

This text has a font color of #2866cd.

<span style="color:#2866cd;">Text here</span>

#2866cd background color

This paragraph has a background color of #2866cd.

<p style="background-color:#2866cd;">Content here</p>

#2866cd border color

This element has a border color of #2866cd.

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

CSS codes

.text {color:#2866cd;}

.background {background-color:#2866cd;}

.border {border:1px solid #2866cd;}

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

#020408
```
#020408 rgb(2,4,8)
```
#050c18
```
#050c18 rgb(5,12,24)
```
#081429
```
#081429 rgb(8,20,41)
```
#0b1d39
```
#0b1d39 rgb(11,29,57)
```
#0e254a
```
#0e254a rgb(14,37,74)
```
#122d5a
```
#122d5a rgb(18,45,90)
```
#15356b
```
#15356b rgb(21,53,107)
```
#183d7b
```
#183d7b rgb(24,61,123)
```
#1b458b
```
#1b458b rgb(27,69,139)
```
#1e4e9c
```
#1e4e9c rgb(30,78,156)
```
#2256ac
```
#2256ac rgb(34,86,172)
```
#255ebd
```
#255ebd rgb(37,94,189)
```
#2866cd
```
#2866cd rgb(40,102,205)
```

Shade Color Variation

#3270d7
```
#3270d7 rgb(50,112,215)
```
#427bda
```
#427bda rgb(66,123,218)
```
#5387dd
```
#5387dd rgb(83,135,221)
```
#6392e1
```
#6392e1 rgb(99,146,225)
```
#739ee4
```
#739ee4 rgb(115,158,228)
```
#84a9e7
```
#84a9e7 rgb(132,169,231)
```
#94b4ea
```
#94b4ea rgb(148,180,234)
```
#a5c0ed
```
#a5c0ed rgb(165,192,237)
```
#b5cbf1
```
#b5cbf1 rgb(181,203,241)
```
#c5d7f4
```
#c5d7f4 rgb(197,215,244)
```
#d6e2f7
```
#d6e2f7 rgb(214,226,247)
```
#e6eefa
```
#e6eefa rgb(230,238,250)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737982 is the less saturated color, while #025df3 is the most saturated one.

#737982
```
#737982 rgb(115,121,130)
```
#6a768b
```
#6a768b rgb(106,118,139)
```
#617494
```
#617494 rgb(97,116,148)
```
#57729e
```
#57729e rgb(87,114,158)
```
#4e6fa7
```
#4e6fa7 rgb(78,111,167)
```
#446db1
```
#446db1 rgb(68,109,177)
```
#3b6bba
```
#3b6bba rgb(59,107,186)
```
#3168c4
```
#3168c4 rgb(49,104,196)
```
#2866cd
```
#2866cd rgb(40,102,205)
```
#1f64d6
```
#1f64d6 rgb(31,100,214)
```
#1561e0
```
#1561e0 rgb(21,97,224)
```
#0c5fe9
```
#0c5fe9 rgb(12,95,233)
```
#025df3
```
#025df3 rgb(2,93,243)
```

Tone Color Variation

Below, you can see how #2866cd 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

#5f5f5f Achromatopsia 0.005% of the population
#546075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e6ecf Protanopia 1% of men
#0073be Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#2c6bce Protanomaly 1% of men, 0.01% of women
#0e6ec3 Deuteranomaly 6% of men, 0.4% of women
#0e749e Tritanomaly 0.01% of the population

#2866cd hex color

#2866cd Color Information

#2866cd Color Conversion

Color Schemes with #2866cd

Alternatives to #2866cd

#2866cd Preview

Shades and Tints of #2866cd

Tones of #2866cd

Color Blindness Simulator