colorhexa.com

#2531a7 hex color

In a RGB color space, hex #2531a7 is composed of 14.5% red, 19.2% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 70.7% magenta, 0% yellow and 34.5% black. It has a hue angle of 234.5 degrees, a saturation of 63.7% and a lightness of 40%. #2531a7 color hex could be obtained by blending #4a62ff with #00004f. Closest websafe color is: #333399.

- R 15
- G 19
- B 65
RGB color chart
- C 78
- M 71
- Y 0
- K 35
CMYK color chart

● #2531a7 color description : Dark blue.

The hexadecimal color #2531a7 has RGB values of R:37, G:49, B:167 and CMYK values of C:0.78, M:0.71, Y:0, K:0.35. Its decimal value is 2437543.

Hex triplet	2531a7	`#2531a7`
RGB Decimal	37, 49, 167	`rgb(37,49,167)`
RGB Percent	14.5, 19.2, 65.5	`rgb(14.5%,19.2%,65.5%)`
CMYK	78, 71, 0, 35
HSL	234.5°, 63.7, 40	`hsl(234.5,63.7%,40%)`
HSV (or HSB)	234.5°, 77.8, 65.5
Web Safe	333399	`#333399`

CIE-LAB	27.789, 37.747, -64.229
XYZ	8.835, 5.379, 37.13
xyY	0.172, 0.105, 5.379
CIE-LCH	27.789, 74.5, 300.443
CIE-LUV	27.789, -7.928, -82.139
Hunter-Lab	23.193, 27.406, -78.68
Binary	00100101, 00110001, 10100111

#2531a7
```
#2531a7 rgb(37,49,167)
```
#a79b25
```
#a79b25 rgb(167,155,37)
```

Complementary Color

#2572a7
```
#2572a7 rgb(37,114,167)
```
#2531a7
```
#2531a7 rgb(37,49,167)
```
#5a25a7
```
#5a25a7 rgb(90,37,167)
```

Analogous Color

#72a725
```
#72a725 rgb(114,167,37)
```
#2531a7
```
#2531a7 rgb(37,49,167)
```
#a75a25
```
#a75a25 rgb(167,90,37)
```

Split Complementary Color

#31a725
```
#31a725 rgb(49,167,37)
```
#2531a7
```
#2531a7 rgb(37,49,167)
```
#a72531
```
#a72531 rgb(167,37,49)
```

Triadic Color

#25a79b
```
#25a79b rgb(37,167,155)
```
#2531a7
```
#2531a7 rgb(37,49,167)
```
#a72531
```
#a72531 rgb(167,37,49)
```
#a79b25
```
#a79b25 rgb(167,155,37)
```

Tetradic Color

#171f68
```
#171f68 rgb(23,31,104)
```
#1c257d
```
#1c257d rgb(28,37,125)
```
#202b92
```
#202b92 rgb(32,43,146)
```
#2531a7
```
#2531a7 rgb(37,49,167)
```
#2a37bc
```
#2a37bc rgb(42,55,188)
```
#2e3dd1
```
#2e3dd1 rgb(46,61,209)
```
#4351d5
```
#4351d5 rgb(67,81,213)
```

Monochromatic Color

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

#2552a7
```
#2552a7 rgb(37,82,167)
```
#2547a7
```
#2547a7 rgb(37,71,167)
```
#253ca7
```
#253ca7 rgb(37,60,167)
```
#2531a7
```
#2531a7 rgb(37,49,167)
```
#2526a7
```
#2526a7 rgb(37,38,167)
```
#2f25a7
```
#2f25a7 rgb(47,37,167)
```
#3a25a7
```
#3a25a7 rgb(58,37,167)
```

Similar Colors

Text with hexadecimal color #2531a7

This text has a font color of #2531a7.

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

#2531a7 background color

This paragraph has a background color of #2531a7.

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

#2531a7 border color

This element has a border color of #2531a7.

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

CSS codes

.text {color:#2531a7;}

.background {background-color:#2531a7;}

.border {border:1px solid #2531a7;}

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

#010206
```
#010206 rgb(1,2,6)
```
#050716
```
#050716 rgb(5,7,22)
```
#090b27
```
#090b27 rgb(9,11,39)
```
#0c1037
```
#0c1037 rgb(12,16,55)
```
#101547
```
#101547 rgb(16,21,71)
```
#131957
```
#131957 rgb(19,25,87)
```
#171e67
```
#171e67 rgb(23,30,103)
```
#1a2377
```
#1a2377 rgb(26,35,119)
```
#1e2887
```
#1e2887 rgb(30,40,135)
```
#212c97
```
#212c97 rgb(33,44,151)
```
#2531a7
```
#2531a7 rgb(37,49,167)
```
#2936b7
```
#2936b7 rgb(41,54,183)
```
#2c3ac7
```
#2c3ac7 rgb(44,58,199)
```

Shade Color Variation

#3543d2
```
#3543d2 rgb(53,67,210)
```
#4552d6
```
#4552d6 rgb(69,82,214)
```
#5561d9
```
#5561d9 rgb(85,97,217)
```
#6570dd
```
#6570dd rgb(101,112,221)
```
#757fe0
```
#757fe0 rgb(117,127,224)
```
#858ee4
```
#858ee4 rgb(133,142,228)
```
#959de8
```
#959de8 rgb(149,157,232)
```
#a5aceb
```
#a5aceb rgb(165,172,235)
```
#b5baef
```
#b5baef rgb(181,186,239)
```
#c5c9f2
```
#c5c9f2 rgb(197,201,242)
```
#d5d8f6
```
#d5d8f6 rgb(213,216,246)
```
#e5e7f9
```
#e5e7f9 rgb(229,231,249)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#646468
```
#646468 rgb(100,100,104)
```
#5c5e70
```
#5c5e70 rgb(92,94,112)
```
#545778
```
#545778 rgb(84,87,120)
```
#4c5180
```
#4c5180 rgb(76,81,128)
```
#444b88
```
#444b88 rgb(68,75,136)
```
#3d448f
```
#3d448f rgb(61,68,143)
```
#353e97
```
#353e97 rgb(53,62,151)
```
#2d379f
```
#2d379f rgb(45,55,159)
```
#2531a7
```
#2531a7 rgb(37,49,167)
```
#1d2baf
```
#1d2baf rgb(29,43,175)
```
#1524b7
```
#1524b7 rgb(21,36,183)
```
#0d1ebf
```
#0d1ebf rgb(13,30,191)
```
#0617c6
```
#0617c6 rgb(6,23,198)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#373951 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004d7b Deuteranopia 1% of men
#005257 Tritanopia 0.001% of the population

Trichromacy

#0d4097 Protanomaly 1% of men, 0.01% of women
#0d438b Deuteranomaly 6% of men, 0.4% of women
#0d4674 Tritanomaly 0.01% of the population