colorhexa.com

#2524b4 hex color

In a RGB color space, hex #2524b4 is composed of 14.5% red, 14.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 80% magenta, 0% yellow and 29.4% black. It has a hue angle of 240.4 degrees, a saturation of 66.7% and a lightness of 42.4%. #2524b4 color hex could be obtained by blending #4a48ff with #000069. Closest websafe color is: #3333cc.

- R 15
- G 14
- B 71
RGB color chart
- C 79
- M 80
- Y 0
- K 29
CMYK color chart

● #2524b4 color description : Strong blue.

The hexadecimal color #2524b4 has RGB values of R:37, G:36, B:180 and CMYK values of C:0.79, M:0.8, Y:0, K:0.29. Its decimal value is 2434228.

Hex triplet	2524b4	`#2524b4`
RGB Decimal	37, 36, 180	`rgb(37,36,180)`
RGB Percent	14.5, 14.1, 70.6	`rgb(14.5%,14.1%,70.6%)`
CMYK	79, 80, 0, 29
HSL	240.4°, 66.7, 42.4	`hsl(240.4,66.7%,42.4%)`
HSV (or HSB)	240.4°, 80, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	26.591, 49.516, -74.01
XYZ	9.63, 4.95, 43.625
xyY	0.165, 0.085, 4.95
CIE-LCH	26.591, 89.046, 303.784
CIE-LUV	26.591, -6.382, -90.189
Hunter-Lab	22.248, 38.333, -100.686
Binary	00100101, 00100100, 10110100

#2524b4
```
#2524b4 rgb(37,36,180)
```
#b3b424
```
#b3b424 rgb(179,180,36)
```

Complementary Color

#246bb4
```
#246bb4 rgb(36,107,180)
```
#2524b4
```
#2524b4 rgb(37,36,180)
```
#6d24b4
```
#6d24b4 rgb(109,36,180)
```

Analogous Color

#6bb424
```
#6bb424 rgb(107,180,36)
```
#2524b4
```
#2524b4 rgb(37,36,180)
```
#b46d24
```
#b46d24 rgb(180,109,36)
```

Split Complementary Color

#24b425
```
#24b425 rgb(36,180,37)
```
#2524b4
```
#2524b4 rgb(37,36,180)
```
#b42524
```
#b42524 rgb(180,37,36)
```

Triadic Color

#24b3b4
```
#24b3b4 rgb(36,179,180)
```
#2524b4
```
#2524b4 rgb(37,36,180)
```
#b42524
```
#b42524 rgb(180,37,36)
```
#b3b424
```
#b3b424 rgb(179,180,36)
```

Tetradic Color

#181774
```
#181774 rgb(24,23,116)
```
#1c1c8a
```
#1c1c8a rgb(28,28,138)
```
#21209f
```
#21209f rgb(33,32,159)
```
#2524b4
```
#2524b4 rgb(37,36,180)
```
#2928c9
```
#2928c9 rgb(41,40,201)
```
#3635d7
```
#3635d7 rgb(54,53,215)
```
#4b4adb
```
#4b4adb rgb(75,74,219)
```

Monochromatic Color

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

#2447b4
```
#2447b4 rgb(36,71,180)
```
#243bb4
```
#243bb4 rgb(36,59,180)
```
#242fb4
```
#242fb4 rgb(36,47,180)
```
#2524b4
```
#2524b4 rgb(37,36,180)
```
#3124b4
```
#3124b4 rgb(49,36,180)
```
#3d24b4
```
#3d24b4 rgb(61,36,180)
```
#4924b4
```
#4924b4 rgb(73,36,180)
```

Similar Colors

Text with hexadecimal color #2524b4

This text has a font color of #2524b4.

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

#2524b4 background color

This paragraph has a background color of #2524b4.

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

#2524b4 border color

This element has a border color of #2524b4.

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

CSS codes

.text {color:#2524b4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030311
```
#030311 rgb(3,3,17)
```
#070721
```
#070721 rgb(7,7,33)
```
#0a0a31
```
#0a0a31 rgb(10,10,49)
```
#0d0d42
```
#0d0d42 rgb(13,13,66)
```
#111052
```
#111052 rgb(17,16,82)
```
#141462
```
#141462 rgb(20,20,98)
```
#181773
```
#181773 rgb(24,23,115)
```
#1b1a83
```
#1b1a83 rgb(27,26,131)
```
#1e1d93
```
#1e1d93 rgb(30,29,147)
```
#2221a4
```
#2221a4 rgb(34,33,164)
```
#2524b4
```
#2524b4 rgb(37,36,180)
```
#2827c4
```
#2827c4 rgb(40,39,196)
```

Shade Color Variation

#2c2bd5
```
#2c2bd5 rgb(44,43,213)
```
#3c3bd8
```
#3c3bd8 rgb(60,59,216)
```
#4c4bdb
```
#4c4bdb rgb(76,75,219)
```
#5d5cde
```
#5d5cde rgb(93,92,222)
```
#6d6ce2
```
#6d6ce2 rgb(109,108,226)
```
#7d7ce5
```
#7d7ce5 rgb(125,124,229)
```
#8d8de8
```
#8d8de8 rgb(141,141,232)
```
#9e9deb
```
#9e9deb rgb(158,157,235)
```
#aeadef
```
#aeadef rgb(174,173,239)
```
#bebef2
```
#bebef2 rgb(190,190,242)
```
#cecef5
```
#cecef5 rgb(206,206,245)
```
#dfdff9
```
#dfdff9 rgb(223,223,249)
```
#efeffc
```
#efeffc rgb(239,239,252)
```

Tint Color Variation

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

#676672
```
#676672 rgb(103,102,114)
```
#5e5e7a
```
#5e5e7a rgb(94,94,122)
```
#565682
```
#565682 rgb(86,86,130)
```
#4e4e8a
```
#4e4e8a rgb(78,78,138)
```
#464593
```
#464593 rgb(70,69,147)
```
#3e3d9b
```
#3e3d9b rgb(62,61,155)
```
#3535a3
```
#3535a3 rgb(53,53,163)
```
#2d2cac
```
#2d2cac rgb(45,44,172)
```
#2524b4
```
#2524b4 rgb(37,36,180)
```
#1d1cbc
```
#1d1cbc rgb(29,28,188)
```
#1513c5
```
#1513c5 rgb(21,19,197)
```
#0c0bcd
```
#0c0bcd rgb(12,11,205)
```
#0403d5
```
#0403d5 rgb(4,3,213)
```

Tone Color Variation

Below, you can see how #2524b4 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

#353535 Achromatopsia 0.005% of the population
#32324e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004b76 Deuteranopia 1% of men
#005053 Tritanopia 0.001% of the population

Trichromacy

#0d3a98 Protanomaly 1% of men, 0.01% of women
#0d3c8d Deuteranomaly 6% of men, 0.4% of women
#0d4076 Tritanomaly 0.01% of the population