#2582fb hex color

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

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

● #2582fb color description : Vivid blue.

The hexadecimal color #2582fb has RGB values of R:37, G:130, B:251 and CMYK values of C:0.85, M:0.48, Y:0, K:0.02. Its decimal value is 2458363.

Hex triplet	2582fb	`#2582fb`
RGB Decimal	37, 130, 251	`rgb(37,130,251)`
RGB Percent	14.5, 51, 98.4	`rgb(14.5%,51%,98.4%)`
CMYK	85, 48, 0, 2
HSL	213.9°, 96.4, 56.5	`hsl(213.9,96.4%,56.5%)`
HSV (or HSB)	213.9°, 85.3, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.402, 17.449, -67.59
XYZ	26.154, 23.321, 94.385
xyY	0.182, 0.162, 23.321
CIE-LCH	55.402, 69.806, 284.475
CIE-LUV	55.402, -28.175, -107.959
Hunter-Lab	48.292, 12.161, -82.075
Binary	00100101, 10000010, 11111011

#2582fb
```
#2582fb rgb(37,130,251)
```
#fb9e25
```
#fb9e25 rgb(251,158,37)
```

Complementary Color

#25edfb
```
#25edfb rgb(37,237,251)
```
#2582fb
```
#2582fb rgb(37,130,251)
```
#3325fb
```
#3325fb rgb(51,37,251)
```

Analogous Color

#edfb25
```
#edfb25 rgb(237,251,37)
```
#2582fb
```
#2582fb rgb(37,130,251)
```
#fb3325
```
#fb3325 rgb(251,51,37)
```

Split Complementary Color

#82fb25
```
#82fb25 rgb(130,251,37)
```
#2582fb
```
#2582fb rgb(37,130,251)
```
#fb2582
```
#fb2582 rgb(251,37,130)
```

Triadic Color

#25fb9e
```
#25fb9e rgb(37,251,158)
```
#2582fb
```
#2582fb rgb(37,130,251)
```
#fb2582
```
#fb2582 rgb(251,37,130)
```
#fb9e25
```
#fb9e25 rgb(251,158,37)
```

Tetradic Color

#045cd0
```
#045cd0 rgb(4,92,208)
```
#0468e9
```
#0468e9 rgb(4,104,233)
```
#0c74fb
```
#0c74fb rgb(12,116,251)
```
#2582fb
```
#2582fb rgb(37,130,251)
```
#3e90fb
```
#3e90fb rgb(62,144,251)
```
#579ffc
```
#579ffc rgb(87,159,252)
```
#70adfc
```
#70adfc rgb(112,173,252)
```

Monochromatic Color

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

#25b8fb
```
#25b8fb rgb(37,184,251)
```
#25a6fb
```
#25a6fb rgb(37,166,251)
```
#2594fb
```
#2594fb rgb(37,148,251)
```
#2582fb
```
#2582fb rgb(37,130,251)
```
#2570fb
```
#2570fb rgb(37,112,251)
```
#255efb
```
#255efb rgb(37,94,251)
```
#254cfb
```
#254cfb rgb(37,76,251)
```

Similar Colors

Text with hexadecimal color #2582fb

This text has a font color of #2582fb.

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

#2582fb background color

This paragraph has a background color of #2582fb.

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

#2582fb border color

This element has a border color of #2582fb.

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

CSS codes

.text {color:#2582fb;}

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

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

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)
```
#012047
```
#012047 rgb(1,32,71)
```
#02285a
```
#02285a rgb(2,40,90)
```
#02316d
```
#02316d rgb(2,49,109)
```
#023981
```
#023981 rgb(2,57,129)
```
#034294
```
#034294 rgb(3,66,148)
```
#034aa7
```
#034aa7 rgb(3,74,167)
```
#0353bb
```
#0353bb rgb(3,83,187)
```
#045cce
```
#045cce rgb(4,92,206)
```
#0464e1
```
#0464e1 rgb(4,100,225)
```
#046df4
```
#046df4 rgb(4,109,244)
```

Shade Color Variation

#1277fb
```
#1277fb rgb(18,119,251)
```
#2582fb
```
#2582fb rgb(37,130,251)
```
#388dfb
```
#388dfb rgb(56,141,251)
```
#4c98fc
```
#4c98fc rgb(76,152,252)
```
#5fa3fc
```
#5fa3fc rgb(95,163,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 #2582fb 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)
```
#618abf
```
#618abf rgb(97,138,191)
```
#5889c8
```
#5889c8 rgb(88,137,200)
```
#5088d0
```
#5088d0 rgb(80,136,208)
```
#4786d9
```
#4786d9 rgb(71,134,217)
```
#3f85e1
```
#3f85e1 rgb(63,133,225)
```
#3684ea
```
#3684ea rgb(54,132,234)
```
#2e83f2
```
#2e83f2 rgb(46,131,242)
```
#2582fb
```
#2582fb rgb(37,130,251)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#64778f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4287fa Protanopia 1% of men
#008de9 Deuteranopia 1% of men
#0098a1 Tritanopia 0.001% of the population

Trichromacy

#3785fa Protanomaly 1% of men, 0.01% of women
#0d89ef Deuteranomaly 6% of men, 0.4% of women
#0d90c2 Tritanomaly 0.01% of the population

#2582fb hex color

#2582fb Color Information

#2582fb Color Conversion

Color Schemes with #2582fb

Alternatives to #2582fb

#2582fb Preview

Shades and Tints of #2582fb

Tones of #2582fb

Color Blindness Simulator