colorhexa.com

#2531d8 hex color

In a RGB color space, hex #2531d8 is composed of 14.5% red, 19.2% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 77.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 236 degrees, a saturation of 70.8% and a lightness of 49.6%. #2531d8 color hex could be obtained by blending #4a62ff with #0000b1. Closest websafe color is: #3333cc.

- R 15
- G 19
- B 85
RGB color chart
- C 83
- M 77
- Y 0
- K 15
CMYK color chart

● #2531d8 color description : Strong blue.

The hexadecimal color #2531d8 has RGB values of R:37, G:49, B:216 and CMYK values of C:0.83, M:0.77, Y:0, K:0.15. Its decimal value is 2437592.

Hex triplet	2531d8	`#2531d8`
RGB Decimal	37, 49, 216	`rgb(37,49,216)`
RGB Percent	14.5, 19.2, 84.7	`rgb(14.5%,19.2%,84.7%)`
CMYK	83, 77, 0, 15
HSL	236°, 70.8, 49.6	`hsl(236,70.8%,49.6%)`
HSV (or HSB)	236°, 82.9, 84.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.021, 54.346, -84.458
XYZ	14.253, 7.547, 65.667
xyY	0.163, 0.086, 7.547
CIE-LCH	33.021, 100.433, 302.76
CIE-LUV	33.021, -9.495, -111.18
Hunter-Lab	27.471, 44.539, -122.496
Binary	00100101, 00110001, 11011000

#2531d8
```
#2531d8 rgb(37,49,216)
```
#d8cc25
```
#d8cc25 rgb(216,204,37)
```

Complementary Color

#258bd8
```
#258bd8 rgb(37,139,216)
```
#2531d8
```
#2531d8 rgb(37,49,216)
```
#7325d8
```
#7325d8 rgb(115,37,216)
```

Analogous Color

#8bd825
```
#8bd825 rgb(139,216,37)
```
#2531d8
```
#2531d8 rgb(37,49,216)
```
#d87325
```
#d87325 rgb(216,115,37)
```

Split Complementary Color

#31d825
```
#31d825 rgb(49,216,37)
```
#2531d8
```
#2531d8 rgb(37,49,216)
```
#d82531
```
#d82531 rgb(216,37,49)
```

Triadic Color

#25d8cc
```
#25d8cc rgb(37,216,204)
```
#2531d8
```
#2531d8 rgb(37,49,216)
```
#d82531
```
#d82531 rgb(216,37,49)
```
#d8cc25
```
#d8cc25 rgb(216,204,37)
```

Tetradic Color

#1a2297
```
#1a2297 rgb(26,34,151)
```
#1e27ac
```
#1e27ac rgb(30,39,172)
```
#212cc2
```
#212cc2 rgb(33,44,194)
```
#2531d8
```
#2531d8 rgb(37,49,216)
```
#3944dd
```
#3944dd rgb(57,68,221)
```
#4f59e1
```
#4f59e1 rgb(79,89,225)
```
#656de5
```
#656de5 rgb(101,109,229)
```

Monochromatic Color

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

#255ed8
```
#255ed8 rgb(37,94,216)
```
#254fd8
```
#254fd8 rgb(37,79,216)
```
#2540d8
```
#2540d8 rgb(37,64,216)
```
#2531d8
```
#2531d8 rgb(37,49,216)
```
#2825d8
```
#2825d8 rgb(40,37,216)
```
#3725d8
```
#3725d8 rgb(55,37,216)
```
#4625d8
```
#4625d8 rgb(70,37,216)
```

Similar Colors

Text with hexadecimal color #2531d8

This text has a font color of #2531d8.

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

#2531d8 background color

This paragraph has a background color of #2531d8.

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

#2531d8 border color

This element has a border color of #2531d8.

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

CSS codes

.text {color:#2531d8;}

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

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

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, #03030f is the darkest color, while #fdfdff is the lightest one.

#03030f
```
#03030f rgb(3,3,15)
```
#050720
```
#050720 rgb(5,7,32)
```
#080b31
```
#080b31 rgb(8,11,49)
```
#0b0f41
```
#0b0f41 rgb(11,15,65)
```
#0e1352
```
#0e1352 rgb(14,19,82)
```
#111663
```
#111663 rgb(17,22,99)
```
#141a74
```
#141a74 rgb(20,26,116)
```
#171e84
```
#171e84 rgb(23,30,132)
```
#1a2295
```
#1a2295 rgb(26,34,149)
```
#1c26a6
```
#1c26a6 rgb(28,38,166)
```
#1f29b7
```
#1f29b7 rgb(31,41,183)
```
#222dc7
```
#222dc7 rgb(34,45,199)
```
#2531d8
```
#2531d8 rgb(37,49,216)
```

Shade Color Variation

#3440dc
```
#3440dc rgb(52,64,220)
```
#454fdf
```
#454fdf rgb(69,79,223)
```
#565fe2
```
#565fe2 rgb(86,95,226)
```
#676fe5
```
#676fe5 rgb(103,111,229)
```
#777fe8
```
#777fe8 rgb(119,127,232)
```
#888feb
```
#888feb rgb(136,143,235)
```
#999eed
```
#999eed rgb(153,158,237)
```
#aaaef0
```
#aaaef0 rgb(170,174,240)
```
#babef3
```
#babef3 rgb(186,190,243)
```
#cbcef6
```
#cbcef6 rgb(203,206,246)
```
#dcdef9
```
#dcdef9 rgb(220,222,249)
```
#edeefc
```
#edeefc rgb(237,238,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#7d7d80
```
#7d7d80 rgb(125,125,128)
```
#73748a
```
#73748a rgb(115,116,138)
```
#696c94
```
#696c94 rgb(105,108,148)
```
#5f649e
```
#5f649e rgb(95,100,158)
```
#565ba7
```
#565ba7 rgb(86,91,167)
```
#4c53b1
```
#4c53b1 rgb(76,83,177)
```
#424abb
```
#424abb rgb(66,74,187)
```
#3842c5
```
#3842c5 rgb(56,66,197)
```
#2f39ce
```
#2f39ce rgb(47,57,206)
```
#2531d8
```
#2531d8 rgb(37,49,216)
```
#1b29e2
```
#1b29e2 rgb(27,41,226)
```
#1220eb
```
#1220eb rgb(18,32,235)
```
#0818f5
```
#0818f5 rgb(8,24,245)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3b3d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#0d47b6 Protanomaly 1% of men, 0.01% of women
#0d4aa8 Deuteranomaly 6% of men, 0.4% of women
#0d4e8e Tritanomaly 0.01% of the population