#2580a7 hex color

In a RGB color space, hex #2580a7 is composed of 14.5% red, 50.2% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 23.4% magenta, 0% yellow and 34.5% black. It has a hue angle of 198 degrees, a saturation of 63.7% and a lightness of 40%. #2580a7 color hex could be obtained by blending #4affff with #00014f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 15
- G 50
- B 65
RGB color chart
- C 78
- M 23
- Y 0
- K 35
CMYK color chart

● #2580a7 color description : Dark blue.

The hexadecimal color #2580a7 has RGB values of R:37, G:128, B:167 and CMYK values of C:0.78, M:0.23, Y:0, K:0.35. Its decimal value is 2457767.

Hex triplet	2580a7	`#2580a7`
RGB Decimal	37, 128, 167	`rgb(37,128,167)`
RGB Percent	14.5, 50.2, 65.5	`rgb(14.5%,50.2%,65.5%)`
CMYK	78, 23, 0, 35
HSL	198°, 63.7, 40	`hsl(198,63.7%,40%)`
HSV (or HSB)	198°, 77.8, 65.5
Web Safe	339999	`#339999`

CIE-LAB	50.24, -12.609, -28.236
XYZ	15.455, 18.62, 39.337
xyY	0.211, 0.254, 18.62
CIE-LCH	50.24, 30.924, 245.937
CIE-LUV	50.24, -31.394, -40.716
Hunter-Lab	43.151, -11.582, -23.843
Binary	00100101, 10000000, 10100111

#2580a7
```
#2580a7 rgb(37,128,167)
```
#a74c25
```
#a74c25 rgb(167,76,37)
```

Complementary Color

#25a78d
```
#25a78d rgb(37,167,141)
```
#2580a7
```
#2580a7 rgb(37,128,167)
```
#253fa7
```
#253fa7 rgb(37,63,167)
```

Analogous Color

#a78d25
```
#a78d25 rgb(167,141,37)
```
#2580a7
```
#2580a7 rgb(37,128,167)
```
#a7253f
```
#a7253f rgb(167,37,63)
```

Split Complementary Color

#80a725
```
#80a725 rgb(128,167,37)
```
#2580a7
```
#2580a7 rgb(37,128,167)
```
#a72580
```
#a72580 rgb(167,37,128)
```

Triadic Color

#25a74c
```
#25a74c rgb(37,167,76)
```
#2580a7
```
#2580a7 rgb(37,128,167)
```
#a72580
```
#a72580 rgb(167,37,128)
```
#a74c25
```
#a74c25 rgb(167,76,37)
```

Tetradic Color

#175068
```
#175068 rgb(23,80,104)
```
#1c607d
```
#1c607d rgb(28,96,125)
```
#207092
```
#207092 rgb(32,112,146)
```
#2580a7
```
#2580a7 rgb(37,128,167)
```
#2a90bc
```
#2a90bc rgb(42,144,188)
```
#2ea0d1
```
#2ea0d1 rgb(46,160,209)
```
#43aad5
```
#43aad5 rgb(67,170,213)
```

Monochromatic Color

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

#25a1a7
```
#25a1a7 rgb(37,161,167)
```
#2596a7
```
#2596a7 rgb(37,150,167)
```
#258ba7
```
#258ba7 rgb(37,139,167)
```
#2580a7
```
#2580a7 rgb(37,128,167)
```
#2575a7
```
#2575a7 rgb(37,117,167)
```
#256aa7
```
#256aa7 rgb(37,106,167)
```
#255fa7
```
#255fa7 rgb(37,95,167)
```

Similar Colors

Text with hexadecimal color #2580a7

This text has a font color of #2580a7.

<span style="color:#2580a7;">Text here</span>

#2580a7 background color

This paragraph has a background color of #2580a7.

<p style="background-color:#2580a7;">Content here</p>

#2580a7 border color

This element has a border color of #2580a7.

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

CSS codes

.text {color:#2580a7;}

.background {background-color:#2580a7;}

.border {border:1px solid #2580a7;}

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

#010506
```
#010506 rgb(1,5,6)
```
#051116
```
#051116 rgb(5,17,22)
```
#091e27
```
#091e27 rgb(9,30,39)
```
#0c2a37
```
#0c2a37 rgb(12,42,55)
```
#103647
```
#103647 rgb(16,54,71)
```
#134257
```
#134257 rgb(19,66,87)
```
#174f67
```
#174f67 rgb(23,79,103)
```
#1a5b77
```
#1a5b77 rgb(26,91,119)
```
#1e6787
```
#1e6787 rgb(30,103,135)
```
#217497
```
#217497 rgb(33,116,151)
```
#2580a7
```
#2580a7 rgb(37,128,167)
```
#298cb7
```
#298cb7 rgb(41,140,183)
```
#2c99c7
```
#2c99c7 rgb(44,153,199)
```

Shade Color Variation

#35a3d2
```
#35a3d2 rgb(53,163,210)
```
#45aad6
```
#45aad6 rgb(69,170,214)
```
#55b2d9
```
#55b2d9 rgb(85,178,217)
```
#65b9dd
```
#65b9dd rgb(101,185,221)
```
#75c0e0
```
#75c0e0 rgb(117,192,224)
```
#85c7e4
```
#85c7e4 rgb(133,199,228)
```
#95cfe8
```
#95cfe8 rgb(149,207,232)
```
#a5d6eb
```
#a5d6eb rgb(165,214,235)
```
#b5ddef
```
#b5ddef rgb(181,221,239)
```
#c5e5f2
```
#c5e5f2 rgb(197,229,242)
```
#d5ecf6
```
#d5ecf6 rgb(213,236,246)
```
#e5f3f9
```
#e5f3f9 rgb(229,243,249)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

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

#646768
```
#646768 rgb(100,103,104)
```
#5c6a70
```
#5c6a70 rgb(92,106,112)
```
#546d78
```
#546d78 rgb(84,109,120)
```
#4c7080
```
#4c7080 rgb(76,112,128)
```
#447388
```
#447388 rgb(68,115,136)
```
#3d778f
```
#3d778f rgb(61,119,143)
```
#357a97
```
#357a97 rgb(53,122,151)
```
#2d7d9f
```
#2d7d9f rgb(45,125,159)
```
#2580a7
```
#2580a7 rgb(37,128,167)
```
#1d83af
```
#1d83af rgb(29,131,175)
```
#1586b7
```
#1586b7 rgb(21,134,183)
```
#0d89bf
```
#0d89bf rgb(13,137,191)
```
#068dc6
```
#068dc6 rgb(6,141,198)
```

Tone Color Variation

Below, you can see how #2580a7 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

#696969 Achromatopsia 0.005% of the population
#5b6e75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727da5 Protanopia 1% of men
#6a7daf Deuteranopia 1% of men
#008a95 Tritanopia 0.001% of the population

Trichromacy

#567ea5 Protanomaly 1% of men, 0.01% of women
#517eac Deuteranomaly 6% of men, 0.4% of women
#0d869b Tritanomaly 0.01% of the population

#2580a7 hex color

#2580a7 Color Information

#2580a7 Color Conversion

Color Schemes with #2580a7

Alternatives to #2580a7

#2580a7 Preview

Shades and Tints of #2580a7

Tones of #2580a7

Color Blindness Simulator