#2582d9 hex color

In a RGB color space, hex #2582d9 is composed of 14.5% red, 51% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 40.1% magenta, 0% yellow and 14.9% black. It has a hue angle of 209 degrees, a saturation of 70.9% and a lightness of 49.8%. #2582d9 color hex could be obtained by blending #4affff with #0005b3. Closest websafe color is: #3399cc.

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

● #2582d9 color description : Bright blue.

The hexadecimal color #2582d9 has RGB values of R:37, G:130, B:217 and CMYK values of C:0.83, M:0.4, Y:0, K:0.15. Its decimal value is 2458329.

Hex triplet	2582d9	`#2582d9`
RGB Decimal	37, 130, 217	`rgb(37,130,217)`
RGB Percent	14.5, 51, 85.1	`rgb(14.5%,51%,85.1%)`
CMYK	83, 40, 0, 15
HSL	209°, 70.9, 49.8	`hsl(209,70.9%,49.8%)`
HSV (or HSB)	209°, 82.9, 85.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.348, 4.632, -51.927
XYZ	21.267, 21.366, 68.645
xyY	0.191, 0.192, 21.366
CIE-LCH	53.348, 52.133, 275.098
CIE-LUV	53.348, -29.489, -81.305
Hunter-Lab	46.224, 1.234, -55.692
Binary	00100101, 10000010, 11011001

#2582d9
```
#2582d9 rgb(37,130,217)
```
#d97c25
```
#d97c25 rgb(217,124,37)
```

Complementary Color

#25d9d6
```
#25d9d6 rgb(37,217,214)
```
#2582d9
```
#2582d9 rgb(37,130,217)
```
#2528d9
```
#2528d9 rgb(37,40,217)
```

Analogous Color

#d9d625
```
#d9d625 rgb(217,214,37)
```
#2582d9
```
#2582d9 rgb(37,130,217)
```
#d92528
```
#d92528 rgb(217,37,40)
```

Split Complementary Color

#82d925
```
#82d925 rgb(130,217,37)
```
#2582d9
```
#2582d9 rgb(37,130,217)
```
#d92582
```
#d92582 rgb(217,37,130)
```

Triadic Color

#25d97c
```
#25d97c rgb(37,217,124)
```
#2582d9
```
#2582d9 rgb(37,130,217)
```
#d92582
```
#d92582 rgb(217,37,130)
```
#d97c25
```
#d97c25 rgb(217,124,37)
```

Tetradic Color

#1a5b98
```
#1a5b98 rgb(26,91,152)
```
#1e68ad
```
#1e68ad rgb(30,104,173)
```
#2175c3
```
#2175c3 rgb(33,117,195)
```
#2582d9
```
#2582d9 rgb(37,130,217)
```
#3a8edd
```
#3a8edd rgb(58,142,221)
```
#509be1
```
#509be1 rgb(80,155,225)
```
#66a7e5
```
#66a7e5 rgb(102,167,229)
```

Monochromatic Color

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

#25afd9
```
#25afd9 rgb(37,175,217)
```
#25a0d9
```
#25a0d9 rgb(37,160,217)
```
#2591d9
```
#2591d9 rgb(37,145,217)
```
#2582d9
```
#2582d9 rgb(37,130,217)
```
#2573d9
```
#2573d9 rgb(37,115,217)
```
#2564d9
```
#2564d9 rgb(37,100,217)
```
#2555d9
```
#2555d9 rgb(37,85,217)
```

Similar Colors

Text with hexadecimal color #2582d9

This text has a font color of #2582d9.

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

#2582d9 background color

This paragraph has a background color of #2582d9.

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

#2582d9 border color

This element has a border color of #2582d9.

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

CSS codes

.text {color:#2582d9;}

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

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

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, #030a10 is the darkest color, while #feffff is the lightest one.

#030a10
```
#030a10 rgb(3,10,16)
```
#061421
```
#061421 rgb(6,20,33)
```
#081e31
```
#081e31 rgb(8,30,49)
```
#0b2842
```
#0b2842 rgb(11,40,66)
```
#0e3253
```
#0e3253 rgb(14,50,83)
```
#113c64
```
#113c64 rgb(17,60,100)
```
#144674
```
#144674 rgb(20,70,116)
```
#175085
```
#175085 rgb(23,80,133)
```
#1a5a96
```
#1a5a96 rgb(26,90,150)
```
#1c64a7
```
#1c64a7 rgb(28,100,167)
```
#1f6eb7
```
#1f6eb7 rgb(31,110,183)
```
#2278c8
```
#2278c8 rgb(34,120,200)
```
#2582d9
```
#2582d9 rgb(37,130,217)
```

Shade Color Variation

#358cdd
```
#358cdd rgb(53,140,221)
```
#4695df
```
#4695df rgb(70,149,223)
```
#579fe2
```
#579fe2 rgb(87,159,226)
```
#67a8e5
```
#67a8e5 rgb(103,168,229)
```
#78b2e8
```
#78b2e8 rgb(120,178,232)
```
#89bbeb
```
#89bbeb rgb(137,187,235)
```
#9ac5ee
```
#9ac5ee rgb(154,197,238)
```
#aacff1
```
#aacff1 rgb(170,207,241)
```
#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#cce2f6
```
#cce2f6 rgb(204,226,246)
```
#ddebf9
```
#ddebf9 rgb(221,235,249)
```
#edf5fc
```
#edf5fc rgb(237,245,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7f81 is the less saturated color, while #0883f6 is the most saturated one.

#7d7f81
```
#7d7f81 rgb(125,127,129)
```
#737f8b
```
#737f8b rgb(115,127,139)
```
#698095
```
#698095 rgb(105,128,149)
```
#60809e
```
#60809e rgb(96,128,158)
```
#5680a8
```
#5680a8 rgb(86,128,168)
```
#4c81b2
```
#4c81b2 rgb(76,129,178)
```
#4281bc
```
#4281bc rgb(66,129,188)
```
#3981c5
```
#3981c5 rgb(57,129,197)
```
#2f82cf
```
#2f82cf rgb(47,130,207)
```
#2582d9
```
#2582d9 rgb(37,130,217)
```
#1b82e3
```
#1b82e3 rgb(27,130,227)
```
#1183ed
```
#1183ed rgb(17,131,237)
```
#0883f6
```
#0883f6 rgb(8,131,246)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#617485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f83d6 Protanopia 1% of men
#3b87db Deuteranopia 1% of men
#00939c Tritanopia 0.001% of the population

Trichromacy

#4a82d7 Protanomaly 1% of men, 0.01% of women
#3385da Deuteranomaly 6% of men, 0.4% of women
#0d8cb2 Tritanomaly 0.01% of the population

#2582d9 hex color

#2582d9 Color Information

#2582d9 Color Conversion

Color Schemes with #2582d9

Alternatives to #2582d9

#2582d9 Preview

Shades and Tints of #2582d9

Tones of #2582d9

Color Blindness Simulator