#2580fb hex color

In a RGB color space, hex #2580fb is composed of 14.5% red, 50.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 49% magenta, 0% yellow and 1.6% black. It has a hue angle of 214.5 degrees, a saturation of 96.4% and a lightness of 56.5%. #2580fb color hex could be obtained by blending #4affff with #0001f7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 15
- G 50
- B 98
RGB color chart
- C 85
- M 49
- Y 0
- K 2
CMYK color chart

● #2580fb color description : Vivid blue.

The hexadecimal color #2580fb has RGB values of R:37, G:128, B:251 and CMYK values of C:0.85, M:0.49, Y:0, K:0.02. Its decimal value is 2457851.

Hex triplet	2580fb	`#2580fb`
RGB Decimal	37, 128, 251	`rgb(37,128,251)`
RGB Percent	14.5, 50.2, 98.4	`rgb(14.5%,50.2%,98.4%)`
CMYK	85, 49, 0, 2
HSL	214.5°, 96.4, 56.5	`hsl(214.5,96.4%,56.5%)`
HSV (or HSB)	214.5°, 85.3, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.86, 18.689, -68.465
XYZ	25.891, 22.795, 94.297
xyY	0.181, 0.159, 22.795
CIE-LCH	54.86, 70.97, 285.268
CIE-LUV	54.86, -27.588, -109.159
Hunter-Lab	47.744, 13.247, -83.681
Binary	00100101, 10000000, 11111011

#2580fb
```
#2580fb rgb(37,128,251)
```
#fba025
```
#fba025 rgb(251,160,37)
```

Complementary Color

#25ebfb
```
#25ebfb rgb(37,235,251)
```
#2580fb
```
#2580fb rgb(37,128,251)
```
#3525fb
```
#3525fb rgb(53,37,251)
```

Analogous Color

#ebfb25
```
#ebfb25 rgb(235,251,37)
```
#2580fb
```
#2580fb rgb(37,128,251)
```
#fb3525
```
#fb3525 rgb(251,53,37)
```

Split Complementary Color

#80fb25
```
#80fb25 rgb(128,251,37)
```
#2580fb
```
#2580fb rgb(37,128,251)
```
#fb2580
```
#fb2580 rgb(251,37,128)
```

Triadic Color

#25fba0
```
#25fba0 rgb(37,251,160)
```
#2580fb
```
#2580fb rgb(37,128,251)
```
#fb2580
```
#fb2580 rgb(251,37,128)
```
#fba025
```
#fba025 rgb(251,160,37)
```

Tetradic Color

#045bd0
```
#045bd0 rgb(4,91,208)
```
#0465e9
```
#0465e9 rgb(4,101,233)
```
#0c71fb
```
#0c71fb rgb(12,113,251)
```
#2580fb
```
#2580fb rgb(37,128,251)
```
#3e8ffb
```
#3e8ffb rgb(62,143,251)
```
#579dfc
```
#579dfc rgb(87,157,252)
```
#70acfc
```
#70acfc rgb(112,172,252)
```

Monochromatic Color

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

#25b6fb
```
#25b6fb rgb(37,182,251)
```
#25a4fb
```
#25a4fb rgb(37,164,251)
```
#2592fb
```
#2592fb rgb(37,146,251)
```
#2580fb
```
#2580fb rgb(37,128,251)
```
#256efb
```
#256efb rgb(37,110,251)
```
#255cfb
```
#255cfb rgb(37,92,251)
```
#254bfb
```
#254bfb rgb(37,75,251)
```

Similar Colors

Text with hexadecimal color #2580fb

This text has a font color of #2580fb.

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

#2580fb background color

This paragraph has a background color of #2580fb.

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

#2580fb border color

This element has a border color of #2580fb.

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

CSS codes

.text {color:#2580fb;}

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

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

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, #00060d is the darkest color, while #f9fbff is the lightest one.

#00060d
```
#00060d rgb(0,6,13)
```
#010e20
```
#010e20 rgb(1,14,32)
```
#011734
```
#011734 rgb(1,23,52)
```
#011f47
```
#011f47 rgb(1,31,71)
```
#02275a
```
#02275a rgb(2,39,90)
```
#02306d
```
#02306d rgb(2,48,109)
```
#023881
```
#023881 rgb(2,56,129)
```
#034094
```
#034094 rgb(3,64,148)
```
#0349a7
```
#0349a7 rgb(3,73,167)
```
#0351bb
```
#0351bb rgb(3,81,187)
```
#045ace
```
#045ace rgb(4,90,206)
```
#0462e1
```
#0462e1 rgb(4,98,225)
```
#046af4
```
#046af4 rgb(4,106,244)
```

Shade Color Variation

#1275fb
```
#1275fb rgb(18,117,251)
```
#2580fb
```
#2580fb rgb(37,128,251)
```
#388bfb
```
#388bfb rgb(56,139,251)
```
#4c96fc
```
#4c96fc rgb(76,150,252)
```
#5fa2fc
```
#5fa2fc rgb(95,162,252)
```
#72adfc
```
#72adfc rgb(114,173,252)
```
#85b8fd
```
#85b8fd rgb(133,184,253)
```
#99c3fd
```
#99c3fd rgb(153,195,253)
```
#accffd
```
#accffd rgb(172,207,253)
```
#bfdafe
```
#bfdafe rgb(191,218,254)
```
#d2e5fe
```
#d2e5fe rgb(210,229,254)
```
#e6f0ff
```
#e6f0ff rgb(230,240,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8f95 is the less saturated color, while #2580fb is the most saturated one.

#8b8f95
```
#8b8f95 rgb(139,143,149)
```
#838e9d
```
#838e9d rgb(131,142,157)
```
#7a8da6
```
#7a8da6 rgb(122,141,166)
```
#728bae
```
#728bae rgb(114,139,174)
```
#698ab7
```
#698ab7 rgb(105,138,183)
```
#6189bf
```
#6189bf rgb(97,137,191)
```
#5888c8
```
#5888c8 rgb(88,136,200)
```
#5086d0
```
#5086d0 rgb(80,134,208)
```
#4785d9
```
#4785d9 rgb(71,133,217)
```
#3f84e1
```
#3f84e1 rgb(63,132,225)
```
#3683ea
```
#3683ea rgb(54,131,234)
```
#2e81f2
```
#2e81f2 rgb(46,129,242)
```
#2580fb
```
#2580fb rgb(37,128,251)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#63768e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b85fa Protanopia 1% of men
#008ce6 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#3383fa Protanomaly 1% of men, 0.01% of women
#0d87ee Deuteranomaly 6% of men, 0.4% of women
#0d8ec1 Tritanomaly 0.01% of the population

#2580fb hex color

#2580fb Color Information

#2580fb Color Conversion

Color Schemes with #2580fb

Alternatives to #2580fb

#2580fb Preview

Shades and Tints of #2580fb

Tones of #2580fb

Color Blindness Simulator