#2586aa hex color

In a RGB color space, hex #2586aa is composed of 14.5% red, 52.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 21.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 196.2 degrees, a saturation of 64.3% and a lightness of 40.6%. #2586aa color hex could be obtained by blending #4affff with #000d55. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 15
- G 53
- B 67
RGB color chart
- C 78
- M 21
- Y 0
- K 33
CMYK color chart

● #2586aa color description : Dark blue.

The hexadecimal color #2586aa has RGB values of R:37, G:134, B:170 and CMYK values of C:0.78, M:0.21, Y:0, K:0.33. Its decimal value is 2459306.

Hex triplet	2586aa	`#2586aa`
RGB Decimal	37, 134, 170	`rgb(37,134,170)`
RGB Percent	14.5, 52.5, 66.7	`rgb(14.5%,52.5%,66.7%)`
CMYK	78, 21, 0, 33
HSL	196.2°, 64.3, 40.6	`hsl(196.2,64.3%,40.6%)`
HSV (or HSB)	196.2°, 78.2, 66.7
Web Safe	339999	`#339999`

CIE-LAB	52.224, -14.911, -26.893
XYZ	16.542, 20.344, 41.083
xyY	0.212, 0.261, 20.344
CIE-LCH	52.224, 30.75, 240.993
CIE-LUV	52.224, -33.358, -38.588
Hunter-Lab	45.105, -13.469, -22.43
Binary	00100101, 10000110, 10101010

#2586aa
```
#2586aa rgb(37,134,170)
```
#aa4925
```
#aa4925 rgb(170,73,37)
```

Complementary Color

#25aa8c
```
#25aa8c rgb(37,170,140)
```
#2586aa
```
#2586aa rgb(37,134,170)
```
#2544aa
```
#2544aa rgb(37,68,170)
```

Analogous Color

#aa8c25
```
#aa8c25 rgb(170,140,37)
```
#2586aa
```
#2586aa rgb(37,134,170)
```
#aa2544
```
#aa2544 rgb(170,37,68)
```

Split Complementary Color

#86aa25
```
#86aa25 rgb(134,170,37)
```
#2586aa
```
#2586aa rgb(37,134,170)
```
#aa2586
```
#aa2586 rgb(170,37,134)
```

Triadic Color

#25aa49
```
#25aa49 rgb(37,170,73)
```
#2586aa
```
#2586aa rgb(37,134,170)
```
#aa2586
```
#aa2586 rgb(170,37,134)
```
#aa4925
```
#aa4925 rgb(170,73,37)
```

Tetradic Color

#17546b
```
#17546b rgb(23,84,107)
```
#1c6580
```
#1c6580 rgb(28,101,128)
```
#207595
```
#207595 rgb(32,117,149)
```
#2586aa
```
#2586aa rgb(37,134,170)
```
#2a97bf
```
#2a97bf rgb(42,151,191)
```
#30a6d2
```
#30a6d2 rgb(48,166,210)
```
#45afd7
```
#45afd7 rgb(69,175,215)
```

Monochromatic Color

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

#25a7aa
```
#25a7aa rgb(37,167,170)
```
#259caa
```
#259caa rgb(37,156,170)
```
#2591aa
```
#2591aa rgb(37,145,170)
```
#2586aa
```
#2586aa rgb(37,134,170)
```
#257baa
```
#257baa rgb(37,123,170)
```
#2570aa
```
#2570aa rgb(37,112,170)
```
#2565aa
```
#2565aa rgb(37,101,170)
```

Similar Colors

Text with hexadecimal color #2586aa

This text has a font color of #2586aa.

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

#2586aa background color

This paragraph has a background color of #2586aa.

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

#2586aa border color

This element has a border color of #2586aa.

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

CSS codes

.text {color:#2586aa;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#051419
```
#051419 rgb(5,20,25)
```
#092029
```
#092029 rgb(9,32,41)
```
#0c2d39
```
#0c2d39 rgb(12,45,57)
```
#103a49
```
#103a49 rgb(16,58,73)
```
#134759
```
#134759 rgb(19,71,89)
```
#17536a
```
#17536a rgb(23,83,106)
```
#1a607a
```
#1a607a rgb(26,96,122)
```
#1e6d8a
```
#1e6d8a rgb(30,109,138)
```
#21799a
```
#21799a rgb(33,121,154)
```
#2586aa
```
#2586aa rgb(37,134,170)
```
#2993ba
```
#2993ba rgb(41,147,186)
```
#2c9fca
```
#2c9fca rgb(44,159,202)
```

Shade Color Variation

#36a9d3
```
#36a9d3 rgb(54,169,211)
```
#47b0d7
```
#47b0d7 rgb(71,176,215)
```
#57b7da
```
#57b7da rgb(87,183,218)
```
#67bede
```
#67bede rgb(103,190,222)
```
#77c5e1
```
#77c5e1 rgb(119,197,225)
```
#87cbe5
```
#87cbe5 rgb(135,203,229)
```
#97d2e8
```
#97d2e8 rgb(151,210,232)
```
#a7d9ec
```
#a7d9ec rgb(167,217,236)
```
#b7e0ef
```
#b7e0ef rgb(183,224,239)
```
#c7e7f3
```
#c7e7f3 rgb(199,231,243)
```
#d8eef6
```
#d8eef6 rgb(216,238,246)
```
#e8f5fa
```
#e8f5fa rgb(232,245,250)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#65696a
```
#65696a rgb(101,105,106)
```
#5d6c72
```
#5d6c72 rgb(93,108,114)
```
#55707a
```
#55707a rgb(85,112,122)
```
#4d7482
```
#4d7482 rgb(77,116,130)
```
#45778a
```
#45778a rgb(69,119,138)
```
#3d7b92
```
#3d7b92 rgb(61,123,146)
```
#357f9a
```
#357f9a rgb(53,127,154)
```
#2d82a2
```
#2d82a2 rgb(45,130,162)
```
#2586aa
```
#2586aa rgb(37,134,170)
```
#1d8ab2
```
#1d8ab2 rgb(29,138,178)
```
#158dba
```
#158dba rgb(21,141,186)
```
#0d91c2
```
#0d91c2 rgb(13,145,194)
```
#0595ca
```
#0595ca rgb(5,149,202)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5f7279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7881a7 Protanopia 1% of men
#7182b2 Deuteranopia 1% of men
#0c909a Tritanopia 0.001% of the population

Trichromacy

#5a83a8 Protanomaly 1% of men, 0.01% of women
#5583af Deuteranomaly 6% of men, 0.4% of women
#158ca0 Tritanomaly 0.01% of the population

#2586aa hex color

#2586aa Color Information

#2586aa Color Conversion

Color Schemes with #2586aa

Alternatives to #2586aa

#2586aa Preview

Shades and Tints of #2586aa

Tones of #2586aa

Color Blindness Simulator