#2864aa hex color

In a RGB color space, hex #2864aa is composed of 15.7% red, 39.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 41.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 212.3 degrees, a saturation of 61.9% and a lightness of 41.2%. #2864aa color hex could be obtained by blending #50c8ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 39
- B 67
RGB color chart
- C 76
- M 41
- Y 0
- K 33
CMYK color chart

● #2864aa color description : Dark blue.

The hexadecimal color #2864aa has RGB values of R:40, G:100, B:170 and CMYK values of C:0.76, M:0.41, Y:0, K:0.33. Its decimal value is 2647210.

Hex triplet	2864aa	`#2864aa`
RGB Decimal	40, 100, 170	`rgb(40,100,170)`
RGB Percent	15.7, 39.2, 66.7	`rgb(15.7%,39.2%,66.7%)`
CMYK	76, 41, 0, 33
HSL	212.3°, 61.9, 41.2	`hsl(212.3,61.9%,41.2%)`
HSV (or HSB)	212.3°, 76.5, 66.7
Web Safe	336699	`#336699`

CIE-LAB	41.949, 5.748, -43.048
XYZ	12.686, 12.467, 39.766
xyY	0.195, 0.192, 12.467
CIE-LCH	41.949, 43.43, 277.605
CIE-LUV	41.949, -21.135, -63.582
Hunter-Lab	35.308, 2.346, -42.059
Binary	00101000, 01100100, 10101010

#2864aa
```
#2864aa rgb(40,100,170)
```
#aa6e28
```
#aa6e28 rgb(170,110,40)
```

Complementary Color

#28a5aa
```
#28a5aa rgb(40,165,170)
```
#2864aa
```
#2864aa rgb(40,100,170)
```
#2d28aa
```
#2d28aa rgb(45,40,170)
```

Analogous Color

#a5aa28
```
#a5aa28 rgb(165,170,40)
```
#2864aa
```
#2864aa rgb(40,100,170)
```
#aa2d28
```
#aa2d28 rgb(170,45,40)
```

Split Complementary Color

#64aa28
```
#64aa28 rgb(100,170,40)
```
#2864aa
```
#2864aa rgb(40,100,170)
```
#aa2864
```
#aa2864 rgb(170,40,100)
```

Triadic Color

#28aa6e
```
#28aa6e rgb(40,170,110)
```
#2864aa
```
#2864aa rgb(40,100,170)
```
#aa2864
```
#aa2864 rgb(170,40,100)
```
#aa6e28
```
#aa6e28 rgb(170,110,40)
```

Tetradic Color

#19406c
```
#19406c rgb(25,64,108)
```
#1e4c81
```
#1e4c81 rgb(30,76,129)
```
#235895
```
#235895 rgb(35,88,149)
```
#2864aa
```
#2864aa rgb(40,100,170)
```
#2d70bf
```
#2d70bf rgb(45,112,191)
```
#357dd0
```
#357dd0 rgb(53,125,208)
```
#4a8ad4
```
#4a8ad4 rgb(74,138,212)
```

Monochromatic Color

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

#2885aa
```
#2885aa rgb(40,133,170)
```
#287aaa
```
#287aaa rgb(40,122,170)
```
#286faa
```
#286faa rgb(40,111,170)
```
#2864aa
```
#2864aa rgb(40,100,170)
```
#2859aa
```
#2859aa rgb(40,89,170)
```
#284eaa
```
#284eaa rgb(40,78,170)
```
#2843aa
```
#2843aa rgb(40,67,170)
```

Similar Colors

Text with hexadecimal color #2864aa

This text has a font color of #2864aa.

<span style="color:#2864aa;">Text here</span>

#2864aa background color

This paragraph has a background color of #2864aa.

<p style="background-color:#2864aa;">Content here</p>

#2864aa border color

This element has a border color of #2864aa.

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

CSS codes

.text {color:#2864aa;}

.background {background-color:#2864aa;}

.border {border:1px solid #2864aa;}

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, #03070b is the darkest color, while #fafcfe is the lightest one.

#03070b
```
#03070b rgb(3,7,11)
```
#06101b
```
#06101b rgb(6,16,27)
```
#0a192b
```
#0a192b rgb(10,25,43)
```
#0e233b
```
#0e233b rgb(14,35,59)
```
#122c4b
```
#122c4b rgb(18,44,75)
```
#15355b
```
#15355b rgb(21,53,91)
```
#193f6a
```
#193f6a rgb(25,63,106)
```
#1d487a
```
#1d487a rgb(29,72,122)
```
#21518a
```
#21518a rgb(33,81,138)
```
#245b9a
```
#245b9a rgb(36,91,154)
```
#2864aa
```
#2864aa rgb(40,100,170)
```
#2c6dba
```
#2c6dba rgb(44,109,186)
```
#2f77ca
```
#2f77ca rgb(47,119,202)
```

Shade Color Variation

#3c81d1
```
#3c81d1 rgb(60,129,209)
```
#4c8bd5
```
#4c8bd5 rgb(76,139,213)
```
#5c95d9
```
#5c95d9 rgb(92,149,217)
```
#6ba0dc
```
#6ba0dc rgb(107,160,220)
```
#7baae0
```
#7baae0 rgb(123,170,224)
```
#8bb4e4
```
#8bb4e4 rgb(139,180,228)
```
#9bbee7
```
#9bbee7 rgb(155,190,231)
```
#abc9eb
```
#abc9eb rgb(171,201,235)
```
#bbd3ef
```
#bbd3ef rgb(187,211,239)
```
#cbddf3
```
#cbddf3 rgb(203,221,243)
```
#dbe7f6
```
#dbe7f6 rgb(219,231,246)
```
#eaf2fa
```
#eaf2fa rgb(234,242,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#616871
```
#616871 rgb(97,104,113)
```
#58687a
```
#58687a rgb(88,104,122)
```
#506782
```
#506782 rgb(80,103,130)
```
#48668a
```
#48668a rgb(72,102,138)
```
#406692
```
#406692 rgb(64,102,146)
```
#38659a
```
#38659a rgb(56,101,154)
```
#3065a2
```
#3065a2 rgb(48,101,162)
```
#2864aa
```
#2864aa rgb(40,100,170)
```
#2063b2
```
#2063b2 rgb(32,99,178)
```
#1863ba
```
#1863ba rgb(24,99,186)
```
#1062c2
```
#1062c2 rgb(16,98,194)
```
#0862ca
```
#0862ca rgb(8,98,202)
```

Tone Color Variation

Below, you can see how #2864aa 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

#5a5a5a Achromatopsia 0.005% of the population
#505c6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c68ab Protanopia 1% of men
#326cae Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#3f67ab Protanomaly 1% of men, 0.01% of women
#2e69ac Deuteranomaly 6% of men, 0.4% of women
#0e6f8d Tritanomaly 0.01% of the population

#2864aa hex color

#2864aa Color Information

#2864aa Color Conversion

Color Schemes with #2864aa

Alternatives to #2864aa

#2864aa Preview

Shades and Tints of #2864aa

Tones of #2864aa

Color Blindness Simulator