colorhexa.com

#2869a0 hex color

In a RGB color space, hex #2869a0 is composed of 15.7% red, 41.2% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 34.4% magenta, 0% yellow and 37.3% black. It has a hue angle of 207.5 degrees, a saturation of 60% and a lightness of 39.2%. #2869a0 color hex could be obtained by blending #50d2ff with #000041. Closest websafe color is: #336699.

- R 16
- G 41
- B 63
RGB color chart
- C 75
- M 34
- Y 0
- K 37
CMYK color chart

● #2869a0 color description : Dark blue.

The hexadecimal color #2869a0 has RGB values of R:40, G:105, B:160 and CMYK values of C:0.75, M:0.34, Y:0, K:0.37. Its decimal value is 2648480.

Hex triplet	2869a0	`#2869a0`
RGB Decimal	40, 105, 160	`rgb(40,105,160)`
RGB Percent	15.7, 41.2, 62.7	`rgb(15.7%,41.2%,62.7%)`
CMYK	75, 34, 0, 37
HSL	207.5°, 60, 39.2	`hsl(207.5,60%,39.2%)`
HSV (or HSB)	207.5°, 75, 62.7
Web Safe	336699	`#336699`

CIE-LAB	42.901, -1.18, -35.628
XYZ	12.27, 13.091, 35.136
xyY	0.203, 0.216, 13.091
CIE-LCH	42.901, 35.648, 268.104
CIE-LUV	42.901, -23.175, -51.959
Hunter-Lab	36.182, -2.784, -32.249
Binary	00101000, 01101001, 10100000

#2869a0
```
#2869a0 rgb(40,105,160)
```
#a05f28
```
#a05f28 rgb(160,95,40)
```

Complementary Color

#28a09b
```
#28a09b rgb(40,160,155)
```
#2869a0
```
#2869a0 rgb(40,105,160)
```
#282da0
```
#282da0 rgb(40,45,160)
```

Analogous Color

#a09b28
```
#a09b28 rgb(160,155,40)
```
#2869a0
```
#2869a0 rgb(40,105,160)
```
#a0282d
```
#a0282d rgb(160,40,45)
```

Split Complementary Color

#69a028
```
#69a028 rgb(105,160,40)
```
#2869a0
```
#2869a0 rgb(40,105,160)
```
#a02869
```
#a02869 rgb(160,40,105)
```

Triadic Color

#28a05f
```
#28a05f rgb(40,160,95)
```
#2869a0
```
#2869a0 rgb(40,105,160)
```
#a02869
```
#a02869 rgb(160,40,105)
```
#a05f28
```
#a05f28 rgb(160,95,40)
```

Tetradic Color

#194163
```
#194163 rgb(25,65,99)
```
#1e4e77
```
#1e4e77 rgb(30,78,119)
```
#235c8c
```
#235c8c rgb(35,92,140)
```
#2869a0
```
#2869a0 rgb(40,105,160)
```
#2d76b4
```
#2d76b4 rgb(45,118,180)
```
#3284c9
```
#3284c9 rgb(50,132,201)
```
#4490d0
```
#4490d0 rgb(68,144,208)
```

Monochromatic Color

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

#2887a0
```
#2887a0 rgb(40,135,160)
```
#287da0
```
#287da0 rgb(40,125,160)
```
#2873a0
```
#2873a0 rgb(40,115,160)
```
#2869a0
```
#2869a0 rgb(40,105,160)
```
#285fa0
```
#285fa0 rgb(40,95,160)
```
#2855a0
```
#2855a0 rgb(40,85,160)
```
#284ba0
```
#284ba0 rgb(40,75,160)
```

Similar Colors

Text with hexadecimal color #2869a0

This text has a font color of #2869a0.

<span style="color:#2869a0;">Text here</span>

#2869a0 background color

This paragraph has a background color of #2869a0.

<p style="background-color:#2869a0;">Content here</p>

#2869a0 border color

This element has a border color of #2869a0.

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

CSS codes

.text {color:#2869a0;}

.background {background-color:#2869a0;}

.border {border:1px solid #2869a0;}

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

#010203
```
#010203 rgb(1,2,3)
```
#050c13
```
#050c13 rgb(5,12,19)
```
#091722
```
#091722 rgb(9,23,34)
```
#0d2132
```
#0d2132 rgb(13,33,50)
```
#102b42
```
#102b42 rgb(16,43,66)
```
#143652
```
#143652 rgb(20,54,82)
```
#184061
```
#184061 rgb(24,64,97)
```
#1c4a71
```
#1c4a71 rgb(28,74,113)
```
#205481
```
#205481 rgb(32,84,129)
```
#245f90
```
#245f90 rgb(36,95,144)
```
#2869a0
```
#2869a0 rgb(40,105,160)
```
#2c73b0
```
#2c73b0 rgb(44,115,176)
```
#307ebf
```
#307ebf rgb(48,126,191)
```

Shade Color Variation

#3688cd
```
#3688cd rgb(54,136,205)
```
#4691d1
```
#4691d1 rgb(70,145,209)
```
#559ad5
```
#559ad5 rgb(85,154,213)
```
#65a4d9
```
#65a4d9 rgb(101,164,217)
```
#75addc
```
#75addc rgb(117,173,220)
```
#85b6e0
```
#85b6e0 rgb(133,182,224)
```
#94c0e4
```
#94c0e4 rgb(148,192,228)
```
#a4c9e8
```
#a4c9e8 rgb(164,201,232)
```
#b4d2ec
```
#b4d2ec rgb(180,210,236)
```
#c3dcf0
```
#c3dcf0 rgb(195,220,240)
```
#d3e5f4
```
#d3e5f4 rgb(211,229,244)
```
#e3eef8
```
#e3eef8 rgb(227,238,248)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e656a is the less saturated color, while #026cc6 is the most saturated one.

#5e656a
```
#5e656a rgb(94,101,106)
```
#566572
```
#566572 rgb(86,101,114)
```
#4e667a
```
#4e667a rgb(78,102,122)
```
#476681
```
#476681 rgb(71,102,129)
```
#3f6789
```
#3f6789 rgb(63,103,137)
```
#376891
```
#376891 rgb(55,104,145)
```
#306898
```
#306898 rgb(48,104,152)
```
#2869a0
```
#2869a0 rgb(40,105,160)
```
#206aa8
```
#206aa8 rgb(32,106,168)
```
#196aaf
```
#196aaf rgb(25,106,175)
```
#116bb7
```
#116bb7 rgb(17,107,183)
```
#096cbf
```
#096cbf rgb(9,108,191)
```
#026cc6
```
#026cc6 rgb(2,108,198)
```

Tone Color Variation

Below, you can see how #2869a0 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

#5c5c5c Achromatopsia 0.005% of the population
#525f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#586ba0 Protanopia 1% of men
#4a6da6 Deuteranopia 1% of men
#007780 Tritanopia 0.001% of the population

Trichromacy

#476aa0 Protanomaly 1% of men, 0.01% of women
#3d6ba4 Deuteranomaly 6% of men, 0.4% of women
#0e728b Tritanomaly 0.01% of the population