#253580 hex color

In a RGB color space, hex #253580 is composed of 14.5% red, 20.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 58.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 229.5 degrees, a saturation of 55.2% and a lightness of 32.4%. #253580 color hex could be obtained by blending #4a6aff with #000001. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 15
- G 21
- B 50
RGB color chart
- C 71
- M 59
- Y 0
- K 50
CMYK color chart

● #253580 color description : Dark blue.

The hexadecimal color #253580 has RGB values of R:37, G:53, B:128 and CMYK values of C:0.71, M:0.59, Y:0, K:0.5. Its decimal value is 2438528.

Hex triplet	253580	`#253580`
RGB Decimal	37, 53, 128	`rgb(37,53,128)`
RGB Percent	14.5, 20.8, 50.2	`rgb(14.5%,20.8%,50.2%)`
CMYK	71, 59, 0, 50
HSL	229.5°, 55.2, 32.4	`hsl(229.5,55.2%,32.4%)`
HSV (or HSB)	229.5°, 71.1, 50.2
Web Safe	333399	`#333399`

CIE-LAB	25.253, 20.512, -44.385
XYZ	5.932, 4.498, 20.976
xyY	0.189, 0.143, 4.498
CIE-LCH	25.253, 48.895, 294.803
CIE-LUV	25.253, -7.813, -56.271
Hunter-Lab	21.208, 12.811, -43.798
Binary	00100101, 00110101, 10000000

#253580
```
#253580 rgb(37,53,128)
```
#807025
```
#807025 rgb(128,112,37)
```

Complementary Color

#256380
```
#256380 rgb(37,99,128)
```
#253580
```
#253580 rgb(37,53,128)
```
#432580
```
#432580 rgb(67,37,128)
```

Analogous Color

#638025
```
#638025 rgb(99,128,37)
```
#253580
```
#253580 rgb(37,53,128)
```
#804325
```
#804325 rgb(128,67,37)
```

Split Complementary Color

#358025
```
#358025 rgb(53,128,37)
```
#253580
```
#253580 rgb(37,53,128)
```
#802535
```
#802535 rgb(128,37,53)
```

Triadic Color

#258070
```
#258070 rgb(37,128,112)
```
#253580
```
#253580 rgb(37,53,128)
```
#802535
```
#802535 rgb(128,37,53)
```
#807025
```
#807025 rgb(128,112,37)
```

Tetradic Color

#141c45
```
#141c45 rgb(20,28,69)
```
#1a2558
```
#1a2558 rgb(26,37,88)
```
#1f2d6c
```
#1f2d6c rgb(31,45,108)
```
#253580
```
#253580 rgb(37,53,128)
```
#2b3d94
```
#2b3d94 rgb(43,61,148)
```
#3045a8
```
#3045a8 rgb(48,69,168)
```
#364ebb
```
#364ebb rgb(54,78,187)
```

Monochromatic Color

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

#254c80
```
#254c80 rgb(37,76,128)
```
#254480
```
#254480 rgb(37,68,128)
```
#253d80
```
#253d80 rgb(37,61,128)
```
#253580
```
#253580 rgb(37,53,128)
```
#252d80
```
#252d80 rgb(37,45,128)
```
#252680
```
#252680 rgb(37,38,128)
```
#2c2580
```
#2c2580 rgb(44,37,128)
```

Similar Colors

Text with hexadecimal color #253580

This text has a font color of #253580.

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

#253580 background color

This paragraph has a background color of #253580.

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

#253580 border color

This element has a border color of #253580.

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

CSS codes

.text {color:#253580;}

.background {background-color:#253580;}

.border {border:1px solid #253580;}

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

#020306
```
#020306 rgb(2,3,6)
```
#060915
```
#060915 rgb(6,9,21)
```
#0b0f25
```
#0b0f25 rgb(11,15,37)
```
#0f1534
```
#0f1534 rgb(15,21,52)
```
#131c43
```
#131c43 rgb(19,28,67)
```
#182252
```
#182252 rgb(24,34,82)
```
#1c2862
```
#1c2862 rgb(28,40,98)
```
#212f71
```
#212f71 rgb(33,47,113)
```
#253580
```
#253580 rgb(37,53,128)
```
#293b8f
```
#293b8f rgb(41,59,143)
```
#2e429e
```
#2e429e rgb(46,66,158)
```
#3248ae
```
#3248ae rgb(50,72,174)
```
#374ebd
```
#374ebd rgb(55,78,189)
```

Shade Color Variation

#3f57c8
```
#3f57c8 rgb(63,87,200)
```
#4f65cc
```
#4f65cc rgb(79,101,204)
```
#5e72d0
```
#5e72d0 rgb(94,114,208)
```
#6d7fd5
```
#6d7fd5 rgb(109,127,213)
```
#7c8dd9
```
#7c8dd9 rgb(124,141,217)
```
#8c9ade
```
#8c9ade rgb(140,154,222)
```
#9ba7e2
```
#9ba7e2 rgb(155,167,226)
```
#aab5e6
```
#aab5e6 rgb(170,181,230)
```
#b9c2eb
```
#b9c2eb rgb(185,194,235)
```
#c8cfef
```
#c8cfef rgb(200,207,239)
```
#d8ddf4
```
#d8ddf4 rgb(216,221,244)
```
#e7eaf8
```
#e7eaf8 rgb(231,234,248)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515254 is the less saturated color, while #0520a0 is the most saturated one.

#515254
```
#515254 rgb(81,82,84)
```
#4b4e5a
```
#4b4e5a rgb(75,78,90)
```
#454a60
```
#454a60 rgb(69,74,96)
```
#3e4567
```
#3e4567 rgb(62,69,103)
```
#38416d
```
#38416d rgb(56,65,109)
```
#323d73
```
#323d73 rgb(50,61,115)
```
#2b397a
```
#2b397a rgb(43,57,122)
```
#253580
```
#253580 rgb(37,53,128)
```
#1f3186
```
#1f3186 rgb(31,49,134)
```
#182d8d
```
#182d8d rgb(24,45,141)
```
#122993
```
#122993 rgb(18,41,147)
```
#0c2599
```
#0c2599 rgb(12,37,153)
```
#0520a0
```
#0520a0 rgb(5,32,160)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#353847 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004385 Protanopia 1% of men
#004774 Deuteranopia 1% of men
#004c51 Tritanopia 0.001% of the population

Trichromacy

#0d3e83 Protanomaly 1% of men, 0.01% of women
#0d4078 Deuteranomaly 6% of men, 0.4% of women
#0d4462 Tritanomaly 0.01% of the population

#253580 hex color

#253580 Color Information

#253580 Color Conversion

Color Schemes with #253580

Alternatives to #253580

#253580 Preview

Shades and Tints of #253580

Tones of #253580

Color Blindness Simulator