#2860b2 hex color

In a RGB color space, hex #2860b2 is composed of 15.7% red, 37.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 46.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 215.7 degrees, a saturation of 63.3% and a lightness of 42.7%. #2860b2 color hex could be obtained by blending #50c0ff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 38
- B 70
RGB color chart
- C 78
- M 46
- Y 0
- K 30
CMYK color chart

● #2860b2 color description : Dark blue.

The hexadecimal color #2860b2 has RGB values of R:40, G:96, B:178 and CMYK values of C:0.78, M:0.46, Y:0, K:0.3. Its decimal value is 2646194.

Hex triplet	2860b2	`#2860b2`
RGB Decimal	40, 96, 178	`rgb(40,96,178)`
RGB Percent	15.7, 37.6, 69.8	`rgb(15.7%,37.6%,69.8%)`
CMYK	78, 46, 0, 30
HSL	215.7°, 63.3, 42.7	`hsl(215.7,63.3%,42.7%)`
HSV (or HSB)	215.7°, 77.5, 69.8
Web Safe	336699	`#336699`

CIE-LAB	41.264, 11.394, -48.851
XYZ	13.092, 12.03, 43.749
xyY	0.19, 0.175, 12.03
CIE-LCH	41.264, 50.162, 283.129
CIE-LUV	41.264, -19.636, -72.407
Hunter-Lab	34.685, 6.679, -50.506
Binary	00101000, 01100000, 10110010

#2860b2
```
#2860b2 rgb(40,96,178)
```
#b27a28
```
#b27a28 rgb(178,122,40)
```

Complementary Color

#28a5b2
```
#28a5b2 rgb(40,165,178)
```
#2860b2
```
#2860b2 rgb(40,96,178)
```
#3528b2
```
#3528b2 rgb(53,40,178)
```

Analogous Color

#a5b228
```
#a5b228 rgb(165,178,40)
```
#2860b2
```
#2860b2 rgb(40,96,178)
```
#b23528
```
#b23528 rgb(178,53,40)
```

Split Complementary Color

#60b228
```
#60b228 rgb(96,178,40)
```
#2860b2
```
#2860b2 rgb(40,96,178)
```
#b22860
```
#b22860 rgb(178,40,96)
```

Triadic Color

#28b27a
```
#28b27a rgb(40,178,122)
```
#2860b2
```
#2860b2 rgb(40,96,178)
```
#b22860
```
#b22860 rgb(178,40,96)
```
#b27a28
```
#b27a28 rgb(178,122,40)
```

Tetradic Color

#1a3e74
```
#1a3e74 rgb(26,62,116)
```
#1f4a88
```
#1f4a88 rgb(31,74,136)
```
#23559d
```
#23559d rgb(35,85,157)
```
#2860b2
```
#2860b2 rgb(40,96,178)
```
#2d6bc7
```
#2d6bc7 rgb(45,107,199)
```
#3a78d3
```
#3a78d3 rgb(58,120,211)
```
#4f86d7
```
#4f86d7 rgb(79,134,215)
```

Monochromatic Color

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

#2883b2
```
#2883b2 rgb(40,131,178)
```
#2877b2
```
#2877b2 rgb(40,119,178)
```
#286cb2
```
#286cb2 rgb(40,108,178)
```
#2860b2
```
#2860b2 rgb(40,96,178)
```
#2855b2
```
#2855b2 rgb(40,85,178)
```
#2849b2
```
#2849b2 rgb(40,73,178)
```
#283eb2
```
#283eb2 rgb(40,62,178)
```

Similar Colors

Text with hexadecimal color #2860b2

This text has a font color of #2860b2.

<span style="color:#2860b2;">Text here</span>

#2860b2 background color

This paragraph has a background color of #2860b2.

<p style="background-color:#2860b2;">Content here</p>

#2860b2 border color

This element has a border color of #2860b2.

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

CSS codes

.text {color:#2860b2;}

.background {background-color:#2860b2;}

.border {border:1px solid #2860b2;}

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

#000102
```
#000102 rgb(0,1,2)
```
#040a12
```
#040a12 rgb(4,10,18)
```
#081222
```
#081222 rgb(8,18,34)
```
#0b1b32
```
#0b1b32 rgb(11,27,50)
```
#0f2442
```
#0f2442 rgb(15,36,66)
```
#122c52
```
#122c52 rgb(18,44,82)
```
#163562
```
#163562 rgb(22,53,98)
```
#1a3d72
```
#1a3d72 rgb(26,61,114)
```
#1d4682
```
#1d4682 rgb(29,70,130)
```
#214f92
```
#214f92 rgb(33,79,146)
```
#2457a2
```
#2457a2 rgb(36,87,162)
```
#2860b2
```
#2860b2 rgb(40,96,178)
```
#2c69c2
```
#2c69c2 rgb(44,105,194)
```

Shade Color Variation

#3172d1
```
#3172d1 rgb(49,114,209)
```
#417dd4
```
#417dd4 rgb(65,125,212)
```
#5187d8
```
#5187d8 rgb(81,135,216)
```
#6192db
```
#6192db rgb(97,146,219)
```
#719ddf
```
#719ddf rgb(113,157,223)
```
#81a8e3
```
#81a8e3 rgb(129,168,227)
```
#91b3e6
```
#91b3e6 rgb(145,179,230)
```
#a1beea
```
#a1beea rgb(161,190,234)
```
#b1c9ed
```
#b1c9ed rgb(177,201,237)
```
#c1d4f1
```
#c1d4f1 rgb(193,212,241)
```
#d1dff5
```
#d1dff5 rgb(209,223,245)
```
#e1eaf8
```
#e1eaf8 rgb(225,234,248)
```
#f1f5fc
```
#f1f5fc rgb(241,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6d6f is the less saturated color, while #065ad4 is the most saturated one.

#6b6d6f
```
#6b6d6f rgb(107,109,111)
```
#636b77
```
#636b77 rgb(99,107,119)
```
#5a6980
```
#5a6980 rgb(90,105,128)
```
#526888
```
#526888 rgb(82,104,136)
```
#4a6690
```
#4a6690 rgb(74,102,144)
```
#416599
```
#416599 rgb(65,101,153)
```
#3963a1
```
#3963a1 rgb(57,99,161)
```
#3062aa
```
#3062aa rgb(48,98,170)
```
#2860b2
```
#2860b2 rgb(40,96,178)
```
#205eba
```
#205eba rgb(32,94,186)
```
#175dc3
```
#175dc3 rgb(23,93,195)
```
#0f5bcb
```
#0f5bcb rgb(15,91,203)
```
#065ad4
```
#065ad4 rgb(6,90,212)
```

Tone Color Variation

Below, you can see how #2860b2 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

#595959 Achromatopsia 0.005% of the population
#4f5a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f66b4 Protanopia 1% of men
#006bb2 Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#3664b3 Protanomaly 1% of men, 0.01% of women
#0e67b2 Deuteranomaly 6% of men, 0.4% of women
#0e6c8f Tritanomaly 0.01% of the population

#2860b2 hex color

#2860b2 Color Information

#2860b2 Color Conversion

Color Schemes with #2860b2

Alternatives to #2860b2

#2860b2 Preview

Shades and Tints of #2860b2

Tones of #2860b2

Color Blindness Simulator