#2596f5 hex color

In a RGB color space, hex #2596f5 is composed of 14.5% red, 58.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 38.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 207.4 degrees, a saturation of 91.2% and a lightness of 55.3%. #2596f5 color hex could be obtained by blending #4affff with #002deb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 15
- G 59
- B 96
RGB color chart
- C 85
- M 39
- Y 0
- K 4
CMYK color chart

● #2596f5 color description : Bright blue.

The hexadecimal color #2596f5 has RGB values of R:37, G:150, B:245 and CMYK values of C:0.85, M:0.39, Y:0, K:0.04. Its decimal value is 2463477.

Hex triplet	2596f5	`#2596f5`
RGB Decimal	37, 150, 245	`rgb(37,150,245)`
RGB Percent	14.5, 58.8, 96.1	`rgb(14.5%,58.8%,96.1%)`
CMYK	85, 39, 0, 4
HSL	207.4°, 91.2, 55.3	`hsl(207.4,91.2%,55.3%)`
HSV (or HSB)	207.4°, 84.9, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.601, 3.095, -55.942
XYZ	28.147, 28.796, 90.456
xyY	0.191, 0.195, 28.796
CIE-LCH	60.601, 56.028, 273.167
CIE-LUV	60.601, -34.599, -89.829
Hunter-Lab	53.662, -0.281, -62.379
Binary	00100101, 10010110, 11110101

#2596f5
```
#2596f5 rgb(37,150,245)
```
#f58425
```
#f58425 rgb(245,132,37)
```

Complementary Color

#25f5ec
```
#25f5ec rgb(37,245,236)
```
#2596f5
```
#2596f5 rgb(37,150,245)
```
#252ef5
```
#252ef5 rgb(37,46,245)
```

Analogous Color

#f5ec25
```
#f5ec25 rgb(245,236,37)
```
#2596f5
```
#2596f5 rgb(37,150,245)
```
#f5252e
```
#f5252e rgb(245,37,46)
```

Split Complementary Color

#96f525
```
#96f525 rgb(150,245,37)
```
#2596f5
```
#2596f5 rgb(37,150,245)
```
#f52596
```
#f52596 rgb(245,37,150)
```

Triadic Color

#25f584
```
#25f584 rgb(37,245,132)
```
#2596f5
```
#2596f5 rgb(37,150,245)
```
#f52596
```
#f52596 rgb(245,37,150)
```
#f58425
```
#f58425 rgb(245,132,37)
```

Tetradic Color

#096fc4
```
#096fc4 rgb(9,111,196)
```
#0a7ddd
```
#0a7ddd rgb(10,125,221)
```
#0d8af4
```
#0d8af4 rgb(13,138,244)
```
#2596f5
```
#2596f5 rgb(37,150,245)
```
#3da2f6
```
#3da2f6 rgb(61,162,246)
```
#56adf7
```
#56adf7 rgb(86,173,247)
```
#6eb9f8
```
#6eb9f8 rgb(110,185,248)
```

Monochromatic Color

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

#25caf5
```
#25caf5 rgb(37,202,245)
```
#25b9f5
```
#25b9f5 rgb(37,185,245)
```
#25a7f5
```
#25a7f5 rgb(37,167,245)
```
#2596f5
```
#2596f5 rgb(37,150,245)
```
#2585f5
```
#2585f5 rgb(37,133,245)
```
#2573f5
```
#2573f5 rgb(37,115,245)
```
#2562f5
```
#2562f5 rgb(37,98,245)
```

Similar Colors

Text with hexadecimal color #2596f5

This text has a font color of #2596f5.

<span style="color:#2596f5;">Text here</span>

#2596f5 background color

This paragraph has a background color of #2596f5.

<p style="background-color:#2596f5;">Content here</p>

#2596f5 border color

This element has a border color of #2596f5.

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

CSS codes

.text {color:#2596f5;}

.background {background-color:#2596f5;}

.border {border:1px solid #2596f5;}

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, #000407 is the darkest color, while #f3f9fe is the lightest one.

#000407
```
#000407 rgb(0,4,7)
```
#010f1a
```
#010f1a rgb(1,15,26)
```
#02192d
```
#02192d rgb(2,25,45)
```
#03243f
```
#03243f rgb(3,36,63)
```
#042e52
```
#042e52 rgb(4,46,82)
```
#053965
```
#053965 rgb(5,57,101)
```
#054378
```
#054378 rgb(5,67,120)
```
#064e8a
```
#064e8a rgb(6,78,138)
```
#07599d
```
#07599d rgb(7,89,157)
```
#0863b0
```
#0863b0 rgb(8,99,176)
```
#096ec3
```
#096ec3 rgb(9,110,195)
```
#0a78d5
```
#0a78d5 rgb(10,120,213)
```
#0b83e8
```
#0b83e8 rgb(11,131,232)
```

Shade Color Variation

#128df4
```
#128df4 rgb(18,141,244)
```
#2596f5
```
#2596f5 rgb(37,150,245)
```
#389ff6
```
#389ff6 rgb(56,159,246)
```
#4ba8f7
```
#4ba8f7 rgb(75,168,247)
```
#5db1f8
```
#5db1f8 rgb(93,177,248)
```
#70baf8
```
#70baf8 rgb(112,186,248)
```
#83c3f9
```
#83c3f9 rgb(131,195,249)
```
#96ccfa
```
#96ccfa rgb(150,204,250)
```
#a8d5fb
```
#a8d5fb rgb(168,213,251)
```
#bbdefc
```
#bbdefc rgb(187,222,252)
```
#cee7fd
```
#cee7fd rgb(206,231,253)
```
#e1f0fe
```
#e1f0fe rgb(225,240,254)
```
#f3f9fe
```
#f3f9fe rgb(243,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858e95 is the less saturated color, while #1c97fe is the most saturated one.

#858e95
```
#858e95 rgb(133,142,149)
```
#7d8e9d
```
#7d8e9d rgb(125,142,157)
```
#748fa6
```
#748fa6 rgb(116,143,166)
```
#6b90af
```
#6b90af rgb(107,144,175)
```
#6291b8
```
#6291b8 rgb(98,145,184)
```
#5a91c0
```
#5a91c0 rgb(90,145,192)
```
#5192c9
```
#5192c9 rgb(81,146,201)
```
#4893d2
```
#4893d2 rgb(72,147,210)
```
#3f94db
```
#3f94db rgb(63,148,219)
```
#3794e3
```
#3794e3 rgb(55,148,227)
```
#2e95ec
```
#2e95ec rgb(46,149,236)
```
#2596f5
```
#2596f5 rgb(37,150,245)
```
#1c97fe
```
#1c97fe rgb(28,151,254)
```

Tone Color Variation

Below, you can see how #2596f5 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

#7f7f7f Achromatopsia 0.005% of the population
#6d8497 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f94f0 Protanopia 1% of men
#4899f6 Deuteranopia 1% of men
#00a6b1 Tritanopia 0.001% of the population

Trichromacy

#5495f1 Protanomaly 1% of men, 0.01% of women
#3b98f5 Deuteranomaly 6% of men, 0.4% of women
#0da0c9 Tritanomaly 0.01% of the population

#2596f5 hex color

#2596f5 Color Information

#2596f5 Color Conversion

Color Schemes with #2596f5

Alternatives to #2596f5

#2596f5 Preview

Shades and Tints of #2596f5

Tones of #2596f5

Color Blindness Simulator