#2581fb hex color

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

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

● #2581fb color description : Vivid blue.

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

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

CIE-LAB	55.131, 18.068, -68.028
XYZ	26.022, 23.057, 94.34
xyY	0.181, 0.161, 23.057
CIE-LCH	55.131, 70.387, 284.874
CIE-LUV	55.131, -27.881, -108.562
Hunter-Lab	48.017, 12.704, -82.876
Binary	00100101, 10000001, 11111011

#2581fb
```
#2581fb rgb(37,129,251)
```
#fb9f25
```
#fb9f25 rgb(251,159,37)
```

Complementary Color

#25ecfb
```
#25ecfb rgb(37,236,251)
```
#2581fb
```
#2581fb rgb(37,129,251)
```
#3425fb
```
#3425fb rgb(52,37,251)
```

Analogous Color

#ecfb25
```
#ecfb25 rgb(236,251,37)
```
#2581fb
```
#2581fb rgb(37,129,251)
```
#fb3425
```
#fb3425 rgb(251,52,37)
```

Split Complementary Color

#81fb25
```
#81fb25 rgb(129,251,37)
```
#2581fb
```
#2581fb rgb(37,129,251)
```
#fb2581
```
#fb2581 rgb(251,37,129)
```

Triadic Color

#25fb9f
```
#25fb9f rgb(37,251,159)
```
#2581fb
```
#2581fb rgb(37,129,251)
```
#fb2581
```
#fb2581 rgb(251,37,129)
```
#fb9f25
```
#fb9f25 rgb(251,159,37)
```

Tetradic Color

#045bd0
```
#045bd0 rgb(4,91,208)
```
#0466e9
```
#0466e9 rgb(4,102,233)
```
#0c73fb
```
#0c73fb rgb(12,115,251)
```
#2581fb
```
#2581fb rgb(37,129,251)
```
#3e8ffb
```
#3e8ffb rgb(62,143,251)
```
#579efc
```
#579efc rgb(87,158,252)
```
#70acfc
```
#70acfc rgb(112,172,252)
```

Monochromatic Color

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

#25b7fb
```
#25b7fb rgb(37,183,251)
```
#25a5fb
```
#25a5fb rgb(37,165,251)
```
#2593fb
```
#2593fb rgb(37,147,251)
```
#2581fb
```
#2581fb rgb(37,129,251)
```
#256ffb
```
#256ffb rgb(37,111,251)
```
#255dfb
```
#255dfb rgb(37,93,251)
```
#254cfb
```
#254cfb rgb(37,76,251)
```

Similar Colors

Text with hexadecimal color #2581fb

This text has a font color of #2581fb.

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

#2581fb background color

This paragraph has a background color of #2581fb.

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

#2581fb border color

This element has a border color of #2581fb.

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

CSS codes

.text {color:#2581fb;}

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

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

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)
```
#02285a
```
#02285a rgb(2,40,90)
```
#02306d
```
#02306d rgb(2,48,109)
```
#023981
```
#023981 rgb(2,57,129)
```
#034194
```
#034194 rgb(3,65,148)
```
#034aa7
```
#034aa7 rgb(3,74,167)
```
#0352bb
```
#0352bb rgb(3,82,187)
```
#045bce
```
#045bce rgb(4,91,206)
```
#0463e1
```
#0463e1 rgb(4,99,225)
```
#046cf4
```
#046cf4 rgb(4,108,244)
```

Shade Color Variation

#1276fb
```
#1276fb rgb(18,118,251)
```
#2581fb
```
#2581fb rgb(37,129,251)
```
#388cfb
```
#388cfb rgb(56,140,251)
```
#4c97fc
```
#4c97fc rgb(76,151,252)
```
#5fa2fc
```
#5fa2fc rgb(95,162,252)
```
#72aefc
```
#72aefc rgb(114,174,252)
```
#85b9fd
```
#85b9fd rgb(133,185,253)
```
#99c4fd
```
#99c4fd rgb(153,196,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 #2581fb is the most saturated one.

#8b8f95
```
#8b8f95 rgb(139,143,149)
```
#838e9d
```
#838e9d rgb(131,142,157)
```
#7a8da6
```
#7a8da6 rgb(122,141,166)
```
#728cae
```
#728cae rgb(114,140,174)
```
#698bb7
```
#698bb7 rgb(105,139,183)
```
#6189bf
```
#6189bf rgb(97,137,191)
```
#5888c8
```
#5888c8 rgb(88,136,200)
```
#5087d0
```
#5087d0 rgb(80,135,208)
```
#4786d9
```
#4786d9 rgb(71,134,217)
```
#3f85e1
```
#3f85e1 rgb(63,133,225)
```
#3683ea
```
#3683ea rgb(54,131,234)
```
#2e82f2
```
#2e82f2 rgb(46,130,242)
```
#2581fb
```
#2581fb rgb(37,129,251)
```

Tone Color Variation

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

#3f86fa Protanopia 1% of men
#008de8 Deuteranopia 1% of men
#0098a0 Tritanopia 0.001% of the population

Trichromacy

#3584fa Protanomaly 1% of men, 0.01% of women
#0d88ee Deuteranomaly 6% of men, 0.4% of women
#0d8fc1 Tritanomaly 0.01% of the population

#2581fb hex color

#2581fb Color Information

#2581fb Color Conversion

Color Schemes with #2581fb

Alternatives to #2581fb

#2581fb Preview

Shades and Tints of #2581fb

Tones of #2581fb

Color Blindness Simulator