#2504e2 hex color

In a RGB color space, hex #2504e2 is composed of 14.5% red, 1.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 98.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 248.9 degrees, a saturation of 96.5% and a lightness of 45.1%. #2504e2 color hex could be obtained by blending #4a08ff with #0000c5. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 15
- G 2
- B 89
RGB color chart
- C 84
- M 98
- Y 0
- K 11
CMYK color chart

● #2504e2 color description : Vivid blue.

The hexadecimal color #2504e2 has RGB values of R:37, G:4, B:226 and CMYK values of C:0.84, M:0.98, Y:0, K:0.11. Its decimal value is 2426082.

Hex triplet	2504e2	`#2504e2`
RGB Decimal	37, 4, 226	`rgb(37,4,226)`
RGB Percent	14.5, 1.6, 88.6	`rgb(14.5%,1.6%,88.6%)`
CMYK	84, 98, 0, 11
HSL	248.9°, 96.5, 45.1	`hsl(248.9,96.5%,45.1%)`
HSV (or HSB)	248.9°, 98.2, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.337, 71.938, -96.344
XYZ	14.531, 5.97, 72.334
xyY	0.157, 0.064, 5.97
CIE-LCH	29.337, 120.239, 306.748
CIE-LUV	29.337, -6.413, -114.793
Hunter-Lab	24.434, 63.397, -158.418
Binary	00100101, 00000100, 11100010

#2504e2
```
#2504e2 rgb(37,4,226)
```
#c1e204
```
#c1e204 rgb(193,226,4)
```

Complementary Color

#0452e2
```
#0452e2 rgb(4,82,226)
```
#2504e2
```
#2504e2 rgb(37,4,226)
```
#9404e2
```
#9404e2 rgb(148,4,226)
```

Analogous Color

#52e204
```
#52e204 rgb(82,226,4)
```
#2504e2
```
#2504e2 rgb(37,4,226)
```
#e29404
```
#e29404 rgb(226,148,4)
```

Split Complementary Color

#04e225
```
#04e225 rgb(4,226,37)
```
#2504e2
```
#2504e2 rgb(37,4,226)
```
#e22504
```
#e22504 rgb(226,37,4)
```

Triadic Color

#04c1e2
```
#04c1e2 rgb(4,193,226)
```
#2504e2
```
#2504e2 rgb(37,4,226)
```
#e22504
```
#e22504 rgb(226,37,4)
```
#c1e204
```
#c1e204 rgb(193,226,4)
```

Tetradic Color

#190397
```
#190397 rgb(25,3,151)
```
#1d03b0
```
#1d03b0 rgb(29,3,176)
```
#2104c9
```
#2104c9 rgb(33,4,201)
```
#2504e2
```
#2504e2 rgb(37,4,226)
```
#2905fb
```
#2905fb rgb(41,5,251)
```
#3f1efb
```
#3f1efb rgb(63,30,251)
```
#5437fb
```
#5437fb rgb(84,55,251)
```

Monochromatic Color

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

#041ae2
```
#041ae2 rgb(4,26,226)
```
#0408e2
```
#0408e2 rgb(4,8,226)
```
#1304e2
```
#1304e2 rgb(19,4,226)
```
#2504e2
```
#2504e2 rgb(37,4,226)
```
#3804e2
```
#3804e2 rgb(56,4,226)
```
#4a04e2
```
#4a04e2 rgb(74,4,226)
```
#5d04e2
```
#5d04e2 rgb(93,4,226)
```

Similar Colors

Text with hexadecimal color #2504e2

This text has a font color of #2504e2.

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

#2504e2 background color

This paragraph has a background color of #2504e2.

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

#2504e2 border color

This element has a border color of #2504e2.

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

CSS codes

.text {color:#2504e2;}

.background {background-color:#2504e2;}

.border {border:1px solid #2504e2;}

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, #02000e is the darkest color, while #fafaff is the lightest one.

#02000e
```
#02000e rgb(2,0,14)
```
#050121
```
#050121 rgb(5,1,33)
```
#090135
```
#090135 rgb(9,1,53)
```
#0c0148
```
#0c0148 rgb(12,1,72)
```
#0f025b
```
#0f025b rgb(15,2,91)
```
#12026e
```
#12026e rgb(18,2,110)
```
#150282
```
#150282 rgb(21,2,130)
```
#180395
```
#180395 rgb(24,3,149)
```
#1c03a8
```
#1c03a8 rgb(28,3,168)
```
#1f03bb
```
#1f03bb rgb(31,3,187)
```
#2204cf
```
#2204cf rgb(34,4,207)
```
#2504e2
```
#2504e2 rgb(37,4,226)
```
#2804f5
```
#2804f5 rgb(40,4,245)
```

Shade Color Variation

#3512fb
```
#3512fb rgb(53,18,251)
```
#4526fb
```
#4526fb rgb(69,38,251)
```
#5639fb
```
#5639fb rgb(86,57,251)
```
#664cfc
```
#664cfc rgb(102,76,252)
```
#7760fc
```
#7760fc rgb(119,96,252)
```
#8773fd
```
#8773fd rgb(135,115,253)
```
#9886fd
```
#9886fd rgb(152,134,253)
```
#a899fd
```
#a899fd rgb(168,153,253)
```
#b9adfe
```
#b9adfe rgb(185,173,254)
```
#c9c0fe
```
#c9c0fe rgb(201,192,254)
```
#dad3fe
```
#dad3fe rgb(218,211,254)
```
#eae6ff
```
#eae6ff rgb(234,230,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706e78 is the less saturated color, while #2504e2 is the most saturated one.

#706e78
```
#706e78 rgb(112,110,120)
```
#696581
```
#696581 rgb(105,101,129)
```
#635c8a
```
#635c8a rgb(99,92,138)
```
#5d5492
```
#5d5492 rgb(93,84,146)
```
#574b9b
```
#574b9b rgb(87,75,155)
```
#5142a4
```
#5142a4 rgb(81,66,164)
```
#4a39ad
```
#4a39ad rgb(74,57,173)
```
#4430b6
```
#4430b6 rgb(68,48,182)
```
#3e27bf
```
#3e27bf rgb(62,39,191)
```
#381fc7
```
#381fc7 rgb(56,31,199)
```
#3116d0
```
#3116d0 rgb(49,22,208)
```
#2b0dd9
```
#2b0dd9 rgb(43,13,217)
```
#2504e2
```
#2504e2 rgb(37,4,226)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#27204c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#00517f Deuteranopia 1% of men
#00565a Tritanopia 0.001% of the population

Trichromacy

#0d32b0 Protanomaly 1% of men, 0.01% of women
#0d35a3 Deuteranomaly 6% of men, 0.4% of women
#0d388b Tritanomaly 0.01% of the population

#2504e2 hex color

#2504e2 Color Information

#2504e2 Color Conversion

Color Schemes with #2504e2

Alternatives to #2504e2

#2504e2 Preview

Shades and Tints of #2504e2

Tones of #2504e2

Color Blindness Simulator