colorhexa.com

#2580cb hex color

In a RGB color space, hex #2580cb is composed of 14.5% red, 50.2% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 36.9% magenta, 0% yellow and 20.4% black. It has a hue angle of 207.1 degrees, a saturation of 69.2% and a lightness of 47.1%. #2580cb color hex could be obtained by blending #4affff with #000197. Closest websafe color is: #3399cc.

- R 15
- G 50
- B 80
RGB color chart
- C 82
- M 37
- Y 0
- K 20
CMYK color chart

● #2580cb color description : Strong blue.

The hexadecimal color #2580cb has RGB values of R:37, G:128, B:203 and CMYK values of C:0.82, M:0.37, Y:0, K:0.2. Its decimal value is 2457803.

Hex triplet	2580cb	`#2580cb`
RGB Decimal	37, 128, 203	`rgb(37,128,203)`
RGB Percent	14.5, 50.2, 79.6	`rgb(14.5%,50.2%,79.6%)`
CMYK	82, 37, 0, 20
HSL	207.1°, 69.2, 47.1	`hsl(207.1,69.2%,47.1%)`
HSV (or HSB)	207.1°, 81.8, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.997, 0.585, -46.156
XYZ	19.259, 20.142, 59.369
xyY	0.195, 0.204, 20.142
CIE-LCH	51.997, 46.159, 270.726
CIE-LUV	51.997, -29.48, -71.258
Hunter-Lab	44.88, -1.94, -47.017
Binary	00100101, 10000000, 11001011

#2580cb
```
#2580cb rgb(37,128,203)
```
#cb7025
```
#cb7025 rgb(203,112,37)
```

Complementary Color

#25cbc3
```
#25cbc3 rgb(37,203,195)
```
#2580cb
```
#2580cb rgb(37,128,203)
```
#252dcb
```
#252dcb rgb(37,45,203)
```

Analogous Color

#cbc325
```
#cbc325 rgb(203,195,37)
```
#2580cb
```
#2580cb rgb(37,128,203)
```
#cb252d
```
#cb252d rgb(203,37,45)
```

Split Complementary Color

#80cb25
```
#80cb25 rgb(128,203,37)
```
#2580cb
```
#2580cb rgb(37,128,203)
```
#cb2580
```
#cb2580 rgb(203,37,128)
```

Triadic Color

#25cb70
```
#25cb70 rgb(37,203,112)
```
#2580cb
```
#2580cb rgb(37,128,203)
```
#cb2580
```
#cb2580 rgb(203,37,128)
```
#cb7025
```
#cb7025 rgb(203,112,37)
```

Tetradic Color

#19578a
```
#19578a rgb(25,87,138)
```
#1d65a0
```
#1d65a0 rgb(29,101,160)
```
#2172b5
```
#2172b5 rgb(33,114,181)
```
#2580cb
```
#2580cb rgb(37,128,203)
```
#308dd9
```
#308dd9 rgb(48,141,217)
```
#4699dd
```
#4699dd rgb(70,153,221)
```
#5ba5e1
```
#5ba5e1 rgb(91,165,225)
```

Monochromatic Color

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

#25aacb
```
#25aacb rgb(37,170,203)
```
#259ccb
```
#259ccb rgb(37,156,203)
```
#258ecb
```
#258ecb rgb(37,142,203)
```
#2580cb
```
#2580cb rgb(37,128,203)
```
#2572cb
```
#2572cb rgb(37,114,203)
```
#2564cb
```
#2564cb rgb(37,100,203)
```
#2557cb
```
#2557cb rgb(37,87,203)
```

Similar Colors

Text with hexadecimal color #2580cb

This text has a font color of #2580cb.

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

#2580cb background color

This paragraph has a background color of #2580cb.

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

#2580cb border color

This element has a border color of #2580cb.

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

CSS codes

.text {color:#2580cb;}

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

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

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 #f2f8fd is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#040d14
```
#040d14 rgb(4,13,20)
```
#071725
```
#071725 rgb(7,23,37)
```
#0a2236
```
#0a2236 rgb(10,34,54)
```
#0d2c46
```
#0d2c46 rgb(13,44,70)
```
#103757
```
#103757 rgb(16,55,87)
```
#134167
```
#134167 rgb(19,65,103)
```
#164c78
```
#164c78 rgb(22,76,120)
```
#195689
```
#195689 rgb(25,86,137)
```
#1c6199
```
#1c6199 rgb(28,97,153)
```
#1f6baa
```
#1f6baa rgb(31,107,170)
```
#2276ba
```
#2276ba rgb(34,118,186)
```
#2580cb
```
#2580cb rgb(37,128,203)
```

Shade Color Variation

#2b8ad8
```
#2b8ad8 rgb(43,138,216)
```
#3c93db
```
#3c93db rgb(60,147,219)
```
#4c9cde
```
#4c9cde rgb(76,156,222)
```
#5da6e1
```
#5da6e1 rgb(93,166,225)
```
#6eafe4
```
#6eafe4 rgb(110,175,228)
```
#7eb8e8
```
#7eb8e8 rgb(126,184,232)
```
#8fc1eb
```
#8fc1eb rgb(143,193,235)
```
#9fcaee
```
#9fcaee rgb(159,202,238)
```
#b0d3f1
```
#b0d3f1 rgb(176,211,241)
```
#c1ddf4
```
#c1ddf4 rgb(193,221,244)
```
#d1e6f7
```
#d1e6f7 rgb(209,230,247)
```
#e2effa
```
#e2effa rgb(226,239,250)
```
#f2f8fd
```
#f2f8fd rgb(242,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7981 is the less saturated color, while #0084f0 is the most saturated one.

#6f7981
```
#6f7981 rgb(111,121,129)
```
#667a8a
```
#667a8a rgb(102,122,138)
```
#5c7b94
```
#5c7b94 rgb(92,123,148)
```
#537c9d
```
#537c9d rgb(83,124,157)
```
#4a7ca6
```
#4a7ca6 rgb(74,124,166)
```
#417daf
```
#417daf rgb(65,125,175)
```
#377eb9
```
#377eb9 rgb(55,126,185)
```
#2e7fc2
```
#2e7fc2 rgb(46,127,194)
```
#2580cb
```
#2580cb rgb(37,128,203)
```
#1c81d4
```
#1c81d4 rgb(28,129,212)
```
#1382dd
```
#1382dd rgb(19,130,221)
```
#0983e7
```
#0983e7 rgb(9,131,231)
```
#0084f0
```
#0084f0 rgb(0,132,240)
```

Tone Color Variation

Below, you can see how #2580cb 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
#5f7180 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6480c8 Protanopia 1% of men
#4b83ce Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#4d80c9 Protanomaly 1% of men, 0.01% of women
#3d82cd Deuteranomaly 6% of men, 0.4% of women
#0d89ab Tritanomaly 0.01% of the population