#2531ea hex color

In a RGB color space, hex #2531ea is composed of 14.5% red, 19.2% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 79.1% magenta, 0% yellow and 8.2% black. It has a hue angle of 236.3 degrees, a saturation of 82.4% and a lightness of 53.1%. #2531ea color hex could be obtained by blending #4a62ff with #0000d5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 15
- G 19
- B 92
RGB color chart
- C 84
- M 79
- Y 0
- K 8
CMYK color chart

● #2531ea color description : Bright blue.

The hexadecimal color #2531ea has RGB values of R:37, G:49, B:234 and CMYK values of C:0.84, M:0.79, Y:0, K:0.08. Its decimal value is 2437610.

Hex triplet	2531ea	`#2531ea`
RGB Decimal	37, 49, 234	`rgb(37,49,234)`
RGB Percent	14.5, 19.2, 91.8	`rgb(14.5%,19.2%,91.8%)`
CMYK	84, 79, 0, 8
HSL	236.3°, 82.4, 53.1	`hsl(236.3,82.4%,53.1%)`
HSV (or HSB)	236.3°, 84.2, 91.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.062, 60.006, -91.377
XYZ	16.71, 8.529, 78.603
xyY	0.161, 0.082, 8.529
CIE-LCH	35.062, 109.318, 303.292
CIE-LUV	35.062, -10.101, -121.503
Hunter-Lab	29.205, 51.02, -139.132
Binary	00100101, 00110001, 11101010

#2531ea
```
#2531ea rgb(37,49,234)
```
#eade25
```
#eade25 rgb(234,222,37)
```

Complementary Color

#2594ea
```
#2594ea rgb(37,148,234)
```
#2531ea
```
#2531ea rgb(37,49,234)
```
#7c25ea
```
#7c25ea rgb(124,37,234)
```

Analogous Color

#94ea25
```
#94ea25 rgb(148,234,37)
```
#2531ea
```
#2531ea rgb(37,49,234)
```
#ea7c25
```
#ea7c25 rgb(234,124,37)
```

Split Complementary Color

#31ea25
```
#31ea25 rgb(49,234,37)
```
#2531ea
```
#2531ea rgb(37,49,234)
```
#ea2531
```
#ea2531 rgb(234,37,49)
```

Triadic Color

#25eade
```
#25eade rgb(37,234,222)
```
#2531ea
```
#2531ea rgb(37,49,234)
```
#ea2531
```
#ea2531 rgb(234,37,49)
```
#eade25
```
#eade25 rgb(234,222,37)
```

Tetradic Color

#111bb1
```
#111bb1 rgb(17,27,177)
```
#131ec9
```
#131ec9 rgb(19,30,201)
```
#1622e0
```
#1622e0 rgb(22,34,224)
```
#2531ea
```
#2531ea rgb(37,49,234)
```
#3c47ec
```
#3c47ec rgb(60,71,236)
```
#545dee
```
#545dee rgb(84,93,238)
```
#6b73f1
```
#6b73f1 rgb(107,115,241)
```

Monochromatic Color

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

#2562ea
```
#2562ea rgb(37,98,234)
```
#2552ea
```
#2552ea rgb(37,82,234)
```
#2541ea
```
#2541ea rgb(37,65,234)
```
#2531ea
```
#2531ea rgb(37,49,234)
```
#2925ea
```
#2925ea rgb(41,37,234)
```
#3a25ea
```
#3a25ea rgb(58,37,234)
```
#4a25ea
```
#4a25ea rgb(74,37,234)
```

Similar Colors

Text with hexadecimal color #2531ea

This text has a font color of #2531ea.

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

#2531ea background color

This paragraph has a background color of #2531ea.

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

#2531ea border color

This element has a border color of #2531ea.

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

CSS codes

.text {color:#2531ea;}

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

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

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

#01020f
```
#01020f rgb(1,2,15)
```
#030520
```
#030520 rgb(3,5,32)
```
#050832
```
#050832 rgb(5,8,50)
```
#070a44
```
#070a44 rgb(7,10,68)
```
#080d56
```
#080d56 rgb(8,13,86)
```
#0a1068
```
#0a1068 rgb(10,16,104)
```
#0c127a
```
#0c127a rgb(12,18,122)
```
#0d158c
```
#0d158c rgb(13,21,140)
```
#0f189e
```
#0f189e rgb(15,24,158)
```
#111bb0
```
#111bb0 rgb(17,27,176)
```
#131dc2
```
#131dc2 rgb(19,29,194)
```
#1420d3
```
#1420d3 rgb(20,32,211)
```
#1623e5
```
#1623e5 rgb(22,35,229)
```

Shade Color Variation

#2531ea
```
#2531ea rgb(37,49,234)
```
#3742ec
```
#3742ec rgb(55,66,236)
```
#4953ed
```
#4953ed rgb(73,83,237)
```
#5b64ef
```
#5b64ef rgb(91,100,239)
```
#6d75f1
```
#6d75f1 rgb(109,117,241)
```
#7e86f3
```
#7e86f3 rgb(126,134,243)
```
#9096f4
```
#9096f4 rgb(144,150,244)
```
#a2a7f6
```
#a2a7f6 rgb(162,167,246)
```
#b4b8f8
```
#b4b8f8 rgb(180,184,248)
```
#c6c9fa
```
#c6c9fa rgb(198,201,250)
```
#d8dafb
```
#d8dafb rgb(216,218,251)
```
#eaebfd
```
#eaebfd rgb(234,235,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81828e is the less saturated color, while #1321fc is the most saturated one.

#81828e
```
#81828e rgb(129,130,142)
```
#787a97
```
#787a97 rgb(120,122,151)
```
#6f72a0
```
#6f72a0 rgb(111,114,160)
```
#656aaa
```
#656aaa rgb(101,106,170)
```
#5c61b3
```
#5c61b3 rgb(92,97,179)
```
#5359bc
```
#5359bc rgb(83,89,188)
```
#4a51c5
```
#4a51c5 rgb(74,81,197)
```
#4149ce
```
#4149ce rgb(65,73,206)
```
#3741d8
```
#3741d8 rgb(55,65,216)
```
#2e39e1
```
#2e39e1 rgb(46,57,225)
```
#2531ea
```
#2531ea rgb(37,49,234)
```
#1c29f3
```
#1c29f3 rgb(28,41,243)
```
#1321fc
```
#1321fc rgb(19,33,252)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3d3f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#0d4ac2 Protanomaly 1% of men, 0.01% of women
#0d4db3 Deuteranomaly 6% of men, 0.4% of women
#0d5197 Tritanomaly 0.01% of the population

#2531ea hex color

#2531ea Color Information

#2531ea Color Conversion

Color Schemes with #2531ea

Alternatives to #2531ea

#2531ea Preview

Shades and Tints of #2531ea

Tones of #2531ea

Color Blindness Simulator