colorhexa.com

#2863a8 hex color

In a RGB color space, hex #2863a8 is composed of 15.7% red, 38.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 41.1% magenta, 0% yellow and 34.1% black. It has a hue angle of 212.3 degrees, a saturation of 61.5% and a lightness of 40.8%. #2863a8 color hex could be obtained by blending #50c6ff with #000051. Closest websafe color is: #336699.

- R 16
- G 39
- B 66
RGB color chart
- C 76
- M 41
- Y 0
- K 34
CMYK color chart

● #2863a8 color description : Dark blue.

The hexadecimal color #2863a8 has RGB values of R:40, G:99, B:168 and CMYK values of C:0.76, M:0.41, Y:0, K:0.34. Its decimal value is 2646952.

Hex triplet	2863a8	`#2863a8`
RGB Decimal	40, 99, 168	`rgb(40,99,168)`
RGB Percent	15.7, 38.8, 65.9	`rgb(15.7%,38.8%,65.9%)`
CMYK	76, 41, 0, 34
HSL	212.3°, 61.5, 40.8	`hsl(212.3,61.5%,40.8%)`
HSV (or HSB)	212.3°, 76.2, 65.9
Web Safe	336699	`#336699`

CIE-LAB	41.534, 5.621, -42.529
XYZ	12.403, 12.201, 38.745
xyY	0.196, 0.193, 12.201
CIE-LCH	41.534, 42.899, 277.528
CIE-LUV	41.534, -20.867, -62.629
Hunter-Lab	34.93, 2.256, -41.315
Binary	00101000, 01100011, 10101000

#2863a8
```
#2863a8 rgb(40,99,168)
```
#a86d28
```
#a86d28 rgb(168,109,40)
```

Complementary Color

#28a3a8
```
#28a3a8 rgb(40,163,168)
```
#2863a8
```
#2863a8 rgb(40,99,168)
```
#2d28a8
```
#2d28a8 rgb(45,40,168)
```

Analogous Color

#a3a828
```
#a3a828 rgb(163,168,40)
```
#2863a8
```
#2863a8 rgb(40,99,168)
```
#a82d28
```
#a82d28 rgb(168,45,40)
```

Split Complementary Color

#63a828
```
#63a828 rgb(99,168,40)
```
#2863a8
```
#2863a8 rgb(40,99,168)
```
#a82863
```
#a82863 rgb(168,40,99)
```

Triadic Color

#28a86d
```
#28a86d rgb(40,168,109)
```
#2863a8
```
#2863a8 rgb(40,99,168)
```
#a82863
```
#a82863 rgb(168,40,99)
```
#a86d28
```
#a86d28 rgb(168,109,40)
```

Tetradic Color

#193f6a
```
#193f6a rgb(25,63,106)
```
#1e4b7f
```
#1e4b7f rgb(30,75,127)
```
#235793
```
#235793 rgb(35,87,147)
```
#2863a8
```
#2863a8 rgb(40,99,168)
```
#2d6fbd
```
#2d6fbd rgb(45,111,189)
```
#347bcf
```
#347bcf rgb(52,123,207)
```
#4989d4
```
#4989d4 rgb(73,137,212)
```

Monochromatic Color

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

#2883a8
```
#2883a8 rgb(40,131,168)
```
#2878a8
```
#2878a8 rgb(40,120,168)
```
#286ea8
```
#286ea8 rgb(40,110,168)
```
#2863a8
```
#2863a8 rgb(40,99,168)
```
#2858a8
```
#2858a8 rgb(40,88,168)
```
#284ea8
```
#284ea8 rgb(40,78,168)
```
#2843a8
```
#2843a8 rgb(40,67,168)
```

Similar Colors

Text with hexadecimal color #2863a8

This text has a font color of #2863a8.

<span style="color:#2863a8;">Text here</span>

#2863a8 background color

This paragraph has a background color of #2863a8.

<p style="background-color:#2863a8;">Content here</p>

#2863a8 border color

This element has a border color of #2863a8.

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

CSS codes

.text {color:#2863a8;}

.background {background-color:#2863a8;}

.border {border:1px solid #2863a8;}

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, #02060a is the darkest color, while #f9fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#060f19
```
#060f19 rgb(6,15,25)
```
#0a1829
```
#0a1829 rgb(10,24,41)
```
#0e2239
```
#0e2239 rgb(14,34,57)
```
#112b49
```
#112b49 rgb(17,43,73)
```
#153459
```
#153459 rgb(21,52,89)
```
#193e69
```
#193e69 rgb(25,62,105)
```
#1d4778
```
#1d4778 rgb(29,71,120)
```
#205088
```
#205088 rgb(32,80,136)
```
#245a98
```
#245a98 rgb(36,90,152)
```
#2863a8
```
#2863a8 rgb(40,99,168)
```
#2c6cb8
```
#2c6cb8 rgb(44,108,184)
```
#3076c8
```
#3076c8 rgb(48,118,200)
```

Shade Color Variation

#3b80d0
```
#3b80d0 rgb(59,128,208)
```
#4a8ad4
```
#4a8ad4 rgb(74,138,212)
```
#5a94d8
```
#5a94d8 rgb(90,148,216)
```
#6a9edc
```
#6a9edc rgb(106,158,220)
```
#7aa9df
```
#7aa9df rgb(122,169,223)
```
#8ab3e3
```
#8ab3e3 rgb(138,179,227)
```
#9abde7
```
#9abde7 rgb(154,189,231)
```
#aac8eb
```
#aac8eb rgb(170,200,235)
```
#b9d2ee
```
#b9d2ee rgb(185,210,238)
```
#c9dcf2
```
#c9dcf2 rgb(201,220,242)
```
#d9e6f6
```
#d9e6f6 rgb(217,230,246)
```
#e9f1fa
```
#e9f1fa rgb(233,241,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#606770
```
#606770 rgb(96,103,112)
```
#586778
```
#586778 rgb(88,103,120)
```
#506680
```
#506680 rgb(80,102,128)
```
#486688
```
#486688 rgb(72,102,136)
```
#406590
```
#406590 rgb(64,101,144)
```
#386498
```
#386498 rgb(56,100,152)
```
#3064a0
```
#3064a0 rgb(48,100,160)
```
#2863a8
```
#2863a8 rgb(40,99,168)
```
#2062b0
```
#2062b0 rgb(32,98,176)
```
#1862b8
```
#1862b8 rgb(24,98,184)
```
#1061c0
```
#1061c0 rgb(16,97,192)
```
#0861c8
```
#0861c8 rgb(8,97,200)
```
#0060d0
```
#0060d0 rgb(0,96,208)
```

Tone Color Variation

Below, you can see how #2863a8 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
#4f5b69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b68a9 Protanopia 1% of men
#326bac Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#3e66a9 Protanomaly 1% of men, 0.01% of women
#2e68aa Deuteranomaly 6% of men, 0.4% of women
#0e6e8c Tritanomaly 0.01% of the population