#2524ed hex color

In a RGB color space, hex #2524ed is composed of 14.5% red, 14.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 84.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 240.3 degrees, a saturation of 84.8% and a lightness of 53.5%. #2524ed color hex could be obtained by blending #4a48ff with #0000db. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 15
- G 14
- B 93
RGB color chart
- C 84
- M 85
- Y 0
- K 7
CMYK color chart

● #2524ed color description : Bright blue.

The hexadecimal color #2524ed has RGB values of R:37, G:36, B:237 and CMYK values of C:0.84, M:0.85, Y:0, K:0.07. Its decimal value is 2434285.

Hex triplet	2524ed	`#2524ed`
RGB Decimal	37, 36, 237	`rgb(37,36,237)`
RGB Percent	14.5, 14.1, 92.9	`rgb(14.5%,14.1%,92.9%)`
CMYK	84, 85, 0, 7
HSL	240.3°, 84.8, 53.5	`hsl(240.3,84.8%,53.5%)`
HSV (or HSB)	240.3°, 84.8, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.496, 66.573, -95.686
XYZ	16.677, 7.768, 80.737
xyY	0.159, 0.074, 7.768
CIE-LCH	33.496, 116.566, 304.828
CIE-LUV	33.496, -8.773, -122.839
Hunter-Lab	27.872, 58.029, -152.237
Binary	00100101, 00100100, 11101101

#2524ed
```
#2524ed rgb(37,36,237)
```
#eced24
```
#eced24 rgb(236,237,36)
```

Complementary Color

#2488ed
```
#2488ed rgb(36,136,237)
```
#2524ed
```
#2524ed rgb(37,36,237)
```
#8a24ed
```
#8a24ed rgb(138,36,237)
```

Analogous Color

#88ed24
```
#88ed24 rgb(136,237,36)
```
#2524ed
```
#2524ed rgb(37,36,237)
```
#ed8a24
```
#ed8a24 rgb(237,138,36)
```

Split Complementary Color

#24ed25
```
#24ed25 rgb(36,237,37)
```
#2524ed
```
#2524ed rgb(37,36,237)
```
#ed2524
```
#ed2524 rgb(237,37,36)
```

Triadic Color

#24eced
```
#24eced rgb(36,236,237)
```
#2524ed
```
#2524ed rgb(37,36,237)
```
#ed2524
```
#ed2524 rgb(237,37,36)
```
#eced24
```
#eced24 rgb(236,237,36)
```

Tetradic Color

#100fb6
```
#100fb6 rgb(16,15,182)
```
#1211cd
```
#1211cd rgb(18,17,205)
```
#1413e5
```
#1413e5 rgb(20,19,229)
```
#2524ed
```
#2524ed rgb(37,36,237)
```
#3c3cef
```
#3c3cef rgb(60,60,239)
```
#5453f1
```
#5453f1 rgb(84,83,241)
```
#6b6bf3
```
#6b6bf3 rgb(107,107,243)
```

Monochromatic Color

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

#2455ed
```
#2455ed rgb(36,85,237)
```
#2445ed
```
#2445ed rgb(36,69,237)
```
#2434ed
```
#2434ed rgb(36,52,237)
```
#2524ed
```
#2524ed rgb(37,36,237)
```
#3624ed
```
#3624ed rgb(54,36,237)
```
#4724ed
```
#4724ed rgb(71,36,237)
```
#5724ed
```
#5724ed rgb(87,36,237)
```

Similar Colors

Text with hexadecimal color #2524ed

This text has a font color of #2524ed.

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

#2524ed background color

This paragraph has a background color of #2524ed.

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

#2524ed border color

This element has a border color of #2524ed.

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

CSS codes

.text {color:#2524ed;}

.background {background-color:#2524ed;}

.border {border:1px solid #2524ed;}

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

#010111
```
#010111 rgb(1,1,17)
```
#030323
```
#030323 rgb(3,3,35)
```
#050435
```
#050435 rgb(5,4,53)
```
#060647
```
#060647 rgb(6,6,71)
```
#080759
```
#080759 rgb(8,7,89)
```
#09096b
```
#09096b rgb(9,9,107)
```
#0b0a7d
```
#0b0a7d rgb(11,10,125)
```
#0c0c90
```
#0c0c90 rgb(12,12,144)
```
#0e0da2
```
#0e0da2 rgb(14,13,162)
```
#100fb4
```
#100fb4 rgb(16,15,180)
```
#1110c6
```
#1110c6 rgb(17,16,198)
```
#1312d8
```
#1312d8 rgb(19,18,216)
```
#1413ea
```
#1413ea rgb(20,19,234)
```

Shade Color Variation

#2524ed
```
#2524ed rgb(37,36,237)
```
#3736ee
```
#3736ee rgb(55,54,238)
```
#4948f0
```
#4948f0 rgb(73,72,240)
```
#5b5af1
```
#5b5af1 rgb(91,90,241)
```
#6d6df3
```
#6d6df3 rgb(109,109,243)
```
#7f7ff4
```
#7f7ff4 rgb(127,127,244)
```
#9191f6
```
#9191f6 rgb(145,145,246)
```
#a3a3f7
```
#a3a3f7 rgb(163,163,247)
```
#b5b5f9
```
#b5b5f9 rgb(181,181,249)
```
#c7c7fa
```
#c7c7fa rgb(199,199,250)
```
#d9d9fc
```
#d9d9fc rgb(217,217,252)
```
#ebebfd
```
#ebebfd rgb(235,235,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#888889
```
#888889 rgb(136,136,137)
```
#7f7f92
```
#7f7f92 rgb(127,127,146)
```
#76769b
```
#76769b rgb(118,118,155)
```
#6d6da4
```
#6d6da4 rgb(109,109,164)
```
#6464ad
```
#6464ad rgb(100,100,173)
```
#5b5bb6
```
#5b5bb6 rgb(91,91,182)
```
#5252bf
```
#5252bf rgb(82,82,191)
```
#4948c9
```
#4948c9 rgb(73,72,201)
```
#403fd2
```
#403fd2 rgb(64,63,210)
```
#3736db
```
#3736db rgb(55,54,219)
```
#2e2de4
```
#2e2de4 rgb(46,45,228)
```
#2524ed
```
#2524ed rgb(37,36,237)
```
#1c1bf6
```
#1c1bf6 rgb(28,27,246)
```

Tone Color Variation

Below, you can see how #2524ed 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
#37365f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0d43bf Protanomaly 1% of men, 0.01% of women
#0d46b1 Deuteranomaly 6% of men, 0.4% of women
#0d4a96 Tritanomaly 0.01% of the population

#2524ed hex color

#2524ed Color Information

#2524ed Color Conversion

Color Schemes with #2524ed

Alternatives to #2524ed

#2524ed Preview

Shades and Tints of #2524ed

Tones of #2524ed

Color Blindness Simulator