#2858a1 hex color

In a RGB color space, hex #2858a1 is composed of 15.7% red, 34.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 45.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 216.2 degrees, a saturation of 60.2% and a lightness of 39.4%. #2858a1 color hex could be obtained by blending #50b0ff with #000043. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 35
- B 63
RGB color chart
- C 75
- M 45
- Y 0
- K 37
CMYK color chart

● #2858a1 color description : Dark blue.

The hexadecimal color #2858a1 has RGB values of R:40, G:88, B:161 and CMYK values of C:0.75, M:0.45, Y:0, K:0.37. Its decimal value is 2644129.

Hex triplet	2858a1	`#2858a1`
RGB Decimal	40, 88, 161	`rgb(40,88,161)`
RGB Percent	15.7, 34.5, 63.1	`rgb(15.7%,34.5%,63.1%)`
CMYK	75, 45, 0, 37
HSL	216.2°, 60.2, 39.4	`hsl(216.2,60.2%,39.4%)`
HSV (or HSB)	216.2°, 75.2, 63.1
Web Safe	336699	`#336699`

CIE-LAB	37.848, 10.047, -44.265
XYZ	10.796, 10.003, 35.078
xyY	0.193, 0.179, 10.003
CIE-LCH	37.848, 45.39, 282.788
CIE-LUV	37.848, -17.483, -63.956
Hunter-Lab	31.627, 5.585, -43.619
Binary	00101000, 01011000, 10100001

#2858a1
```
#2858a1 rgb(40,88,161)
```
#a17128
```
#a17128 rgb(161,113,40)
```

Complementary Color

#2895a1
```
#2895a1 rgb(40,149,161)
```
#2858a1
```
#2858a1 rgb(40,88,161)
```
#3528a1
```
#3528a1 rgb(53,40,161)
```

Analogous Color

#95a128
```
#95a128 rgb(149,161,40)
```
#2858a1
```
#2858a1 rgb(40,88,161)
```
#a13528
```
#a13528 rgb(161,53,40)
```

Split Complementary Color

#58a128
```
#58a128 rgb(88,161,40)
```
#2858a1
```
#2858a1 rgb(40,88,161)
```
#a12858
```
#a12858 rgb(161,40,88)
```

Triadic Color

#28a171
```
#28a171 rgb(40,161,113)
```
#2858a1
```
#2858a1 rgb(40,88,161)
```
#a12858
```
#a12858 rgb(161,40,88)
```
#a17128
```
#a17128 rgb(161,113,40)
```

Tetradic Color

#193764
```
#193764 rgb(25,55,100)
```
#1e4278
```
#1e4278 rgb(30,66,120)
```
#234d8d
```
#234d8d rgb(35,77,141)
```
#2858a1
```
#2858a1 rgb(40,88,161)
```
#2d63b5
```
#2d63b5 rgb(45,99,181)
```
#326eca
```
#326eca rgb(50,110,202)
```
#457cd1
```
#457cd1 rgb(69,124,209)
```

Monochromatic Color

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

#2876a1
```
#2876a1 rgb(40,118,161)
```
#286ca1
```
#286ca1 rgb(40,108,161)
```
#2862a1
```
#2862a1 rgb(40,98,161)
```
#2858a1
```
#2858a1 rgb(40,88,161)
```
#284ea1
```
#284ea1 rgb(40,78,161)
```
#2844a1
```
#2844a1 rgb(40,68,161)
```
#283aa1
```
#283aa1 rgb(40,58,161)
```

Similar Colors

Text with hexadecimal color #2858a1

This text has a font color of #2858a1.

<span style="color:#2858a1;">Text here</span>

#2858a1 background color

This paragraph has a background color of #2858a1.

<p style="background-color:#2858a1;">Content here</p>

#2858a1 border color

This element has a border color of #2858a1.

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

CSS codes

.text {color:#2858a1;}

.background {background-color:#2858a1;}

.border {border:1px solid #2858a1;}

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

#010204
```
#010204 rgb(1,2,4)
```
#050b14
```
#050b14 rgb(5,11,20)
```
#091323
```
#091323 rgb(9,19,35)
```
#0d1c33
```
#0d1c33 rgb(13,28,51)
```
#112443
```
#112443 rgb(17,36,67)
```
#142d52
```
#142d52 rgb(20,45,82)
```
#183662
```
#183662 rgb(24,54,98)
```
#1c3e72
```
#1c3e72 rgb(28,62,114)
```
#204782
```
#204782 rgb(32,71,130)
```
#244f91
```
#244f91 rgb(36,79,145)
```
#2858a1
```
#2858a1 rgb(40,88,161)
```
#2c61b1
```
#2c61b1 rgb(44,97,177)
```
#3069c0
```
#3069c0 rgb(48,105,192)
```

Shade Color Variation

#3772cd
```
#3772cd rgb(55,114,205)
```
#467dd1
```
#467dd1 rgb(70,125,209)
```
#5688d5
```
#5688d5 rgb(86,136,213)
```
#6693d9
```
#6693d9 rgb(102,147,217)
```
#759edd
```
#759edd rgb(117,158,221)
```
#85aae1
```
#85aae1 rgb(133,170,225)
```
#95b5e5
```
#95b5e5 rgb(149,181,229)
```
#a5c0e9
```
#a5c0e9 rgb(165,192,233)
```
#b4cbec
```
#b4cbec rgb(180,203,236)
```
#c4d6f0
```
#c4d6f0 rgb(196,214,240)
```
#d4e1f4
```
#d4e1f4 rgb(212,225,244)
```
#e3ecf8
```
#e3ecf8 rgb(227,236,248)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```

Tint Color Variation

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

#5e636b
```
#5e636b rgb(94,99,107)
```
#566273
```
#566273 rgb(86,98,115)
```
#4f607a
```
#4f607a rgb(79,96,122)
```
#475e82
```
#475e82 rgb(71,94,130)
```
#3f5d8a
```
#3f5d8a rgb(63,93,138)
```
#375b92
```
#375b92 rgb(55,91,146)
```
#305a99
```
#305a99 rgb(48,90,153)
```
#2858a1
```
#2858a1 rgb(40,88,161)
```
#2056a9
```
#2056a9 rgb(32,86,169)
```
#1955b0
```
#1955b0 rgb(25,85,176)
```
#1153b8
```
#1153b8 rgb(17,83,184)
```
#0952c0
```
#0952c0 rgb(9,82,192)
```
#0150c8
```
#0150c8 rgb(1,80,200)
```

Tone Color Variation

Below, you can see how #2858a1 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

#525252 Achromatopsia 0.005% of the population
#4a5362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5fa4 Protanopia 1% of men
#1463a4 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#355ca3 Protanomaly 1% of men, 0.01% of women
#1b5fa3 Deuteranomaly 6% of men, 0.4% of women
#0e6483 Tritanomaly 0.01% of the population

#2858a1 hex color

#2858a1 Color Information

#2858a1 Color Conversion

Color Schemes with #2858a1

Alternatives to #2858a1

#2858a1 Preview

Shades and Tints of #2858a1

Tones of #2858a1

Color Blindness Simulator